.layer-row{gap:3px;padding:3px 2px;min-height:44px;flex-shrink:0;position:relative;cursor:grab;touch-action:none;user-select:none}
.left-panel.resizable-tools{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.resizable-tools .library-section{flex:0 0 var(--library-height,65%);min-height:0;display:flex;flex-direction:column;overflow:hidden;border-bottom:0}
.resizable-tools .library-section>.section-heading,.resizable-tools .library-tabs{flex-shrink:0}
.resizable-tools #shape-library,.resizable-tools #text-library{flex:1;min-height:0}
.resizable-tools .shape-grid{min-height:0;max-height:none;overflow-y:auto}
.resizable-tools .layers-section{flex:1 1 0;min-height:0;overflow:hidden}
.resizable-tools .layers-section>.section-heading,.resizable-tools .layer-hint{flex-shrink:0}
.resizable-tools .layer-list{flex:1;min-height:0;max-height:none;overflow-y:auto}
.panel-divider{height:16px;flex:0 0 16px;width:100%;display:grid;place-items:center;cursor:row-resize;touch-action:none;background:#111c27;border-block:1px solid #344554;outline-offset:-2px}
.panel-divider:before{content:'';width:42px;height:3px;background:#718b9d;border-radius:4px}
.panel-divider:hover,.panel-divider:focus-visible,.resizing-tools .panel-divider{background:#263f3c}
.panel-divider:hover:before,.panel-divider:focus-visible:before,.resizing-tools .panel-divider:before{background:var(--mint)}
.resizing-tools,.resizing-tools *{cursor:row-resize!important;user-select:none!important}
@media(max-width:880px){.left-panel.resizable-tools{height:clamp(620px,85dvh,900px);max-height:none}.resizable-tools #shape-library{display:flex;flex-direction:column;overflow:hidden}.resizable-tools #text-library{overflow:auto}.resizable-tools .shape-grid{flex:1}.panel-divider{height:24px;flex-basis:24px}}
.palette-bar .small-button{display:block}
@media(min-width:1280px){.palette-bar .team-swatches .swatch-group:last-child .swatch-grid{grid-template-columns:repeat(10,22px)}}
@media(min-width:881px){.stage-panel{overflow-y:auto;scrollbar-width:thin}.stage-surround{min-height:394px;flex-shrink:0}.logo-destinations,.stage-toolbar,.palette-bar{flex-shrink:0}}
.layer-row .layer-select{gap:7px;align-self:stretch;cursor:grab;touch-action:none}
.layer-row button:not(.layer-select){width:28px;height:36px;flex:0 0 28px;padding:5px;color:#aebdca;border-radius:4px;display:grid;place-items:center}
.layer-row button:not(.layer-select):hover{background:#ffffff15;color:#fff}
.layer-row button.layer-trash:hover{color:#ffb1a7;background:#f2515122}
.layer-row button.layer-grip{width:20px;flex-basis:20px;padding:2px;color:#718b9d;cursor:grab;touch-action:none}
.layer-row button svg{width:18px;height:18px;pointer-events:none}
.layer-row .layer-thumb svg{width:24px;height:24px}
.layer-row.layer-drop-placeholder{opacity:.22;border:1px dashed var(--mint);background:#169b8426}
.layer-row.layer-drag-preview{opacity:1!important;display:flex;background:#253a48;border:1px solid var(--mint);box-shadow:0 12px 32px #0009;z-index:10000;cursor:grabbing;pointer-events:none}
.layer-row.layer-picked,.layer-row.layer-picked .layer-select{cursor:grabbing}
.layer-row button:disabled{opacity:.3;cursor:not-allowed}
.shape-tile:disabled,.gallery-tile:disabled{opacity:.45;cursor:not-allowed}

.fill-swatches{display:block}.swatch-group>span{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}
.swatch-group+.swatch-group{margin-top:14px}.swatch-grid{display:grid;grid-template-columns:repeat(5,31px);gap:9px}
.fill-swatch.unused{background:repeating-conic-gradient(#31404b 0 25%,#25333d 0 50%) 0/12px 12px;color:#b6c8d4;font-size:18px;border-style:dashed}
.palette-bar{align-items:flex-start;flex-wrap:wrap;gap:12px;padding:12px 20px}.palette-bar>.team-swatches{display:flex;flex-wrap:wrap;gap:18px;min-width:0}.team-swatches .swatch-group{margin:0}.team-swatches .swatch-group>span{margin-bottom:5px}.team-swatches .swatch-grid{grid-template-columns:repeat(5,22px);gap:5px}.team-swatches .fill-swatch{width:22px;height:22px}.palette-bar .palette-caption{max-width:130px}.palette-bar .small-button{margin-top:5px}
#palette-dialog{width:min(680px,calc(100vw - 24px));max-height:90dvh;overflow:auto}.palette-edit-groups section{margin:20px 0}.palette-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.palette-edit-card{padding:10px;background:#111c27;border:1px solid var(--border);border-radius:6px}.palette-edit-card label{font-size:11px}.palette-edit-card>div{display:flex;gap:8px;align-items:center}.palette-edit-card input[type=text]{min-width:0;width:100%;font-size:12px;padding:6px;min-height:34px}.palette-edit-card input[type=color]{width:28px;min-width:28px;height:32px;min-height:32px}
.destination-heading{flex-wrap:wrap}.destination-heading #copy-logo{margin-left:auto;padding:6px 10px;min-height:32px}.destination-heading label{margin-left:0}
#copy-logo-dialog{width:min(560px,calc(100vw - 24px));max-height:90dvh;overflow:auto}.copy-previews{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.copy-previews h3{font-size:12px;margin-bottom:8px}.copy-previews>div>div{aspect-ratio:1;background:var(--paper);display:grid;place-items:center;border-radius:5px;overflow:hidden;color:#617484}.copy-previews svg{width:100%;height:100%}#copy-error{color:#ffb1a7}
@media(max-width:600px){.palette-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-row button:not(.layer-select){width:36px;flex-basis:36px;height:40px}.layer-row button.layer-grip{width:28px;flex-basis:28px}.palette-bar{padding:14px 12px}.destination-heading .tiny-label{width:100%}.destination-heading #copy-logo{margin-left:0}.destination-heading label{margin-left:auto}}


.grid-theme{display:flex;align-items:center;gap:2px;flex-shrink:0;white-space:nowrap;font-size:12px}
.grid-theme>span{color:var(--muted);margin-right:6px}
.grid-theme button{padding:6px 8px;min-height:32px;border:1px solid #425363;border-radius:4px;color:#b6c5d2}
.grid-theme button[aria-pressed=true]{color:#e5fff3;background:#2c4a43;border-color:#668c7b}
.artboard.grid-dark{background-color:#24313f;background-image:linear-gradient(#d8e8f21f 1px,transparent 1px),linear-gradient(90deg,#d8e8f21f 1px,transparent 1px)}
.artboard.grid-dark:before,.artboard.grid-dark:after{border-color:#bad1df;opacity:.45}
.artboard.grid-dark #empty-canvas{color:#e4edf4}.artboard.grid-dark #empty-canvas p{color:#b0c2d0}
@media(max-width:1100px){.grid-theme>span{display:none}}

#team-import-preview{max-width:220px;aspect-ratio:1;margin:16px auto;background:#eef0ed;border-radius:4px}#team-import-preview:empty{display:none}#team-import-preview svg{display:block;width:100%;height:100%}#team-import-details{margin:16px 0}#team-import-details ul{columns:2;padding-left:20px;font-size:13px;line-height:1.8}.header-actions{flex-wrap:wrap}.project-name{min-width:0}.project-name #project-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-top:has(>button:only-child){justify-content:flex-end}@media(max-width:650px){#team-import-details ul{columns:1}.header-actions{gap:6px}.header-actions button{padding:7px 9px}.project-name{display:none}}

#add-color-dialog{max-width:360px}.new-color-fields{display:flex;align-items:end;gap:14px;margin:20px 0}.new-color-fields>input[type=color]{width:84px;height:72px;padding:4px;flex-shrink:0}.new-color-fields label{flex:1;margin:0}.new-color-fields input[type=text]{margin-top:6px}