body.studio-open{overflow:hidden}.studio{position:fixed;inset:0;z-index:50;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:var(--surface-2);color:var(--text)}.studio.is-saving{pointer-events:none;opacity:.7}.st-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;background:var(--surface)}.st-title{margin-right:8px;font-size:1rem}.st-group{display:flex;align-items:center;gap:2px;padding:2px;border-radius:999px;background:var(--surface-2)}.st-done{margin-left:auto;gap:6px}.st-btn,.st-menu-btn.st-btn{display:inline-grid;place-items:center;width:38px;height:38px;border:0;border-radius:999px;background:transparent;color:var(--text-2);transition:border-radius .2s var(--ease),background .15s}.st-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.st-btn[aria-pressed=true]{border-radius:12px;background:var(--tonal, var(--brand-soft));color:var(--on-tonal, var(--text))}.st-btn:disabled{opacity:.35}.st-menu-btn.chip-btn{gap:4px}.st-zoom{min-width:56px;padding:6px 4px;border:0;border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:.82rem;font-weight:700}.st-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-height:44px;padding:4px 14px;border-top:1px solid var(--border);background:var(--surface);font-size:.82rem}.st-opt-name{font-size:.9rem}.st-options .st-slider{min-width:200px}.st-main{display:grid;grid-template-columns:auto minmax(0,1fr) 300px;min-height:0}.st-toolbar{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;overflow-y:auto;background:var(--surface)}.st-tool-list{display:grid;gap:0}.st-tool-list .st-btn{width:36px;height:36px}.st-tall-wrap{display:grid;justify-items:center;gap:4px}.st-tall{width:28px;height:96px;writing-mode:vertical-lr;direction:rtl;accent-color:var(--brand)}.st-tall-value{font-size:.72rem;font-weight:700}.st-tall-label{color:var(--text-3);font-size:.66rem;font-weight:650}.st-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--surface-3)}.st-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.st-side-toggle{position:absolute;top:10px;right:10px;display:none;background:var(--surface)}.st-side{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0;background:var(--surface)}.st-side-body{min-height:0;padding:0 12px 12px;overflow-y:auto}.st-tabs{display:flex;gap:4px;padding:8px 12px}.st-tab{flex:1;padding:7px;border:0;border-radius:999px;background:var(--surface-2);color:var(--text-2);font:inherit;font-size:.85rem;font-weight:700}.st-tab[aria-selected=true]{background:var(--brand);color:var(--on-brand)}.st-section{display:grid;gap:6px;padding:10px 0}.st-color{padding:12px 12px 4px}.st-label{margin:4px 0 0;color:var(--text-3);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.st-sv{width:100%;height:150px;border-radius:16px;touch-action:none;cursor:crosshair}.st-hue{width:100%;height:14px;border-radius:999px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);appearance:none}.st-hue::-webkit-slider-thumb{width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:transparent;box-shadow:0 0 0 1px #0006;appearance:none}.st-hue::-moz-range-thumb{width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:transparent}.st-color-row,.st-row,.st-pal-head{display:flex;align-items:center;gap:8px}.st-pal-head{justify-content:space-between}.st-pal-select{width:auto;padding:4px 8px;font-size:.8rem}.st-hex{width:96px;font-family:var(--mono)}.st-color-pair{position:relative;width:46px;height:40px}.st-color-one,.st-color-two{position:absolute;width:28px;height:28px;border:3px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--border-strong)}.st-color-one{top:0;left:0;z-index:1}.st-color-two{right:0;bottom:0}.st-mini-color{position:static;width:34px;height:34px}.st-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;min-height:22px}.st-swatch{aspect-ratio:1;border:0;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026;transition:transform .15s var(--ease),border-radius .2s var(--ease)}.st-swatch:hover{border-radius:8px;transform:scale(1.12)}.st-slider{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:.8rem}.st-slider label{font-weight:650}.st-range{grid-column:1 / -1;width:100%;accent-color:var(--brand)}.st-value{color:var(--text-2);font-size:.78rem;font-variant-numeric:tabular-nums}.st-choices{display:flex;flex-wrap:wrap;gap:4px}.st-chip{min-height:28px;gap:4px;font-size:.78rem}.st-check{font-size:.82rem}.st-brush{display:grid;gap:2px;padding:6px 8px;border:0;border-radius:16px;background:transparent;color:var(--text);font:inherit;font-size:.8rem;font-weight:650;text-align:left;transition:border-radius .2s var(--ease),background .15s}.st-brush:hover{background:var(--surface-2)}.st-brush[aria-pressed=true]{border-radius:10px;background:var(--tonal, var(--brand-soft))}.st-brush-preview{width:100%;height:auto;border-radius:10px;background:#fff}.st-brush-settings{display:grid;gap:8px;padding:10px;border-radius:18px;background:var(--surface-2)}.st-layers{display:grid;gap:8px}.st-layer-actions{flex-wrap:wrap;gap:0}.st-layer-list{display:grid;gap:4px}.st-layer{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:16px;background:var(--surface-2);cursor:pointer;transition:border-radius .2s var(--ease)}.st-layer.is-active{border-radius:10px;background:var(--tonal, var(--brand-soft));box-shadow:inset 0 0 0 2px var(--brand)}.st-layer.is-clipped{margin-left:16px}.st-clip-mark{margin-left:-18px;color:var(--brand)}.st-thumb{flex:none;width:44px;height:44px;border-radius:10px;background:repeating-conic-gradient(#e6e0e9 0 25%,#fff 0 50%) 50% / 12px 12px}.st-layer-text{display:grid;flex:1;min-width:0}.st-layer-name{overflow:hidden;font-size:.85rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.st-layer-text small{color:var(--text-3);font-size:.7rem}.st-layer-props{display:grid;gap:8px;padding:10px;border-radius:18px;background:var(--surface-2)}.st-layer-props .sel{flex:1;min-width:0}.st-menu{position:fixed;z-index:70;display:grid;min-width:230px;padding:6px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-lg);animation:pop-in .16s var(--ease)}.st-menu-item{display:flex;justify-content:space-between;gap:16px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:var(--text);font:inherit;font-size:.86rem;text-align:left}.st-menu-item:hover,.st-menu-item:focus-visible{outline:none;background:var(--surface-2)}.st-menu-item kbd{color:var(--text-3);font:inherit;font-size:.75rem}.st-menu hr{margin:4px 6px;border:0;border-top:1px solid var(--border)}.st-size-list{display:grid;gap:4px}.st-size-list+.st-row .num{width:90px}@media(max-width:900px){.st-main{grid-template-columns:auto minmax(0,1fr)}.st-side{position:absolute;top:0;right:0;bottom:0;z-index:3;display:none;width:min(320px,88vw);box-shadow:var(--shadow-lg)}.studio.show-side .st-side{display:grid}.st-main{position:relative}.st-side-toggle{display:inline-flex}.st-title,.st-view .st-btn:nth-child(n+5){display:none}.st-tall{height:90px}}