:root{--bg: #f5f3ef;--card: #ffffff;--sunk: #efece6;--ink: #1f1c19;--muted: #6e675d;--line: #e5e0d7;--accent: #c2410c;--accent-soft: color-mix(in srgb, var(--accent) 12%, transparent);--accent-ink: #ffffff;--danger: #b91c1c;--ok: #15803d;--shadow: 0 1px 2px rgb(0 0 0 / .05), 0 8px 24px -12px rgb(0 0 0 / .18);--radius: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #161513;--card: #1f1d1a;--sunk: #191816;--ink: #eeeae3;--muted: #a59d91;--line: #322e29;--accent: #f97316;--accent-ink: #1a0d04;--danger: #f87171;--ok: #4ade80;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 10px 28px -14px rgb(0 0 0 / .6);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,system-ui,sans-serif}a{color:inherit}button,input,select{font:inherit;color:inherit}svg.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.boot{padding:40px;color:var(--muted)}[hidden]{display:none!important}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 20px;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;text-decoration:none;letter-spacing:-.01em}.brand .logo{width:30px;height:30px;border-radius:9px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}.top .grow{flex:1}.top .title{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me{color:var(--muted);font-size:13px}.search{position:relative;width:min(340px,40vw)}.search svg{position:absolute;left:10px;top:50%;translate:0 -50%;color:var(--muted)}.search input{width:100%;padding-left:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);cursor:pointer;text-decoration:none;white-space:nowrap;font-weight:500;transition:background .15s,border-color .15s,opacity .15s}.btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--ink) 25%,var(--line))}.btn.primary{background:var(--accent);border-color:transparent;color:var(--accent-ink);font-weight:600}.btn.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,black)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover:not(:disabled){background:var(--sunk)}.btn.danger{color:var(--danger)}.btn.small{height:30px;padding:0 10px;font-size:13px}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible,input:focus-visible,select:focus-visible,.seg button:focus-visible,.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=text],input[type=search],input[type=password],input[type=number],select{height:36px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);min-width:0}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--sunk);border:1px solid var(--line);border-radius:11px}.seg button{border:0;background:transparent;height:30px;padding:0 12px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:500}.seg button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #0000001f}.seg .n{font-size:12px;opacity:.7}.dash{max-width:1320px;margin:0 auto;padding:24px 20px 80px}.tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px}.tools .grow{flex:1}.cards.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;box-shadow:var(--shadow);transition:translate .2s,box-shadow .2s}a.card:hover{translate:0 -3px;box-shadow:0 14px 32px -16px #00000059}.cover{aspect-ratio:4 / 5;background:var(--sunk);display:grid;place-items:center;padding:14px;position:relative}.cover img{max-width:100%;max-height:100%;object-fit:contain;border-radius:3px;box-shadow:0 6px 18px -6px #0006}.cover .pages{position:absolute;right:10px;bottom:10px;font-size:12px;background:var(--card);border:1px solid var(--line);padding:1px 8px;border-radius:99px}.card .info{padding:12px 14px 14px;display:grid;gap:2px}.card .info strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .info span{color:var(--muted);font-size:12.5px}.card .acts{display:flex;gap:6px;padding:0 12px 12px}.cards.list{display:grid;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.row{display:grid;grid-template-columns:52px 1fr 160px 80px 130px auto;align-items:center;gap:14px;padding:10px 16px;border-top:1px solid var(--line);text-decoration:none}.row:first-child{border-top:0}a.row:hover{background:var(--sunk)}.row img{width:52px;height:52px;object-fit:contain;background:var(--sunk);border-radius:6px}.row strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row span{color:var(--muted);font-size:13px}@media(max-width:760px){.row{grid-template-columns:52px 1fr auto}.row .hide-sm{display:none}}.empty{text-align:center;padding:70px 20px;color:var(--muted);border:2px dashed var(--line);border-radius:var(--radius)}.empty strong{display:block;font-size:17px;color:var(--ink);margin-bottom:6px}.editor{display:grid;grid-template-columns:340px 1fr;min-height:calc(100vh - 57px)}@media(max-width:900px){.editor{grid-template-columns:1fr}}.panel{border-right:1px solid var(--line);background:var(--card);overflow-y:auto;max-height:calc(100vh - 57px);position:sticky;top:57px}@media(max-width:900px){.panel{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line);order:2}}.group{border-bottom:1px solid var(--line)}.group>button.head{width:100%;display:flex;align-items:center;gap:10px;padding:14px 18px;border:0;background:none;cursor:pointer;font-weight:600;text-align:left}.group>button.head .chev{margin-left:auto;transition:rotate .2s;color:var(--muted)}.group.closed>button.head .chev{rotate:-90deg}.group.closed .body{display:none}.group .body{padding:0 18px 18px;display:grid;gap:14px}.field{display:grid;gap:6px}.field>span,.label{font-size:12.5px;font-weight:500;color:var(--muted)}.field input[type=text],.field input[type=number],.field select{width:100%}.facts{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:13px}.facts dt{color:var(--muted)}.facts dd{margin:0;overflow:hidden;text-overflow:ellipsis}.toggles{display:grid;gap:4px}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;cursor:pointer}.toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:22px;border-radius:99px;background:var(--line);position:relative;cursor:pointer;transition:background .2s;flex:none;margin:0}.toggle input:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:translate .2s;box-shadow:0 1px 2px #0000004d}.toggle input:checked{background:var(--accent)}.toggle input:checked:after{translate:16px 0}.toggle input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.color{display:flex;align-items:center;gap:8px}.color input[type=color]{width:44px;height:36px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--card);cursor:pointer}.color.auto input[type=color]{opacity:.35}.color code{font-size:12.5px;color:var(--muted);min-width:64px}.effects{display:grid;grid-template-columns:1fr 1fr;gap:10px}.effect{border:1.5px solid var(--line);border-radius:12px;padding:10px;background:none;cursor:pointer;text-align:left;display:grid;gap:8px}.effect[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.effect .pic{height:54px;border-radius:6px;background:var(--sunk);position:relative;overflow:hidden}.effect .pic:before,.effect .pic:after{content:"";position:absolute;top:8px;bottom:8px;width:38%;background:#fff;border-radius:2px}.effect .pic:before{left:12%}.effect .pic:after{right:12%}.effect.real .pic:before{background:linear-gradient(to left,#c9c4bb,#fff 30%);box-shadow:0 4px 10px -3px #0006}.effect.real .pic:after{background:linear-gradient(to right,#c9c4bb,#fff 30%);box-shadow:0 4px 10px -3px #0006}.effect strong{font-size:13px}.effect span{font-size:12px;color:var(--muted)}.acts-list{display:grid;gap:8px}.acts-list .btn{justify-content:flex-start}.stagewrap{padding:28px 24px 40px;display:flex;flex-direction:column;gap:10px;min-width:0}.stagewrap .hint{color:var(--muted);font-size:12.5px;text-align:center}.preview{border-radius:var(--radius);padding:18px 8px 10px;background:repeating-conic-gradient(var(--sunk) 0 25%,transparent 0 50%) 0 0 / 18px 18px;border:1px solid var(--line)}.dirty-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.narrow{max-width:760px;margin:0 auto;padding:32px 20px 80px}.narrow h1{font-size:26px;letter-spacing:-.02em;margin:0 0 4px}.narrow>p{color:var(--muted);margin:0 0 22px}.box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:grid;gap:18px}.drop{display:grid;place-items:center;gap:6px;text-align:center;padding:46px 16px;cursor:pointer;border:2px dashed var(--line);border-radius:12px;transition:border-color .2s,background .2s}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop strong{font-size:17px}.drop span{color:var(--muted)}.drop.has{border-style:solid;border-color:var(--accent)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:600px){.grid2{grid-template-columns:1fr}}.progress{display:grid;gap:8px}.progress .bar{height:8px;border-radius:99px;background:var(--sunk);overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--accent);transition:width .25s}.progress span{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.msg{margin:0;font-size:13.5px}.msg.bad{color:var(--danger)}dialog{border:1px solid var(--line);border-radius:18px;padding:0;background:var(--card);color:var(--ink);width:min(620px,calc(100vw - 32px));box-shadow:0 30px 80px -20px #00000080}dialog::backdrop{background:#14121073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dlg-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.dlg-head h2{margin:0;font-size:17px}.dlg-body{padding:20px;display:grid;gap:16px}.dlg-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--line)}.copyline{display:flex;gap:8px}.copyline input{flex:1}pre.code{margin:0;padding:14px;background:var(--sunk);border:1px solid var(--line);border-radius:10px;overflow-x:auto;font:12.5px/1.6 ui-monospace,Consolas,monospace;white-space:pre}.qr{display:grid;justify-items:center;gap:12px}.qr canvas{width:220px;height:220px;image-rendering:pixelated;border-radius:10px;border:1px solid var(--line)}.login{max-width:420px;margin:12vh auto;padding:0 20px}.login .box{gap:14px}.login h1{margin:0;font-size:22px}.login p{margin:0;color:var(--muted)}.secret{display:flex;gap:8px}.secret input{flex:1}#toast{position:fixed;left:50%;bottom:24px;translate:-50% 20px;opacity:0;pointer-events:none;z-index:100;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-weight:500;transition:opacity .2s,translate .2s}#toast.show{opacity:1;translate:-50% 0}#toast.bad{background:var(--danger);color:#fff}@media(prefers-reduced-motion:reduce){*{transition:none!important}}