@import "https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";
@import "https://fonts.googleapis.com/css2?family=Pacifico&display=swap";
:root{--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:979px}.composition-canvas{flex-direction:column;gap:16px;padding:16px;display:flex}.cc-head h1{margin:0 0 4px}.cc-blurb{color:var(--fontSubtle);text-align:center;margin:0 0 8px}.cc-controls{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.cc-field{flex-direction:column;gap:4px;display:flex}.cc-field>span{color:var(--fontSubtle);font-size:.9rem}.cc-error{color:#721c24}.cc-muted{color:var(--fontSubtle)}.cc-waypoint{border:1px dashed #b1b1b1;border-radius:5px;min-height:144px;margin-bottom:8px;padding:16px 8px;transition:background .12s,border-color .12s}.cc-waypoint:nth-of-type(5n+1){background:#787c7e1a}.cc-waypoint:nth-of-type(5n+2){background:#7a9a821f}.cc-waypoint:nth-of-type(5n+3){background:#4caf501a}.cc-waypoint:nth-of-type(5n+4){background:#4285be1a}.cc-waypoint:nth-of-type(5n+5){background:#e691381c}.cc-waypoint-name{text-align:left;margin:0 0 4px;font-size:1rem}.cc-boxes{flex-direction:column;gap:16px;display:flex}.wb-columns{grid-template-columns:210px minmax(0,1fr) 220px;align-items:start;gap:16px;display:grid}@media (max-width:1100px){.wb-columns{grid-template-columns:1fr}}.wb-palette{flex-direction:column;gap:4px;max-height:70vh;padding:0 4px;display:flex;overflow-y:auto}.wb-palette.is-left{border-right:1px solid var(--highlightSubtle)}.wb-palette.is-right{border-left:1px solid var(--highlightSubtle)}@media (max-width:1100px){.wb-palette{max-height:320px}.wb-palette.is-left,.wb-palette.is-right{border:1px solid var(--highlightSubtle);border-radius:5px;padding:4px}}.wb-palette-head{margin:0;font-size:.95rem}.wb-palette-search{box-sizing:border-box;width:100%}.wb-section{cursor:pointer;border-radius:5px;flex-direction:column;gap:2px;padding:2px 4px 4px;display:flex}.wb-section.is-tint-0{background:#787c7e1a}.wb-section.is-tint-1{background:#7a9a821f}.wb-section.is-tint-2{background:#4caf501a}.wb-section.is-tint-3{background:#4285be1a}.wb-section.is-tint-4{background:#e691381c}.wb-section.is-tint-9{background:#00000008}.wb-section.has-no-list{cursor:default}.wb-section-head{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-weight:500;display:flex}.wb-section-head-static{padding:4px 0;font-weight:500}.wb-section-caret{width:10px;color:var(--fontSubtle);font-size:.7rem}.wb-section-name{flex:1}.wb-section-count{color:var(--fontSubtle);font-size:.8rem}.wb-section-body{flex-direction:column;gap:2px;padding-left:8px;display:flex}.wb-section-note{color:var(--fontSubtle);margin:0;font-size:.8rem;font-style:italic}.wb-items{max-height:190px;margin:0;padding:0;list-style:none;overflow-y:auto}.wb-item{border:1px solid var(--highlightSubtle);cursor:grab;background:var(--background);border-radius:5px;margin:2px 0;padding:3px 4px;font-size:.85rem}.wb-item:active{cursor:grabbing}.wb-item-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.wb-canvas{min-width:0}.cc-waypoint.is-drop-target{border:1px dashed var(--primary);background:#e9fef4}.wb-item-ref{color:var(--fontSubtle);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;display:block;overflow:hidden}.wb-section-head{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:4px;padding:4px 0;display:flex}.wb-section-toggle{cursor:pointer;width:14px;color:var(--fontSubtle);background:0 0;border:none;flex:none;padding:0;font-size:.7rem;line-height:1}.wb-section-name{text-overflow:ellipsis;min-width:0;color:inherit;flex:auto;font-weight:500;text-decoration:none;overflow:hidden}.wb-section-name:hover,.wb-section-name:focus-visible{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.wb-section-count{flex:none}.cc-lane-empty{color:var(--fontSubtle);margin:0;font-size:.85rem;font-style:italic}.cb-prefill{border:1px solid var(--highlightSubtle);background:#f1f1f1;border-radius:5px;flex-wrap:wrap;align-items:baseline;gap:4px;padding:4px 8px;display:flex}.cb-prefill-name{font-weight:500}.cb-prefill-kind{color:var(--fontSubtle);font-size:.8rem}.cb-prefill-change{font:inherit;color:var(--primary);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-left:auto;padding:0;font-size:.85rem;text-decoration:underline}.cc-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cc-toolbar-hint{color:var(--fontSubtle);font-size:.9rem}.cc-primary{border:1px solid var(--primary);background:var(--primary);color:var(--background);cursor:pointer;border-radius:5px;padding:4px 16px;font-weight:500}.cc-primary:disabled{cursor:default;border-color:1px solid var(--highlightSubtle);color:#6c757d;background:#f1f1f1}.cc-stages{flex-wrap:wrap;align-items:center;gap:4px;font-size:.9rem;display:flex}.cc-stages-label{color:var(--fontSubtle)}.cc-stage-chip{background:#f1f1f1;border-radius:5px;padding:1px 4px}.cc-declarations{border:1px solid var(--highlightSubtle);border-radius:5px;padding:8px 16px}.cc-declarations-head{margin:0 0 4px;font-size:1rem}.cc-notice{background:#f7b58a;border-left:3px solid #b34700;margin-bottom:8px;padding:4px 8px}.cc-notice p{margin:0 0 4px}.cc-notice ul{margin:0;padding:0;list-style:none}.cc-notice li{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.cc-declaration-rows{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cc-declaration-rows>li{border-bottom:1px solid var(--highlightSubtle);flex-wrap:wrap;align-items:baseline;gap:4px;padding:4px 0;display:flex}.cc-declaration-rows>li.has-problem{border-left:3px solid #721c24;padding-left:4px}.cc-declaration-main{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.cc-declaration-name{font-weight:500}.cc-declaration-kind,.cc-declaration-when,.cc-declaration-meta{color:var(--fontSubtle);font-size:.85rem}.cc-declaration-meta{flex-wrap:wrap;gap:8px;display:flex}.cc-declaration-flag{color:#b34700}.cc-declaration-problem{color:#721c24;width:100%;margin:0;font-size:.85rem}.cc-declaration-remove{font:inherit;color:var(--fontSubtle);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-left:auto;padding:0;font-size:.85rem;text-decoration:underline}.cc-declaration-remove:hover,.cc-declaration-remove:focus-visible{color:#721c24}.cc-options,.cb-options{border:1px solid var(--highlightSubtle);border-radius:5px;flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.cc-options button,.cb-options button{text-align:left;border:none;border-bottom:1px solid var(--highlightSubtle);cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:4px 8px;display:flex}.cc-options button:hover,.cb-options button:hover{background:#f1f1f1}.cc-options button.is-chosen,.cb-options button.is-chosen{background:#e9fef4}.cb-option-name{font-weight:500}.cb-option-ref{color:var(--fontSubtle);font-size:.8rem}.cb-options-note{color:var(--fontSubtle);margin:0;padding:8px;font-size:.9rem}.cb-dialog-hint{background:#f7b58a;border-left:3px solid #b34700;margin:0;padding:4px 8px;font-size:.9rem}.cb-inline-create{gap:4px;display:flex}.cb-inline-create input{flex:1}.cb-dialog-error{color:#721c24;margin:0}.cb-box-wrap{flex-direction:column;gap:2px;max-width:520px;display:flex}.cb-box{border:1px solid var(--highlightSubtle);background:var(--background);border-radius:5px;padding:8px 16px;position:relative}.cb-box.is-replacement{border-color:var(--primary)}.cb-box-body{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.cb-box-name{font-weight:500}.cb-box-ref,.cb-box-source{color:var(--fontSubtle);font-size:.8rem}.cb-node{border:2px solid var(--primary);background:var(--background);cursor:pointer;border-radius:50%;width:14px;height:14px;padding:0}.cb-node-in{cursor:default;border-style:dashed;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.cb-node-entry{position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.cb-node-timing{border-color:var(--fontSubtle);position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.cb-node-row{gap:8px;display:flex;position:absolute;bottom:-10px;left:16px}.cb-node-finished{border-radius:5px;align-items:center;width:auto;height:auto;padding:1px 4px;display:flex}.cb-node-label{white-space:nowrap;font-size:.7rem}.cb-fires{border-left:1px solid var(--highlightSubtle);margin-left:24px;padding-left:8px}.cb-fires ul{margin:0;padding:0;list-style:none}.cb-fires li{font-size:.9rem}.cb-fires-head{text-transform:uppercase;color:var(--fontSubtle);font-size:.75rem}.cb-carried{color:#b34700;font-size:.8rem;display:block}.cb-qa{align-items:center;gap:4px;margin-left:24px;display:flex}.cb-diamond{border:2px solid var(--fontSubtle);background:var(--background);cursor:context-menu;justify-content:center;align-items:center;width:44px;height:44px;display:flex;transform:rotate(45deg)}.cb-diamond.is-program{border-color:var(--primary)}.cb-diamond.is-executive{border-color:#b34700}.cb-diamond-rate{font-size:.8rem;transform:rotate(-45deg)}.cb-qa-pool{font-size:.8rem;font-weight:500}.cb-qa-pass{color:var(--fontSubtle);font-size:.8rem}.cb-dialog{z-index:1200;background:#0000000d;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cb-dialog-panel{background:var(--background);border-radius:5px;flex-direction:column;gap:8px;width:min(560px,100%);max-height:90vh;padding:16px;display:flex;overflow-y:auto}.cb-dialog-title{margin:0}.cb-dialog-sub{color:var(--fontSubtle);margin:0}.cb-why{background:#f7b58a;border-left:3px solid #b34700;margin:0;padding:8px}.cb-resolve h4{margin:0 0 4px;font-size:.9rem}.cb-resolve ol{margin:4px 0 0;padding-left:16px}.cb-resolve p{margin:0}.cb-override h4{margin:0 0 4px;font-size:.9rem}.cb-override-slot{text-align:center;border:1px dashed #b1b1b1;border-radius:5px;padding:8px}.cb-override-slot p{color:var(--fontSubtle);margin:4px 0 0;font-size:.85rem}.cb-coming-soon{text-transform:uppercase;letter-spacing:.05em;color:var(--fontSubtle);font-size:.8rem}.cb-dialog-actions{justify-content:flex-end;gap:4px;display:flex}.cb-menu{z-index:1100;background:var(--background);border:1px solid var(--highlightSubtle);border-radius:5px;min-width:230px;padding:4px 0;position:fixed;box-shadow:0 4px 8px #0003,0 6px 20px #00000026}.cb-menu button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:4px 8px;display:block}.cb-menu button:hover{background:#f1f1f1}.cb-menu button:disabled{cursor:default;color:#6c757d}.cb-menu-head{color:var(--fontSubtle);border-bottom:1px solid var(--highlightSubtle);margin:0;padding:4px 8px;font-size:.8rem}.cc-workflow-status{background:#f1f1f1;border-radius:5px;padding:1px 4px;font-size:.8rem}.cc-workflow-status.is-approved{color:#1c7245;background:#e9fef4}.cc-workflow-status.is-pending{color:#b34700;background:#f7b58a}.cc-workflow-status.is-rejected{color:#721c24;background:#fddee2}.cc-unauthorised{color:#b34700;font-size:.85rem;font-style:italic}.cc-controls{justify-content:center}.cc-controls button{white-space:nowrap;text-overflow:clip;flex:none;width:auto;max-width:none;overflow:visible}.cc-empty-action{font:inherit;color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline}.cc-empty-action:hover,.cc-empty-action:focus-visible{color:var(--primary)}