:root{--wine:#7a2433;--wine-2:#963040;--sage:#94a68a;--sage-d:#6e8264;--cream:#f4efe4;--ink:#1d1a19;--panel:#262221;--panel-2:#2f2a29;--line:#3b3534;--mute:#a59d92;--r:12px}[hidden]{display:none!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);height:100%;color:var(--cream);overscroll-behavior:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,sans-serif}#app{height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.bar{border-bottom:1px solid var(--line);background:var(--ink);align-items:center;gap:10px;padding:10px 14px;display:flex}.brand{align-items:center;gap:9px;display:flex}.mark{background:var(--wine);width:26px;height:26px;color:var(--cream);border-radius:8px;place-items:center;font:600 15px/1 Georgia,Songti SC,serif;display:grid}.name{letter-spacing:.02em;font:600 16px/1 Georgia,Songti SC,serif}.chip{border:1px solid var(--sage-d);color:var(--sage);white-space:nowrap;border-radius:99px;padding:3px 9px;font-size:11px}.spacer{flex:1}.btn{appearance:none;border:1px solid var(--line);background:var(--panel-2);color:var(--cream);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:14px}.btn:active{transform:scale(.98)}.btn.primary{background:var(--wine);border-color:var(--wine-2)}.btn.primary:disabled{opacity:.4;cursor:default}.btn.ghost{background:0 0}.btn.big{border-radius:14px;padding:14px 22px;font-size:16px}.home{flex:1;place-items:center;padding:20px;display:grid;overflow:auto}.home-card{text-align:center;max-width:520px}.home-card h1{letter-spacing:.02em;margin:0 0 8px;font:600 38px/1.1 Georgia,Songti SC,serif}.sub{color:var(--mute);margin:0 0 22px}.notice{border:1.5px solid var(--wine-2);color:#f1d9d3;border-radius:var(--r);background:#7a243338;margin:0 0 22px;padding:14px 16px;font-size:15px;line-height:1.6}.hint{color:var(--mute);margin-top:16px;font-size:12.5px}.editor{flex:1;min-height:0;display:flex}.stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#161312;flex:1;min-width:0;position:relative;overflow:hidden}#gl{transform-origin:0 0;image-rendering:auto;position:absolute;top:0;left:0;box-shadow:0 8px 40px #00000080}.badge{background:#0009;border-radius:99px;padding:4px 10px;font-size:12px;position:absolute;top:12px;left:12px}.facebar{flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:56px;left:12px}.facebar button{border:1px solid var(--line);color:var(--cream);background:#262221e0;border-radius:99px;padding:4px 11px;font-size:12px}.facebar button.on{background:var(--sage-d);border-color:var(--sage)}.status{color:var(--mute);max-width:60%;font-size:12px;position:absolute;bottom:12px;left:12px}.zoom{gap:6px;display:flex;position:absolute;top:12px;right:12px}.mini{border:1px solid var(--line);min-width:34px;height:34px;color:var(--cream);background:#262221e0;border-radius:9px;font-size:15px}.compare{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#262221eb;position:absolute;bottom:12px;right:12px}.panel{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;flex:none;width:340px;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--line);display:flex}.tabs button{color:var(--mute);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:12px 4px;font-size:14px}.tabs button.on{color:var(--cream);border-bottom-color:var(--sage)}.pages{-webkit-overflow-scrolling:touch;flex:1;padding:14px 16px 24px;overflow:auto}.row{margin:0 0 14px}.row .top{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.row .top output{color:var(--sage);font-variant-numeric:tabular-nums}input[type=range]{appearance:none;background:0 0;width:100%;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:3px;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cream);border:0;border-radius:50%;width:22px;height:22px;margin-top:-9.5px;box-shadow:0 1px 4px #00000080}input[type=range]::-moz-range-track{background:var(--line);height:3px}input[type=range]::-moz-range-thumb{background:var(--cream);border:0;border-radius:50%;width:22px;height:22px}.presets{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.pcard{border:1px solid var(--line);background:var(--panel-2);color:var(--cream);border-radius:10px;padding:14px 6px;font-size:14px;position:relative}.pcard.on{border-color:var(--sage);background:#94a68a29}.pcard .x{color:var(--mute);padding:2px 5px;font-size:13px;position:absolute;top:2px;right:4px}.sect{color:var(--mute);letter-spacing:.06em;margin:16px 0 8px;font-size:12px}.note{color:var(--mute);margin:0 0 12px;font-size:12px;line-height:1.6}.inline{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;display:flex}.inline label{align-items:center;gap:6px;font-size:13px;display:flex}.modal{z-index:9;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.dlg{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(380px,90vw);padding:20px}.dlg h3{margin:0 0 12px;font-size:17px}.dlg .btns{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.dlg .bar2{background:var(--line);border-radius:6px;height:6px;margin-top:12px;overflow:hidden}.dlg .bar2 i{background:var(--sage);width:0;height:100%;display:block}input[type=text]{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--cream);border-radius:9px;padding:10px;font-size:15px}@media (max-width:760px){.editor{flex-direction:column}.panel{border-left:0;border-top:1px solid var(--line);width:100%;height:44dvh;padding-bottom:env(safe-area-inset-bottom)}.chip{display:none}.btn{padding:8px 11px}}.sel{background:var(--panel-2);color:var(--cream);border:1px solid var(--line);border-radius:9px;padding:8px;font-size:14px}details{border-top:1px solid var(--line);margin:0 0 10px;padding-top:6px}summary{cursor:pointer;color:var(--sage);padding:6px 0;font-size:13px;list-style:none}summary:before{content:"▸ "}details[open] summary:before{content:"▾ "}.blist{max-height:30vh;margin:10px 0;overflow:auto}.brow{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:5px 2px;font-size:13px;display:flex}.brow.bad .bs{color:#e8a09a}.bs{color:var(--sage);white-space:nowrap;text-overflow:ellipsis;max-width:55%;overflow:hidden}.home-card .btn.big+.btn.big{margin-left:8px}.dlg{max-height:90vh;overflow:auto}