:root{--bg:#16191d;--panel:#1f2329;--panel2:#262b33;--line:#323842;--text:#e6e8eb;--muted:#98a2ad;--accent:#5cc46a;--accent2:#3d8f48;--warn:#e5a54b;--err:#e5675b}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}body.app{overflow:hidden}a{color:var(--accent)}#top{position:fixed;top:0;left:0;right:0;height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--line);z-index:5}#top .brand{color:var(--accent);font-weight:700;letter-spacing:.3px;white-space:nowrap}#top .doc{color:var(--muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button,.btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 10px;font:inherit;cursor:pointer;white-space:nowrap}button:hover,.btn:hover{border-color:var(--accent2)}button.primary{background:var(--accent2);border-color:var(--accent2);color:#fff}button.primary:hover{background:var(--accent)}button:disabled{opacity:.5;cursor:default}#left,#right{position:fixed;top:56px;width:270px;max-height:calc(100% - 68px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px;z-index:4}#left{left:12px}#right{right:12px;display:none}#right.open{display:block}h2{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:2px 0 8px}.kn{border:1px solid var(--line);border-radius:7px;padding:7px 9px;margin-bottom:7px;background:var(--panel2)}.kn:hover,.kn.hot{border-color:var(--warn)}.kn .top{display:flex;justify-content:space-between;align-items:center}.kn .nm{font-weight:600}.kn .ms{color:var(--muted);font-size:11px}.kn .sub{color:var(--muted);font-size:12px;margin:2px 0 6px}.kn.err .nm,.kn .sub.bad{color:var(--err)}.kn .sub.warnline{color:var(--warn)}.kn.sup{opacity:.55}.kn .act{display:flex;gap:6px}.kn .act button{flex:1;padding:3px 6px;font-size:12px}.none{color:var(--muted);font-size:12px;padding:2px 0 8px}.row{margin:9px 0}.row label{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:3px}.row label b{color:var(--text);font-weight:600}input[type=range]{width:100%;accent-color:var(--accent)}input[type=number],select{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:4px;font:inherit}.chk{display:flex;align-items:center;gap:6px;color:var(--muted);margin:6px 0}.info{background:var(--panel2);border-radius:6px;padding:7px 9px;color:var(--muted);font-size:12px;margin:10px 0;white-space:pre-line}.info:empty{display:none}.privacy{color:var(--muted);font-size:11px;margin-top:8px}.actions{display:flex;gap:8px;margin-top:10px}.actions button{flex:1}#hint{position:fixed;bottom:12px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:6px 14px;color:var(--muted);z-index:4;max-width:calc(100% - 24px);text-align:center;display:none}#hint.show{display:block}#busy{position:fixed;top:56px;left:50%;transform:translate(-50%);background:var(--accent2);color:#fff;border-radius:20px;padding:5px 14px;display:none;z-index:8}#busy.show{display:block}#empty{position:fixed;inset:44px 0 0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none;overflow:auto;padding:16px}#empty.hide{display:none}#empty .card{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px 28px;text-align:center;max-width:720px;width:100%;margin:auto}#empty .tag{color:var(--muted);margin:-6px 0 14px}#empty .ba{display:flex;gap:12px;justify-content:center;margin:0 0 16px}#empty figure{margin:0;flex:1;min-width:0}#empty figure img{width:100%;height:auto;border-radius:8px;border:1px solid var(--line);display:block}#empty figcaption{color:var(--muted);font-size:12px;margin-top:4px}#empty .steps{text-align:left;display:inline-block;margin:14px auto 0;padding-left:20px;color:var(--muted);line-height:1.7}#empty .steps b{color:var(--text)}#empty .foot{color:var(--muted);font-size:12px;margin-top:14px}#empty .big{font-size:20px;margin-bottom:14px}#empty .sub{color:var(--muted);margin-top:12px;line-height:1.6}#empty .lock{font-size:12px}#empty button{font-size:14px;padding:8px 18px}.warn{color:var(--warn)!important}#err{position:fixed;bottom:52px;left:50%;transform:translate(-50%);background:#3a1f1d;color:#ffd2cc;border:1px solid var(--err);border-radius:8px;padding:7px 12px;display:none;z-index:9;max-width:min(70%,560px)}#err.show{display:block}#drop{position:fixed;inset:0;background:#5cc46a22;border:3px dashed var(--accent);display:none;z-index:10;align-items:center;justify-content:center;font-size:20px;color:var(--accent);pointer-events:none}#drop.show{display:flex}canvas{display:block}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:16px 18px;width:min(380px,calc(100% - 32px))}dialog::backdrop{background:#0008}dialog summary{cursor:pointer;color:var(--muted);margin:8px 0}.price{color:var(--text);font-size:12px;margin-top:6px}.price .stub{display:block;color:var(--warn);margin-top:4px}@media(max-width:900px){#left{display:none}#right{width:calc(100% - 24px);max-height:45%;top:auto;bottom:12px}#top{gap:5px;padding:0 8px}#top .doc{display:none}#right.open~#hint{display:none}#top button,#top .btn{padding:5px 7px}}@media(max-width:480px){#undo,#redo{font-size:0;padding:5px 9px}#undo:before{content:"↶";font-size:14px}#redo:before{content:"↷";font-size:14px}#home{font-size:0;padding:5px 9px}#home:before{content:"⌂";font-size:14px}}body.page{overflow:auto}.page main{max-width:720px;margin:0 auto;padding:24px 16px 48px;font-size:15px;line-height:1.6}.page h1{color:var(--accent)}.page h2{font-size:14px;margin-top:28px}.page code{background:var(--panel2);padding:1px 5px;border-radius:4px}dialog .pane{display:none}dialog .pane.show{display:block}dialog .buy{display:flex;flex-direction:column;gap:8px;margin:10px 0}dialog button.big{font-size:14px;padding:9px 12px}dialog .codeform{display:flex;gap:6px;margin:8px 0}dialog .codeform input{flex:1;min-width:0;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 8px;font:inherit;letter-spacing:.3px}dialog .fine{color:var(--muted);font-size:11px;margin:6px 0}dialog .paid{color:var(--text);margin:8px 0}dialog .code{font:600 18px/1.3 ui-monospace,Consolas,monospace;color:var(--accent);background:var(--panel2);border-radius:6px;padding:8px;text-align:center;letter-spacing:1px;user-select:all}dialog .err{color:var(--err);font-size:12px;margin-top:6px}dialog .err:empty{display:none}dialog .linkbtn{background:none;border:none;color:var(--accent);padding:4px 0;font-size:12px;text-decoration:underline}dialog a.btn{text-decoration:none;text-align:center;flex:1}.page .fine{color:var(--muted);font-size:13px}.kn button.fixdepth{width:100%;margin:0 0 6px;border-color:var(--warn);color:var(--warn);font-size:12px;padding:3px 6px}#paidbanner{display:none;background:#1d3a22;border:1px solid var(--accent);color:#d2ffd8;border-radius:8px;padding:10px 12px;margin:0 0 16px;text-align:left}#paidbanner.show{display:block}.page .btn{display:inline-block;background:var(--accent2);color:#fff;text-decoration:none;padding:10px 18px;border-radius:8px;margin-top:8px}