.zuse-studio{margin:0;overflow:hidden}.dither-studio{--studio-canvas:#f4f5f2;--studio-panel:#fff;--studio-row:#f0f1ee;--studio-hover:#e6e8e2;--studio-line:#e3e5de;--studio-text:#242820;--studio-muted:#686e61;--studio-accent:#4d6e1f;--studio-selected:#edf3e4;--studio-button:#c3e68b;--studio-button-text:#233112;background:var(--studio-canvas);width:100%;height:100dvh;color:var(--studio-text);font-family:var(--font-geist),sans-serif;-webkit-font-smoothing:antialiased;grid-template-columns:280px minmax(0,1fr);font-size:12px;display:grid;overflow:hidden}.dark .dither-studio{--studio-canvas:#0b0d0c;--studio-panel:#111412;--studio-row:#1a1d1a;--studio-hover:#242923;--studio-line:#242923;--studio-text:#e1e5dc;--studio-muted:#929a8c;--studio-accent:#bbd997;--studio-selected:#293420;--studio-button:#b7d891;--studio-button-text:#1c2813}.dither-studio :is(button,select,summary,a){-webkit-tap-highlight-color:transparent}.dither-studio :is(button,select,summary){cursor:pointer}.dither-studio :is(button,select,summary,a,input):focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}.dither-studio button:disabled{cursor:not-allowed;opacity:.38}.dither-studio svg{flex-shrink:0}.dither-studio button{transition:background-color .12s,color .12s}.studio-sidebar{background:var(--studio-panel);border-right:1px solid var(--studio-line);flex-direction:column;min-height:0;display:flex}.studio-brand{border-bottom:1px solid var(--studio-line);flex-shrink:0;align-items:center;gap:10px;height:54px;padding:0 16px;display:flex}.studio-brand a{letter-spacing:-.4px;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.studio-brand-divider{background:var(--studio-line);width:1px;height:14px;margin:0 2px}.studio-brand h1{color:var(--studio-muted);font-size:12px;font-weight:450}.studio-controls-scroll{scrollbar-width:thin;scrollbar-color:var(--studio-hover)transparent;flex:1;overflow-y:auto}.studio-source{padding:16px 14px 13px}.studio-source p{color:var(--studio-muted);text-align:center;margin-top:8px;font-size:10px}.studio-button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:30px;padding:0 10px;font-size:11px;font-weight:500;display:inline-flex}.studio-button--quiet{color:var(--studio-muted)}.studio-button--quiet:hover{background:var(--studio-hover);color:var(--studio-text)}.studio-button--primary{color:var(--studio-button-text);background:var(--studio-button);box-shadow:inset 0 1px #ffffff24,0 1px 3px #00000018}.studio-button--primary:hover{filter:brightness(1.06)}.studio-upload{background:var(--studio-row);width:100%;color:var(--studio-text);justify-content:flex-start;height:32px}.studio-upload>span{color:var(--studio-muted);margin-left:auto;font-size:14px}.studio-section{border-top:1px solid var(--studio-line);padding:7px 14px 12px}.studio-section summary{min-height:31px;color:var(--studio-muted);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:500;list-style:none;display:flex}.studio-section summary::-webkit-details-marker{display:none}.studio-section:not([open]){padding-bottom:7px}.studio-section:not([open]) summary>svg{transform:rotate(-90deg)}.studio-section-caption{letter-spacing:0;text-transform:none;margin-left:auto;font-size:10px;font-weight:400}.studio-section-body{margin-top:3px}.studio-algorithms{grid-template-columns:1fr 1fr;gap:4px;display:grid}.studio-algorithms button{background:var(--studio-row);min-height:29px;color:var(--studio-muted);border-radius:5px;padding:5px 3px;font-size:10px}.studio-algorithms button:hover{color:var(--studio-text);background:var(--studio-hover)}.studio-algorithms button[aria-pressed=true]{background:var(--studio-selected);color:var(--studio-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--studio-accent)20%,transparent)}.studio-palettes{grid-template-columns:1fr 1fr;gap:4px;display:grid}.studio-palettes button{background:var(--studio-row);text-align:left;color:var(--studio-muted);border-radius:5px;flex-direction:column;gap:5px;padding:7px;font-size:10px;display:flex;position:relative}.studio-palettes button:hover{background:var(--studio-hover)}.studio-palettes button[aria-pressed=true]{color:var(--studio-accent);box-shadow:inset 0 0 0 1px var(--studio-accent)}.studio-palettes button>svg{position:absolute;bottom:7px;right:6px}.studio-palette-colors{border-radius:2px;width:100%;height:9px;display:flex;overflow:hidden}.studio-palette-colors>span{flex:1}.studio-spectrum{background:linear-gradient(90deg,#af7779,#c6b379,#92b68a,#88a6c4,#b08aca)}.studio-palettes button:last-child{flex-direction:row;grid-column:1/-1;align-items:center;gap:8px}.studio-palettes button:last-child .studio-palette-colors{width:45px}.studio-adjustments{flex-direction:column;gap:5px;display:flex}.studio-slider{background:var(--studio-row);border-radius:6px;height:33px;position:relative;overflow:hidden}.studio-slider:before{content:"";width:var(--progress);background:color-mix(in srgb,var(--studio-accent)5%,transparent);border-right:2px solid color-mix(in srgb,var(--studio-accent)70%,transparent);pointer-events:none;position:absolute;inset:0}.studio-slider label{color:var(--studio-muted);pointer-events:none;font-size:11px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.studio-slider-value{font-family:var(--font-geist-mono),monospace;pointer-events:none;font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.studio-slider input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.studio-slider:focus-within{outline:2px solid var(--studio-accent);outline-offset:2px}.studio-reset{margin:0 14px 12px;font-size:10px}.studio-export{border-top:1px solid var(--studio-line);background:var(--studio-panel);flex-shrink:0;padding:13px 14px 12px}.studio-export>button{width:100%;height:32px}.studio-export>button>span{margin-left:auto}.studio-export>button>svg{margin-right:auto}.studio-export p{text-align:center;color:var(--studio-muted);margin-top:8px;font-size:9px;line-height:1.6}.studio-workspace{flex-direction:column;min-width:0;min-height:0;display:flex}.studio-toolbar{border-bottom:1px solid var(--studio-line);flex-shrink:0;align-items:center;height:54px;padding:0 16px 0 22px;display:flex}.studio-view-switch{align-self:stretch;gap:22px;display:flex}.studio-view-switch button{color:var(--studio-muted);padding:0 2px;font-size:12px;position:relative}.studio-view-switch button[aria-pressed=true]{color:var(--studio-text)}.studio-view-switch button[aria-pressed=true]:after{content:"";background:var(--studio-accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.studio-toolbar-actions{align-items:center;gap:15px;margin-left:auto;display:flex}.studio-icon-button{flex-shrink:0;width:28px;height:28px;padding:0}.studio-back-link{color:var(--studio-muted);align-items:center;gap:6px;font-size:11px;display:flex}.studio-back-link:hover{color:var(--studio-text)}.studio-preview{flex:1;min-width:0;min-height:0;position:relative}.studio-canvas-scroll{scrollbar-width:thin;scrollbar-color:var(--studio-hover)transparent;position:absolute;inset:0;overflow:auto}.studio-canvas-stage{width:max-content;min-width:100%;height:max-content;min-height:100%;padding:40px 40px 72px;display:flex}.studio-canvas-stage[data-fit=true]{width:100%;height:100%}.studio-canvas-stage canvas{object-fit:contain;flex-shrink:0;margin:auto;display:block;box-shadow:0 6px 40px #00000015}.studio-canvas-stage canvas[hidden]{display:none}.studio-canvas-stage[data-fit=true] canvas{width:auto;max-width:100%;height:auto;max-height:100%}.studio-empty{text-align:center;flex-direction:column;align-items:center;margin:auto;padding:20px;display:flex}.studio-empty-icon{background:var(--studio-panel);width:64px;height:64px;box-shadow:0 0 0 1px var(--studio-line);color:var(--studio-muted);border-radius:50%;place-items:center;margin-bottom:22px;display:grid}.studio-empty h2{letter-spacing:-.3px;font-size:16px;font-weight:500}.studio-empty p{color:var(--studio-muted);margin-top:8px;font-size:12px}.studio-empty .studio-button{height:34px;margin-top:23px;padding:0 17px}.studio-empty>span{color:var(--studio-muted);margin-top:13px;font-size:10px}.studio-drop-overlay{background:color-mix(in srgb,var(--studio-panel)94%,transparent);border:1px dashed var(--studio-accent);pointer-events:none;color:var(--studio-accent);z-index:3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:12px}.studio-zoom{border:1px solid var(--studio-line);background:var(--studio-panel);border-radius:7px;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 3px 16px #00000012}.studio-zoom label{border-left:1px solid var(--studio-line);padding-left:5px}.studio-zoom select{background:var(--studio-panel);color:var(--studio-text);font-family:var(--font-geist-mono),monospace;min-width:62px;height:25px;padding:0 5px;font-size:11px}.studio-statusbar{border-top:1px solid var(--studio-line);height:32px;color:var(--studio-muted);flex-shrink:0;align-items:center;gap:18px;padding:0 16px;font-size:10px;display:flex}.studio-filename{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.studio-filename>span{font-family:var(--font-geist-mono),monospace}.studio-render-status{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.studio-render-status i{background:var(--studio-muted);border-radius:50%;width:4px;height:4px}.studio-render-status[data-busy=true] i{background:var(--studio-accent)}.studio-private{flex-shrink:0;align-items:center;gap:5px;display:flex}.studio-error{background:var(--studio-panel);color:var(--studio-text);border:1px solid #bd795f;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;font-size:12px;display:flex;position:absolute;bottom:65px;left:16px;right:16px}.studio-error>button{margin-left:auto}.studio-open-controls,.studio-close-controls,.studio-scrim{display:none}@media (max-width:760px){.dither-studio{grid-template-columns:minmax(0,1fr)}.studio-sidebar{z-index:20;visibility:hidden;width:min(300px,100% - 44px);position:absolute;inset:0 auto 0 0;transform:translate(-100%)}.dither-studio[data-controls-open=true] .studio-sidebar{visibility:visible;transform:translate(0)}.studio-scrim{z-index:10;background:#0008;display:block;position:fixed;inset:0}.studio-open-controls,.studio-close-controls{display:inline-flex}.studio-close-controls{margin-left:auto}.studio-toolbar{gap:16px;padding:0 10px}.studio-toolbar-actions{gap:6px}.studio-back-link span{display:none}.studio-back-link{padding:8px}.studio-canvas-stage{padding:20px 20px 64px}.studio-statusbar{gap:8px;padding:0 12px}.studio-private{display:none}.studio-filename{max-width:60%}}