:root{--bg:#f5f1ea;--surface:#fffdf8;--surface-2:#f0ebe2;--ink:#1b1d1f;--muted:#62676d;--line:#d8d1c5;--teal:#167c80;--coral:#c65d45;--gold:#b88319;--shadow:#1f1c171a}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);cursor:pointer;border-radius:8px}button:hover{border-color:var(--teal)}button[aria-pressed=true]{border-color:var(--teal);color:#0d5558;background:#e7f3f1}.topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;height:72px;padding:12px 18px;display:flex}.topbar p,.topbar h1{margin:0}.topbar p,.sidebar header span,.inspector header span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.topbar h1{letter-spacing:0;margin-top:2px;font-size:20px;font-weight:760}.secondary{color:#fff;background:#2d3436;border-color:#2d3436;min-width:84px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.workspace{grid-template-columns:280px minmax(360px,1fr) 360px;min-height:calc(100vh - 72px);display:grid}.sidebar,.inspector{background:var(--surface);min-width:0}.sidebar{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line);overflow:auto}.sidebar header,.inspector header,.preset-panel header,.runtime-panel header,.export-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:14px 16px;display:flex}.sidebar header strong,.inspector header strong,.preset-panel header strong,.runtime-panel header strong,.export-panel header strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.slot-list,.part-options,.control-stack,.preset-panel,.runtime-panel,.export-panel,#source-readout{padding:12px}.slot-list{gap:8px;display:grid}.slot-tab,.part-option{text-align:left;width:100%;min-height:58px;padding:9px 10px;display:grid}.slot-tab span,.part-option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:760;overflow:hidden}.slot-tab small,.part-option small{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);overflow:hidden}.stage{background:linear-gradient(#fffdf859,#fffdf859),repeating-linear-gradient(45deg,#eee6d8 0 1px,#0000 1px 18px);place-items:center;min-width:0;padding:24px;display:grid}.preview-shell{aspect-ratio:1;border:1px solid var(--line);width:min(620px,100%);box-shadow:0 18px 48px var(--shadow);background:#fffaf1;border-radius:8px;place-items:center;display:grid}.preview{width:82%}.preview svg{width:100%;height:auto;display:block;overflow:visible}.part-options{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.part-option{text-align:center;justify-items:center;gap:6px;min-height:0;padding:8px;display:grid}.part-option span{text-align:center;max-width:100%}.part-thumb{border:1px solid var(--line);width:100%;height:56px;color:var(--muted);background:#fff7ef;border-radius:10px;place-items:center;font-size:13px;display:grid;overflow:hidden}.part-option[aria-pressed=true] .part-thumb{border-color:var(--accent,#ff8360);background:#fff}.control-stack{border-bottom:1px solid var(--line);gap:12px;display:grid}.range-row{min-height:34px;color:var(--muted);grid-template-columns:82px minmax(0,1fr) 46px;align-items:center;gap:10px;font-size:13px;display:grid}.range-row input[type=range]{width:100%;accent-color:var(--teal)}.range-row output{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.color-control{gap:8px;display:grid}.color-control-head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.color-current{color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.swatch-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.swatch{aspect-ratio:1;border:1px solid var(--line);background:var(--swatch,var(--surface));min-height:0;box-shadow:inset 0 0 0 2px var(--surface);cursor:pointer;border-radius:8px;padding:0;position:relative}.swatch:hover{border-color:var(--teal)}.swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--surface), 0 0 0 2px var(--ink)}.swatch-custom{box-shadow:none;background:conic-gradient(from 90deg,#ff5f6d,#ffc371,#47e08b,#1fa2ff,#a86bff,#ff5f6d);place-items:center;display:grid;overflow:hidden}.swatch-custom input[type=color]{opacity:0;cursor:pointer;background:0 0;border:0;width:150%;height:150%;margin:0;padding:0}.swatch-reset{background:var(--surface);box-shadow:none;color:var(--muted);place-items:center;font-size:16px;line-height:1;display:grid}.swatch-reset[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.preset-panel,.runtime-panel{border-bottom:1px solid var(--line)}.preset-panel header,.runtime-panel header,.export-panel header{border-top:0;margin:-12px -12px 12px}.export-panel{border-bottom:1px solid var(--line)}.export-row{gap:8px;display:grid}.export-row button{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 8px;overflow:hidden}.emotion-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.emotion-row button:last-child{grid-column:1/-1}.panel-subhead{letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin:4px 0 8px;font-size:11px}.gesture-row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.gesture-row button{flex:none;padding:4px 10px}.gesture-empty{opacity:.6;margin:0 0 12px}.word-row{gap:8px;margin-bottom:4px;display:flex}.word-row input{border:1px solid var(--line);color:#f8efe0;background:#24211d;border-radius:8px;flex:auto;min-width:0;padding:6px 8px}.word-row button{flex:none}#source-readout{resize:vertical;border:1px solid var(--line);color:#f8efe0;background:#24211d;border-radius:8px;width:calc(100% - 24px);min-height:220px;margin:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;display:block}@media (width<=1080px){.workspace{grid-template-columns:220px minmax(340px,1fr)}.inspector{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}}@media (width<=720px){.topbar{align-items:flex-start;height:auto}.workspace{grid-template-columns:1fr}.sidebar,.inspector{border:0;border-top:1px solid var(--line)}.stage{min-height:420px;padding:16px}.slot-list{grid-template-columns:repeat(2,minmax(0,1fr))}}