:root{--bg: #e9e7e2;--panel: rgba(255, 255, 255, .94);--panel-solid: #ffffff;--raise: #f4f3f0;--line: #dad7d0;--text: #1e2024;--muted: #676c75;--faint: #9a9ea6;--accent: #2346c8;--accent-hi: #3557dc;--danger: #c4283a;--warn: #b26f12;--track: #d3d0c9;--font-display: "IBM Plex Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-body: "IBM Plex Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-num: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 var(--font-body);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}[hidden]{display:none!important}.app{position:fixed;inset:0;overflow:hidden}.stage{position:absolute;inset:0}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.title{padding:16px 16px 14px;background:var(--panel-solid);border:1px solid var(--line);border-radius:6px}.title h1{font:600 20px/1.15 var(--font-display);margin:0;letter-spacing:-.01em}.title p{margin:3px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.panel{position:absolute;top:20px;bottom:76px;width:312px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--track) transparent;display:flex;flex-direction:column;gap:8px;padding-bottom:8px}.panel-left{left:max(20px,env(safe-area-inset-left))}.panel-right{right:max(20px,env(safe-area-inset-right));width:296px}.section{background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 1px 2px #28241c0f}#design{display:flex;flex-direction:column;gap:8px}.section>summary{list-style:none;cursor:pointer;padding:12px 14px;font:600 14px var(--font-display);display:flex;justify-content:space-between;align-items:center;user-select:none}.section>summary::-webkit-details-marker{display:none}.section>summary:after{content:"";width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .15s;margin-right:3px}.section[open]>summary:after{transform:rotate(-135deg)}.section-body{padding:2px 14px 14px;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:4px}.field-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.field-head label{color:var(--text);font-size:12.5px}.unit{color:var(--faint);margin-left:4px;font-size:11.5px}.info{width:18px;height:18px;border-radius:50%;border:1px solid var(--faint);background:none;color:var(--muted);font:600 10px/1 var(--font-display);cursor:pointer;padding:0;flex:none}.info[aria-expanded=true]{border-color:var(--accent-hi);color:var(--accent-hi)}.help{margin:2px 0 0;color:var(--muted);font-size:12px}.field-row{display:grid;grid-template-columns:auto 1fr auto 58px;align-items:center;gap:8px}.lim{font:11px var(--font-num);color:var(--faint);font-variant-numeric:tabular-nums;min-width:2ch}.lim:first-child{text-align:right}.num{width:58px;background:var(--raise);border:1px solid var(--line);border-radius:4px;padding:5px 6px;font:12px var(--font-num);text-align:right;font-variant-numeric:tabular-nums}.num::-webkit-inner-spin-button{opacity:.4}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:none;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--text) var(--fill, 50%),var(--track) var(--fill, 50%));border-radius:2px}input[type=range]::-moz-range-track{height:2px;background:var(--track)}input[type=range]::-moz-range-progress{height:2px;background:var(--text)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--text);margin-top:-5.5px;border:2px solid #fff;box-shadow:0 0 0 1px var(--text)}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--text);border:2px solid #fff;box-shadow:0 0 0 1px var(--text)}.select-row{display:grid;grid-template-columns:1fr 160px;gap:8px;align-items:center}select,.text-input{background:var(--raise);border:1px solid var(--line);border-radius:4px;padding:6px 8px;width:100%}.text-input{font:12px var(--font-num)}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.switch{position:relative;width:34px;height:18px;flex:none}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.switch span{position:absolute;inset:0;background:var(--track);border-radius:9px;transition:background .15s;pointer-events:none}.switch span:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(16px)}.switch input:focus-visible+span{outline:2px solid var(--accent-hi);outline-offset:2px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:4px;overflow:hidden}.segmented button{background:var(--raise);border:0;padding:6px 8px;cursor:pointer;color:var(--muted)}.segmented-3{grid-template-columns:1fr 1fr 1fr}.segmented-4{grid-template-columns:repeat(4,1fr)}.segmented button[aria-pressed=true]{background:var(--text);color:#fff}.section-body-inner{display:flex;flex-direction:column;gap:12px}.upload{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;border:1px dashed var(--faint);border-radius:6px;cursor:pointer;text-align:center;color:var(--muted);background:transparent;width:100%}.upload strong{color:var(--text);font-weight:600}.upload:hover{border-color:var(--text)}.model-meta{margin:0;color:var(--muted);font:11.5px var(--font-num);font-variant-numeric:tabular-nums}.legend{display:grid;gap:6px;margin-top:8px}.legend[hidden]{display:none}.legend-ends{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:11.5px;color:var(--muted)}.legend-bar{height:8px;border-radius:4px;background:linear-gradient(90deg,#b4b1aa,#f2a33a,#e4572e,#b0124f)}.legend-text{font-size:11.5px;line-height:1.5;color:var(--muted)}.sample-row{margin:0;display:flex;gap:12px;align-items:baseline;color:var(--muted);font-size:12.5px}.link{background:none;border:0;padding:0;color:var(--accent-hi);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.swatch{aspect-ratio:1;border-radius:50%;border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--panel-solid),0 0 0 4px var(--text)}.wave{display:block;width:100%;height:46px;background:var(--raise);border:1px solid var(--line);border-radius:4px}.app-modes{margin-top:12px}.flow-left{display:flex;flex-direction:column;gap:8px}.flow-tools{grid-template-columns:repeat(5,1fr)}.flow-tools button{padding:6px 2px}.flow-tools-2{grid-template-columns:1fr 1fr}.flow-tools-3{grid-template-columns:1fr 1fr 1fr}.grow-bar{height:4px;background:var(--track);border-radius:2px;overflow:hidden}.grow-bar>span{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}.grow-note.stale{color:var(--warn)}.flow-map{display:block;width:100%;border:1px solid var(--line);border-radius:4px;background:var(--raise);touch-action:none}.flow-map:focus-visible{outline-offset:1px}.flow-map-note{margin-top:-8px}.preset-row{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;color:var(--muted);font-size:12.5px}.flow-edit{display:flex;flex-direction:column;gap:12px;padding:10px 12px 12px;background:var(--raise);border:1px solid var(--line);border-radius:4px}.flow-edit-title{font-weight:600}.export .ghost:disabled{color:var(--faint);cursor:not-allowed}.primary{width:100%;border:0;border-radius:4px;padding:12px;background:var(--accent);color:#fff;font:600 14px var(--font-display);cursor:pointer}.primary:hover:not(:disabled){background:var(--accent-hi)}.primary:disabled{background:#c9cfe3;color:#f4f5fa;cursor:not-allowed}.ghost{width:100%;background:transparent;border:1px solid var(--line);border-radius:4px;padding:8px;cursor:pointer}.ghost:hover{border-color:var(--muted)}.export{background:var(--panel-solid);border:1px solid var(--line);border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:12px;position:sticky;bottom:0;margin-top:auto;box-shadow:0 -10px 20px #e9e7e2e6}.summary{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.summary dt{color:var(--muted)}.summary dd{margin:0;text-align:right;font:12px var(--font-num);font-variant-numeric:tabular-nums}.notices{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.notices li{font-size:12px;padding:7px 9px 7px 10px;border-radius:4px;border-left:3px solid;background:var(--raise)}.notices .error{border-color:var(--danger);color:#8e1424;background:#fbecee}.notices .warning{border-color:var(--warn);color:#7a4a06;background:#fbf3e4}.fineprint{margin:0;color:var(--faint);font-size:11.5px}.dock{position:absolute;left:50%;transform:translate(-50%);bottom:max(16px,env(safe-area-inset-bottom));width:min(560px,calc(100% - 700px));min-width:300px;display:flex;flex-direction:column;gap:4px;align-items:stretch}.scrub{display:grid;grid-template-columns:auto 1fr 76px;gap:12px;align-items:center;background:var(--panel-solid);border:1px solid var(--line);border-radius:6px;padding:9px 14px;box-shadow:0 1px 2px #28241c0f}.scrub-label{font:600 13px var(--font-display)}.scrub-value{font:12px var(--font-num);text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.scrub input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--filament, var(--accent)) var(--fill, 100%),var(--track) var(--fill, 100%))}.status{margin:0;text-align:center;color:var(--muted);font-size:11.5px;min-height:1.4em}.status.busy{color:var(--accent)}.status.busy{color:var(--muted)}.drop-hint{position:absolute;inset:12px;border:2px dashed var(--accent-hi);border-radius:10px;display:flex;align-items:center;justify-content:center;font:600 20px var(--font-display);background:#2346c812;pointer-events:none}@media (prefers-reduced-motion: reduce){*{transition:none!important}}@media (max-width: 900px){.app{position:static;overflow:visible;display:flex;flex-direction:column}html,body{height:auto}.stage{position:relative;height:58vh;inset:auto}.dock{position:relative;transform:none;left:auto;bottom:auto;width:auto;min-width:0;margin:10px 16px 0}.panel{position:static;width:auto;overflow:visible;margin:10px max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right))}.panel-right{margin-bottom:24px}.stage{order:0}.dock{order:1}.panel{order:2}.export{position:static;box-shadow:none}.drop-hint{position:fixed}}.title{position:relative}.account-btn{position:absolute;top:14px;right:14px;max-width:150px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border:1px solid var(--line);border-radius:13px;background:var(--raise);font-size:12px;cursor:pointer}.account-btn:hover{border-color:var(--faint)}.acct-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted)}.plan-pill{flex:none;font:600 10px/1 var(--font-num);letter-spacing:.04em;text-transform:uppercase;padding:3px 5px;border-radius:4px;background:var(--track);color:var(--text)}.plan-pill.pro{background:var(--accent);color:#fff}.pro-badge{display:inline-block;margin-left:5px;padding:1px 4px 0;border-radius:3px;font:600 9px/1.3 var(--font-num);letter-spacing:.05em;vertical-align:1px;background:var(--accent);color:#fff}[aria-pressed=true]>.pro-badge{background:#fff;color:var(--accent)}.acct-dialog{width:min(380px,calc(100vw - 32px));padding:20px 22px 22px;border:1px solid var(--line);border-radius:8px;background:var(--panel-solid);color:var(--text);box-shadow:0 18px 50px #14161c38}.acct-dialog::backdrop{background:#1e202452}.acct-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.acct-head h2{margin:0;font:600 17px/1.2 var(--font-display)}.acct-close{border:0;background:none;font-size:20px;line-height:1;color:var(--muted);cursor:pointer;padding:2px 4px}.acct-form{display:flex;flex-direction:column;gap:12px}.acct-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.acct-field input{height:36px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:var(--panel-solid);color:var(--text);font-size:14px}.acct-field input:focus{outline:2px solid var(--accent-hi);outline-offset:-1px;border-color:transparent}.acct-dialog .primary,.acct-dialog .ghost{width:100%;margin-top:4px}.acct-error{margin:0;min-height:0;color:var(--danger);font-size:12px}.acct-error:empty{display:none}.acct-note{margin:0 0 14px;font-size:13px}.acct-fine{margin:0 0 14px;font-size:12px;color:var(--muted)}.acct-alt{margin:14px 0 0;font-size:12px;color:var(--muted);text-align:center}.acct-link{border:0;background:none;padding:0 2px;color:var(--accent);font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.acct-info{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 14px;font-size:13px}.acct-info dt{color:var(--muted)}.acct-info dd{margin:0;overflow-wrap:anywhere}.acct-list{margin:0 0 12px;padding-left:18px;font-size:13px}.acct-list li{margin:3px 0}