.studio{max-width:1700px;margin:auto;padding:45px 4.4% 70px}.studio-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:30px}.studio-heading h1{font-size:clamp(42px,5vw,80px);margin:0}.studio-heading .eyebrow{margin-bottom:18px}.studio-heading>p{font-size:12px;color:var(--muted);margin:0}.studio-tag{font-size:9px;letter-spacing:2px;color:var(--muted)}.back-link{font-size:12px}.studio-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:25px}.controls{border:1px solid var(--line);background:#191c18;align-self:start}.control-step{padding:23px;position:relative;border-bottom:1px solid var(--line)}.control-step h2{font:600 25px 'Barlow Condensed',Impact,sans-serif;margin:0 0 20px}.step{position:absolute;right:20px;top:24px;color:var(--accent);font-size:10px}.upload{display:flex;background:var(--accent);color:#1d2218;justify-content:space-between;padding:12px 15px;font-size:12px;font-weight:700;cursor:pointer;border-radius:2px}.ghost{border:0;background:none;color:var(--muted);font-size:10px;padding:10px 0}.ghost:hover{color:var(--accent)}.control-step small{font-size:9px;line-height:1.6;color:var(--muted);display:block}.control-step>p{font-size:10px;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:15px 0}.tool-grid button{background:#24291f;border:1px solid #414936;color:var(--ink);padding:9px 5px;font-size:10px}.tool-grid button.active{border-color:var(--accent);color:var(--accent)}.control-step label{font-size:10px;margin:12px 0}.control-step input[type=range]{padding:0;accent-color:var(--accent);height:20px;border:0}.control-step output{color:var(--accent)}.control-row{display:flex;justify-content:space-between;gap:12px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;accent-color:var(--accent)}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.swatches button{width:27px;height:27px;background:var(--color);border:2px solid transparent;border-radius:50%;outline:1px solid #ffffff2b}.swatches button.active{outline:2px solid var(--accent);outline-offset:3px}.custom-color{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px}.custom-color input{width:35px;height:30px;padding:0;background:none;border:0}.custom-color span{font-size:9px;font-family:monospace}.control-step .button{width:100%;margin-top:10px}.workspace{min-width:0}.workspace-top,.workspace-bottom{padding:15px 20px;background:#20251e;border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:1px}.workspace-top>div{display:flex;gap:14px}.workspace-top button{background:none;border:0;color:var(--ink);font-size:10px}.workspace-top button:disabled{opacity:.35}.canvas-container{background:radial-gradient(ellipse at center,#272d23,#171b16);min-height:460px;display:flex;align-items:center;justify-content:center;border-inline:1px solid var(--line);position:relative;overflow:hidden}.canvas-container canvas{display:block;max-width:100%;max-height:660px;width:auto;height:auto;touch-action:none;cursor:crosshair}.canvas-container canvas[hidden]{display:none}.empty{text-align:center;padding:50px 20px}.empty-icon{font-size:45px;color:var(--accent);line-height:1;display:block;margin-bottom:22px}.empty h2{font-size:34px;margin-bottom:15px}.empty p{font-size:12px;color:var(--muted)}.empty label{font-size:12px;display:inline-flex;cursor:pointer}.empty small{font-size:9px;color:var(--muted);display:block;margin-top:15px}.workspace-bottom{letter-spacing:0;color:var(--muted);align-items:start}.status-chip{font-size:8px;letter-spacing:1px;color:var(--accent);white-space:nowrap}.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.tips span{font-size:8px;color:var(--accent);letter-spacing:1px}.tips p{font-size:10px;color:var(--muted);margin:8px 0}.simulation-note{padding:18px 20px;border:1px solid var(--line);margin-top:20px}.simulation-note strong{font-size:11px}.simulation-note p{font-size:10px;color:var(--muted);margin:7px 0 0}.repair-panel{margin-top:25px;padding:30px;background:#232a1e}.repair-panel h2{font-size:32px}.repair-panel .eyebrow{font-size:8px;margin-bottom:15px}.repair-panel p:not(.eyebrow),.repair-panel small{font-size:10px;color:var(--muted)}.service-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block:20px}.service-checks label{display:flex;align-items:center;gap:8px;font-size:11px}.service-checks input{width:auto;accent-color:var(--accent)}.repair-panel small{display:block;margin-top:12px}#polygon-actions{display:flex;justify-content:space-between;gap:10px}@media(max-width:1000px){.studio-layout{grid-template-columns:245px minmax(0,1fr)}.control-step{padding:18px}.swatches{gap:6px}.canvas-container{min-height:360px}.workspace-top{flex-wrap:wrap}.tips{gap:10px}.studio{padding-inline:4%}}@media(max-width:700px){.studio-heading{display:block}.studio-heading h1{font-size:47px}.studio-heading>p{margin-top:20px}.studio-layout{display:flex;flex-direction:column}.controls{width:100%;display:grid;grid-template-columns:1fr}.control-step{padding:20px}.workspace{order:-1}.canvas-container{min-height:280px}.empty{padding:25px 15px}.empty h2{font-size:28px}.studio-tag{display:none}.tips{grid-template-columns:1fr;gap:6px}.tips p{margin-top:4px}.swatches{grid-template-columns:repeat(12,1fr);gap:8px}.swatches button{width:22px;height:22px}.studio-heading .eyebrow{font-size:8px}.studio{padding-top:30px}.workspace-bottom{font-size:9px}.status-chip{display:none}.service-checks{grid-template-columns:1fr}.workspace-top{padding:12px}.workspace-top>div{gap:8px}.back-link{font-size:10px}}@media(max-width:380px){.swatches{grid-template-columns:repeat(6,1fr)}}

.ai-state{font-size:10px;padding:12px;background:#293021;border:1px solid #566340;color:var(--accent);margin:15px 0}.ai-state.busy::before{content:"";display:inline-block;width:9px;height:9px;border:1px solid var(--accent);border-right-color:transparent;border-radius:50%;margin-right:7px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.click-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.click-modes button{font-size:10px;background:#262d20;border:1px solid var(--line);color:var(--muted);padding:9px 3px}.click-modes button.active{background:var(--accent);color:#171a14}.manual-tools{border-top:1px solid var(--line);padding-top:15px;margin-top:10px}.manual-tools summary{font-size:10px;color:var(--muted);cursor:pointer}.manual-tools p{font-size:10px;color:var(--muted)}.live-color{color:var(--accent)!important;font-size:10px!important}#canvas-container.busy{cursor:wait}#canvas-container.busy canvas{opacity:.75;cursor:wait}.click-point{position:absolute;width:22px;height:22px;border:2px solid var(--accent);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #e9ed7622}

.quick-colors{padding:15px 20px;border:1px solid var(--line);border-top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.quick-colors>span{font-size:8px;letter-spacing:1px;color:var(--muted)}#quick-colors{display:flex;gap:10px;flex-wrap:wrap}#quick-colors button{background:var(--color);width:25px;height:25px;border-radius:50%;border:2px solid #ffffff50}#quick-colors button:hover{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:700px){.quick-colors{padding:12px}#quick-colors{gap:8px}#quick-colors button{width:22px;height:22px}}