.studio-colors{border:1px solid var(--line-2);border-radius:10px;padding:.6rem .75rem .7rem;margin:0;min-width:0}.studio-colors legend{padding:0 4px;font-size:.9rem}.studio-colors-enable{display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-height:32px}.studio-colors-enable input{width:18px;height:18px;accent-color:var(--red)}.studio-colors-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:4px 0 8px}.studio-select{padding:.3rem .4rem;background:#141417;color:#fff;border:1px solid var(--line-2);border-radius:6px}.studio-swatches{display:flex;flex-wrap:wrap;gap:6px}.studio-swatch{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 10px 4px 5px;border-radius:999px;border:1px solid var(--line-2);background:#1b1b1f;color:#ddd;font-size:.8rem;cursor:pointer;opacity:.62}.studio-swatch.on{opacity:1;border-color:#e5e7eb;background:#26262c;color:#fff}.studio-swatch.def{box-shadow:0 0 0 2px var(--red)}.studio-swatch .dot{width:24px;height:24px;border-radius:50%;border:1px solid #8b8b93;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;flex-shrink:0}.studio-swatches.compact .studio-swatch{padding:3px}.studio-warn{color:#fbbf24;margin-top:8px;line-height:1.45}.studio-warn button{margin:6px 6px 0 0}.studio-err{color:#fda4af;margin-top:6px}.color-manager-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;margin-top:10px}@media (min-width:860px){.color-manager-grid{grid-template-columns:minmax(0,1fr) 300px}.color-manager-preview{position:-webkit-sticky;position:sticky;top:90px;align-self:start}}.studio-main{max-width:1480px;padding-top:1rem}.studio-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.studio-top .studio-name{flex:1 1 200px;min-width:0;max-width:360px}.studio-status{font-size:.8rem;color:var(--muted);white-space:nowrap}.studio-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}@media (min-width:1100px){.studio-grid{grid-template-columns:280px minmax(0,1fr) 330px}}.studio-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.75rem;min-width:0}.studio-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.studio-tabs button{padding:.4rem .6rem;font-size:.8rem;border-radius:8px;background:#1f1f24;border:1px solid var(--line-2);color:#ddd;min-height:36px}.studio-tabs button[aria-selected=true]{background:var(--red);color:#fff;border-color:var(--red)}.studio-stage-wrap{position:relative;overflow:auto;border-radius:12px;border:1px solid var(--line);background:#2a2a30;max-height:78vh;display:flex;justify-content:center;align-items:flex-start;padding:14px;touch-action:none}.studio-stage-wrap.drop{outline:3px dashed var(--red)}.studio-stage{position:relative;flex-shrink:0;box-shadow:0 6px 30px rgba(0,0,0,.45)}.studio-stage .studio-overlay{position:absolute;inset:0;pointer-events:none}.studio-overlay .area{position:absolute;inset:0;outline:1px dashed rgba(226,29,72,.95)}.studio-overlay .safe{position:absolute;border:1px dashed rgba(56,189,248,.85)}.studio-overlay .gv{position:absolute;top:0;bottom:0;left:50%;width:0;border-left:1px solid #22d3ee}.studio-overlay .gh{position:absolute;left:0;right:0;top:50%;height:0;border-top:1px solid #22d3ee}.studio-overlay .lbl{position:absolute;left:4px;bottom:4px;font-size:10px;background:rgba(0,0,0,.6);color:#fff;padding:1px 5px;border-radius:4px}.studio-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.studio-iconbtn,.studio-toolbar button{min-width:36px;min-height:36px;padding:.3rem .55rem;border-radius:8px;background:#1f1f24;border:1px solid var(--line-2);color:#fff;font-size:.85rem}.studio-iconbtn:disabled,.studio-toolbar button:disabled{opacity:.4}.studio-field{display:grid;grid-gap:4px;gap:4px;font-size:.82rem;color:#d4d4d8;margin-bottom:8px}.studio-field input[type=range]{width:100%}.studio-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.studio-layers{list-style:none;display:grid;grid-gap:4px;gap:4px}.studio-layers li{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:8px;border:1px solid var(--line);background:#17171b;font-size:.82rem}.studio-layers li.sel{border-color:var(--red);background:#241318}.studio-layers li .nm{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:0;color:#fff;text-align:left;padding:6px 2px;cursor:pointer}.studio-layers li button.ic{min-width:30px;min-height:30px;padding:0;border-radius:6px;background:#222228;border:1px solid var(--line-2);color:#ddd;font-size:.8rem}.studio-tpls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.studio-tpl{border:1px solid var(--line-2);border-radius:10px;background:#1b1b1f;overflow:hidden;display:flex;flex-direction:column;text-align:left;color:#fff;padding:0}.studio-tpl .th{aspect-ratio:1/1;background:#2c3446;display:flex;align-items:center;justify-content:center}.studio-tpl .th img{max-width:100%;max-height:100%}.studio-tpl .tx{padding:6px 8px;font-size:.78rem}.studio-tpl .acts{display:flex;gap:4px;flex-wrap:wrap;padding:0 6px 6px}.studio-tpl .acts button{font-size:.72rem;padding:3px 6px;border-radius:6px;background:#26262c;border:1px solid var(--line-2);color:#fff;min-height:28px}.studio-swatchrow{display:flex;flex-wrap:wrap;gap:4px}.studio-swatchrow button{width:28px;height:28px;border-radius:50%;border:2px solid #555;padding:0}.studio-swatchrow button[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px var(--red)}.studio-fonts{max-height:220px;overflow:auto;display:grid;grid-gap:3px;gap:3px}.studio-fonts button{text-align:left;padding:6px 8px;border-radius:6px;background:#1b1b1f;border:1px solid var(--line);color:#fff;font-size:1.05rem}.studio-fonts button[aria-pressed=true]{border-color:var(--red)}.studio-warnbox{background:rgba(180,83,9,.14);border:1px solid rgba(251,191,36,.35);color:#fde68a;border-radius:8px}.studio-okbox,.studio-warnbox{padding:.5rem .65rem;font-size:.82rem;margin-top:6px}.studio-okbox{background:rgba(22,101,52,.18);border:1px solid rgba(134,239,172,.3);color:#bbf7d0;border-radius:8px}.studio-listing{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr}@media (min-width:1000px){.studio-listing{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.studio-mockups{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:8px;gap:8px}.studio-mockups figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.studio-mockups figcaption{background:var(--surface);color:#ddd;font-size:.75rem;padding:4px 6px}.studio-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.studio-tour{position:fixed;z-index:200;max-width:320px;background:#111827;border:1px solid #60a5fa;color:#fff;border-radius:12px;padding:.8rem .9rem;box-shadow:0 10px 40px rgba(0,0,0,.6);font-size:.88rem}.studio-tour-hl{outline:3px solid #60a5fa!important;outline-offset:2px;border-radius:8px}.studio-start{display:grid;grid-gap:14px;gap:14px}.studio-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px}.studio-hide-mobile{display:none}@media (min-width:1100px){.studio-hide-mobile{display:initial}.studio-only-mobile{display:none!important}}.studio-tpl .th{width:100%}.studio-tpl{align-items:stretch;justify-content:flex-start}.studio-tpl .acts a{font-size:.72rem;padding:3px 8px;border-radius:6px;background:#26262c;border:1px solid var(--line-2);color:#fff;min-height:28px;display:inline-flex;align-items:center;text-decoration:none}.studio-start .studio-tpls{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.color-manager-grid>*,.studio-grid>*,.studio-listing>*,.studio-panel{min-width:0}.color-manager table,.studio-panel table{display:block;max-width:100%;overflow-x:auto}.studio-main{overflow-x:clip}