.creative-lab{width:100%;min-width:0}.cl-button-row,.cl-preview-bar,.cl-recovery,.cl-topbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cl-topbar{justify-content:space-between;margin-bottom:12px}.cl-topbar a{font-size:12px;color:var(--muted);text-decoration:none}.creative-lab button,.cs-modal:has(.cl-controls) button{font:inherit}.cl-button-row button,.cl-controls>button,.cl-error button,.cl-fold button,.cl-recovery button,.cl-topbar button{min-height:44px;border:1px solid var(--border,#dce2e8);border-radius:12px;padding:8px 12px;background:#fff;color:var(--foreground,#293449);display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.cl-button-row button:disabled,.cl-controls button:disabled{opacity:.4;cursor:default}.cl-controls{display:grid;gap:13px;min-width:0}.cl-fieldset{border:0;margin:0;padding:0;min-width:0}.cl-toggle{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}.cl-toggle input{width:19px;height:19px;accent-color:#7961b5}.cl-controls input,.cl-controls select,.cl-controls textarea{font-size:16px;max-width:100%;min-width:0}.cl-controls textarea{resize:vertical}.cl-controls .cs-field{min-width:0}.cl-segments{display:flex;flex-wrap:wrap;gap:6px}.cl-segments button{flex:1;min-height:44px;border:1px solid var(--border,#dce2e8);background:white;border-radius:11px;font-size:13px;color:#475269}.cl-frame-grid button[aria-pressed=true],.cl-segments button[aria-pressed=true],.cl-swatches button[aria-pressed=true]{border-color:#8a6bc1;box-shadow:0 0 0 2px #8a6bc133}.cl-swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.cl-swatches button{display:grid;justify-items:center;gap:3px;min-width:0;min-height:44px;border:1px solid var(--border,#e3e6eb);background:white;border-radius:9px;padding:5px 2px;cursor:pointer}.cl-swatches button span{width:22px;height:22px;border-radius:50%;border:1px solid #b7bbc855}.cl-swatches small{font:10px/1 Arial;color:#647186}.cl-frame-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.cl-frame-grid button{min-width:0;display:grid;gap:6px;justify-items:center;border:1px solid var(--border,#dce2e8);border-radius:12px;padding:6px;background:white;cursor:pointer}.cl-frame-grid span{font-size:11px}.cl-pixel-thumb{width:100%;max-width:58px;aspect-ratio:1;image-rendering:pixelated;border:1px solid #e1e5ed;border-radius:5px;background-color:#fff}.cl-preview{height:100%;flex-direction:column;align-items:stretch;position:relative;padding:12px}.cl-artwork,.cl-preview{min-height:0;display:flex;justify-content:center;width:100%}.cl-artwork{flex:1;align-items:center;overflow:hidden}.cl-vector-preview>svg{width:100%;height:100%;max-height:100%;display:block;filter:drop-shadow(0 6px 14px #3542620a)}.cl-preview .cs-drop{width:100%;min-height:220px;height:auto;flex:1}.cl-source-preview{width:100%;height:100%;object-fit:contain;min-height:0;flex:1}.cl-preview-bar{flex:none;justify-content:center;padding:8px 0 0;gap:7px}.cl-preview-bar select{max-width:100%;min-width:0;border:1px solid #e0e4eb;border-radius:10px;min-height:36px;padding:4px 9px;font-size:13px;background:white;color:#49556a}.cl-caption{font-size:12px;line-height:1.5;color:#68758a;margin:0}.cl-pixel-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.cl-pixel-board{width:100%;position:relative;max-height:100%;min-height:0}.cl-pixel-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;object-fit:contain;background:repeating-conic-gradient(#f4f5f8 0 25%,#fff 0 50%) 50%/16px 16px;border:1px solid #d7ddea}.cl-pixel-grid{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y pinch-zoom;cursor:crosshair;stroke:#7082a82c;stroke-width:.5;fill:none}.is-expanded .cl-pixel-grid{touch-action:none}.cl-pixel-cursor{stroke:#1e2b45;stroke-width:1.8;fill:none}.cl-pixel-grid:not(:focus-visible) .cl-pixel-cursor{opacity:0}.cl-status{font-size:13px;line-height:1.6;margin-top:10px}.cl-error{padding:10px 12px;border:1px solid #e8bac2;border-radius:12px;color:#9b3546;background:white}.cl-error button{font-size:12px;margin-left:5px}.cl-warning{color:#856824}.cl-download{min-height:44px;width:100%;display:flex;gap:8px;justify-content:center;align-items:center}.cl-fold{border:1px solid #e0e4eb;border-radius:12px;padding:10px}.cl-fold summary{cursor:pointer;min-height:28px;font-size:13px}.cl-fold[open]{display:grid;gap:12px}.cl-fold>.cs-field,.cl-fold>.cs-range{margin-top:10px}.cl-recovery{padding:10px;border:1px solid #d8d2e7;border-radius:12px;margin-bottom:12px;font-size:13px;background:white}.creative-lab .cs-header>div:first-child{flex:1;min-width:0}.creative-lab .cs-header-actions{flex:none}.creative-lab .cs-header strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.creative-lab .cs-header-actions button{flex:none}.creative-lab .cs-preview,.cs-modal:has(.cl-preview) .cs-preview{background:#fff;min-width:0;overflow:hidden}.creative-lab .cs-actions,.cs-modal:has(.cl-controls) .cs-actions{display:grid;grid-template-columns:1fr;gap:7px}.creative-lab .cs-actions>button:not(.primary),.cs-modal:has(.cl-controls) .cs-actions>button:not(.primary){min-height:36px;border:0;background:white;font-size:12px;color:#69738a;cursor:pointer}.creative-lab :focus-visible,.cs-modal:has(.cl-controls) :focus-visible{outline:2px solid #8a6bc1;outline-offset:3px}.creative-lab .creator-studio{--cs-border:#e0e4eb}.creative-lab .modern-color-picker,.cs-modal:has(.cl-controls) .modern-color-picker{max-width:100%}@media(max-width:640px){.cl-topbar{gap:9px}.cl-topbar a{font-size:11px}.cl-button-row{gap:6px}.cl-topbar button{padding:7px 10px;font-size:12px}.cl-topbar button span{display:none}.cl-preview{padding:8px}.cl-preview-bar{padding-top:5px}.cl-preview-bar .cl-caption{font-size:10px}.cl-swatches{grid-template-columns:repeat(8,minmax(0,1fr))}.cl-pixel-board{max-width:260px!important}.cl-controls{gap:10px}.cl-preview .cs-drop{min-height:170px}.cl-error button{display:inline-flex}.is-expanded .cl-pixel-board{max-width:430px!important}.creative-lab .cs-header strong{font-size:13px}.creative-lab .cs-header{gap:8px}.creative-lab .cs-header>div:first-child{max-width:calc(100% - 92px)}}@media(min-width:641px){.creative-lab .cs-preview{min-height:420px}.cl-preview{padding:20px}.cl-artwork{min-height:320px}}@media(prefers-reduced-motion:reduce){.creative-lab *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.cl-artwork{position:relative}.cl-vector-preview{width:100%;height:100%;min-height:0}.cl-mesh-overlay{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y pinch-zoom;pointer-events:none}.cl-mesh-overlay g{pointer-events:auto;cursor:grab}.is-expanded .cl-mesh-overlay{touch-action:none}.creative-lab .creator-studio .cs-options :is(select,input,textarea),.cs-modal:has(.cl-controls) .cs-options :is(select,input,textarea){font-size:16px}.cl-controls textarea{border:1px solid #dfe3ec;border-radius:12px;padding:10px;background:#fff;color:#354359;width:100%;box-sizing:border-box;line-height:1.5}.cl-pixel-stage{container-type:size}.cl-pixel-stage .cl-pixel-board{width:min(100cqw,calc(100cqh - 26px));max-height:calc(100% - 26px)}.cl-pixel-stage .cl-pixel-canvas{width:100%;height:100%}.cl-recovery,.cl-status,.cl-topbar{padding-inline:12px}