:root{--bg:#f3f2ef;--stage:#e6e4df;--panel:#fff;--panel-2:#f6f5f2;--text:#17171a;--muted:#6b6b73;--line:#dddbd5;--accent:#ff4500;--accent-ink:#fff;--ok:#00a368;--warn:#b26b00;--warn-bg:#fff2d6;--danger:#be0039;--shadow:0 6px 24px #14141e1f, 0 1px 3px #14141e14;--radius:14px;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111114;--stage:#18181c;--panel:#1f1f24;--panel-2:#26262c;--text:#f1f1f3;--muted:#9c9ca6;--line:#33333b;--warn:#ffbf47;--warn-bg:#3a2c0c;--shadow:0 6px 24px #00000073, 0 1px 3px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#111114;--stage:#18181c;--panel:#1f1f24;--panel-2:#26262c;--text:#f1f1f3;--muted:#9c9ca6;--line:#33333b;--warn:#ffbf47;--warn-bg:#3a2c0c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:15px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:default}a{color:inherit}input,textarea,select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:9px 11px}textarea{resize:vertical;width:100%;min-height:70px}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.error{color:var(--danger)}.app{flex-direction:column;height:100%;display:flex}.top{background:var(--panel);border-bottom:1px solid var(--line);z-index:5;flex:none;align-items:center;gap:18px;height:54px;padding:0 16px;display:flex;position:relative}.brand{letter-spacing:-.02em;align-items:center;gap:9px;font-size:18px;font-weight:750;text-decoration:none;display:flex}.logo{width:36px;height:36px;margin:-2px 0;display:block}.top nav{gap:4px;display:flex}.top nav a{color:var(--muted);border-radius:9px;padding:6px 12px;font-weight:550;text-decoration:none}.top nav a.active,.top nav a:hover{color:var(--text);background:var(--panel-2)}.pill{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:650}.pill.warn{background:var(--warn-bg);color:var(--warn);border-color:#0000}.pill.ok{color:var(--ok)}.top .pill{margin-left:auto}.main{flex:1;min-height:0;position:relative;overflow:auto}.center-msg{height:100%;color:var(--muted);text-align:center;place-items:center;padding:16px;display:grid}.canvas-page{background:var(--stage);position:absolute;inset:0;overflow:hidden}.stage{position:absolute;inset:0}.board{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.board:active{cursor:grabbing}.mode-draw .board{cursor:crosshair}.mode-select .board{cursor:cell}.zoom{background:var(--panel);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;position:absolute;top:16px;right:16px;overflow:hidden}.zoom button{background:0 0;border:0;width:38px;height:38px;font-size:18px}.zoom button+button{border-top:1px solid var(--line)}.zoom button:hover{background:var(--panel-2)}.coords{font:12px var(--mono);background:var(--panel);box-shadow:var(--shadow);color:var(--muted);border-radius:8px;padding:4px 8px;position:absolute;bottom:16px;right:16px}.hud-top{background:var(--panel);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:550;display:flex;position:absolute;top:16px;left:16px}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.dot.open{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 25%, transparent)}.dot.closed{background:var(--danger)}.report-btn{background:var(--panel);box-shadow:var(--shadow);color:var(--muted);border:0;border-radius:999px;padding:6px 12px;font-size:12.5px;position:absolute;top:60px;left:16px}.report-btn:hover{color:var(--text)}.report-go{color:#fff;box-shadow:var(--shadow);background:#3690ea;border:0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:650;position:absolute;top:100px;left:16px}.dock{flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px);display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.dock-row{align-items:stretch;gap:10px;display:flex}.draw-btn{background:var(--accent);color:var(--accent-ink);height:52px;box-shadow:var(--shadow);letter-spacing:-.01em;border:0;border-radius:16px;padding:0 34px;font-size:17px;font-weight:750}.draw-btn:hover{filter:brightness(1.06)}.draw-btn.on{background:var(--text);color:var(--panel)}.timer{background:var(--panel);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;justify-content:center;min-width:108px;padding:0 16px;display:flex}.timer .label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:650}.timer b{font:700 22px var(--mono);font-variant-numeric:tabular-nums;line-height:1.1}.timer.low b{color:var(--danger)}.tools{background:var(--panel);box-shadow:var(--shadow);border-radius:var(--radius);flex-direction:column;gap:10px;max-width:100%;padding:10px;display:flex}.palette{grid-template-columns:repeat(16,26px);gap:5px;display:grid}.sw{border:1px solid #00000026;border-radius:7px;width:26px;height:26px;padding:0}.sw.on{outline:3px solid var(--text);outline-offset:2px}.brushes{justify-content:center;gap:6px;display:flex}.br{border:1px solid var(--line);background:var(--panel-2);border-radius:9px;place-items:center;width:36px;height:32px;display:grid}.br span{background:var(--text);border-radius:50%;display:block}.br.on{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.toast{background:var(--text);color:var(--panel);box-shadow:var(--shadow);z-index:20;border-radius:12px;max-width:calc(100% - 32px);padding:9px 16px;font-size:14px;font-weight:550;position:absolute;top:18px;left:50%;transform:translate(-50%)}.modal-bg{z-index:30;background:#0a0a0e73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:440px;max-height:calc(100% - 16px);padding:22px;display:flex;overflow:auto}.modal h2{letter-spacing:-.02em;margin:0;font-size:20px}.modal p{margin:0}.radio-list{flex-direction:column;gap:6px;display:flex}.radio-list label{align-items:center;gap:8px;display:flex}.row-end{justify-content:flex-end;gap:8px;display:flex}.primary{background:var(--accent);color:var(--accent-ink);border:0;border-radius:11px;padding:10px 18px;font-weight:700}.ghost{border:1px solid var(--line);background:0 0;border-radius:11px;padding:10px 16px}.secondary{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;padding:8px 14px;font-weight:600}@media (width<=640px){.top{gap:10px;padding:0 12px}.top nav a{padding:6px 8px}.palette{grid-template-columns:repeat(8,30px);gap:6px}.sw{width:30px;height:30px}.zoom{top:12px;right:12px}.coords{display:none}.hud-top{top:12px;left:12px}.report-btn{top:54px;left:12px}.report-go{top:92px;left:12px}}.modal.pay{gap:14px;max-width:460px}.pay-head{justify-content:space-between;align-items:center;display:flex}.x{color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:26px;line-height:1}.small{font-size:13px}.center{text-align:center}.note{background:var(--warn-bg);color:var(--text);border-radius:10px;margin:0;padding:9px 11px;font-size:13px}.presets{grid-template-columns:repeat(4,1fr) 1.1fr;gap:6px;display:grid}.presets button{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;padding:9px 0;font-size:14px;font-weight:650}.presets button.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel));color:var(--accent)}.presets input{text-align:center;width:100%;min-width:0;padding:8px 6px}.tabs{background:var(--panel-2);border-radius:11px;gap:3px;padding:3px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:7px 0;font-size:13.5px;font-weight:600}.tabs button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0000001f}.qr-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.qr{background:#fff;border-radius:14px;padding:10px;width:252px!important;height:252px!important}.amount-big{font:750 26px var(--mono);letter-spacing:-.02em}.amount-big span{color:var(--muted);font-size:15px}.block{text-align:center;width:100%;text-decoration:none;display:block}.copy-wrap{flex-direction:column;gap:8px;display:flex}.copy-wrap p{margin:0}.field{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;grid-template-columns:56px 1fr auto;align-items:center;gap:8px;padding:8px 8px 8px 11px;display:grid}.field .k{color:var(--muted);font-size:12px;font-weight:600}.field .v{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.copy{background:var(--text);color:var(--panel);border:0;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.wait{color:var(--muted);border:1px dashed var(--line);border-radius:11px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:flex}.wait.seen{color:var(--ok);border-color:var(--ok);border-style:solid}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.history h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font-size:12px}.hist-row{border-top:1px solid var(--line);justify-content:space-between;gap:8px;padding:6px 0;font-size:13px;text-decoration:none;display:flex}.st-credited{color:var(--ok);font-weight:600}.st-wrong_token,.st-failed{color:var(--danger)}.st-below_minimum,.st-awaiting_price{color:var(--warn)}.primary.big{padding:13px;font-size:16px}.paid-badge{background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;margin:4px auto 0;font-size:30px;display:grid}.add-btn{background:var(--panel);box-shadow:var(--shadow);border:0;border-radius:16px;padding:0 16px;font-weight:700}.page{flex-direction:column;gap:28px;max-width:980px;margin:0 auto;padding:32px 16px 64px;display:flex}.page h1{letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(28px,5vw,42px);line-height:1.05}.page h2{letter-spacing:-.02em;margin:0 0 12px;font-size:19px}.hero p{max-width:640px;margin:0}.stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:2px;min-width:0;padding:14px 16px;display:flex}.stat .label{color:var(--muted);font-size:12px;font-weight:600}.stat b{font:700 24px var(--mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-overflow:ellipsis;overflow:hidden}.stat .sub{color:var(--muted);font-size:12px}.stat.big{background:var(--text);color:var(--panel);border-color:#0000;grid-area:span 2/span 2;justify-content:center}.stat.big .label,.stat.big .sub{color:color-mix(in srgb, var(--panel) 65%, transparent)}.stat.big b{color:var(--accent);font-size:clamp(30px,5vw,48px)}.addresses{flex-wrap:wrap;gap:8px 24px;font-size:14px;display:flex}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:650}.table td{border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px}.table tr:last-child td{border-bottom:0}.table .num{text-align:right}.table a{color:#3690ea;text-decoration:none}.snaps{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.snap{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;text-decoration:none;display:flex}.snap img{aspect-ratio:1;width:100%;image-rendering:pixelated;border:1px solid var(--line);background:#fff;border-radius:10px}.snap code{font-size:11px}@media (width<=720px){.stats{grid-template-columns:repeat(2,1fr)}.stat.big{grid-row:auto}}.login{max-width:340px}.admin{grid-template-columns:1fr 400px;display:grid;position:absolute;inset:0}.admin-canvas{background:var(--stage);min-height:0;position:relative}.admin-side{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:0;display:flex}.admin-head{flex-wrap:wrap;align-items:center;gap:6px 10px;padding:14px 16px 10px;display:flex}.admin-head .ghost{margin-left:auto;padding:5px 10px}.admin-side>.tabs{margin:0 16px}.tabs.scroll{flex-wrap:wrap}.tabs.scroll button{flex:none;padding:7px 10px}.admin-side>.note{margin:10px 16px 0}.admin-body{flex:1;padding:12px 16px 24px;overflow:auto}.stack{flex-direction:column;gap:10px;display:flex}.card{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.card h4{margin:0;font-size:14px}.card p{margin:0}.card.banned{opacity:.6}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row input{flex:1;min-width:0}.row.between{justify-content:space-between}.danger{color:var(--danger)}.palette.mini{grid-template-columns:repeat(16,1fr);gap:3px}.palette.mini .sw{border-radius:4px;width:100%;height:18px}.snap-preview{width:100%;image-rendering:pixelated;border:1px solid var(--line);background:#fff;border-radius:8px}button.snap{text-align:left;background:0 0;border:0;padding:0}.log-row{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding-bottom:8px;display:flex}.log-row code{word-break:break-all;color:var(--muted)}@media (width<=860px){.admin{grid-template-rows:45vh 1fr;grid-template-columns:1fr}.admin-side{border-left:0;border-top:1px solid var(--line)}}.intro{background:var(--panel);box-shadow:var(--shadow);border-radius:var(--radius);align-items:flex-start;gap:8px;max-width:460px;padding:12px 12px 12px 16px;font-size:14px;display:flex}.intro p{margin:0}.intro a{color:var(--accent);font-weight:600}.tool-note{color:var(--muted);text-align:center;margin:0;font-size:12px}.presets button small{opacity:.75;font-size:11px;font-weight:600;font-family:var(--mono);margin-top:1px;display:block}.ca-bar{background:var(--accent);color:#fff;border:0;flex:none;justify-content:center;align-items:center;gap:10px;width:100%;height:30px;padding:0 16px;font-size:12.5px;font-weight:600;display:flex;overflow:hidden}button.ca-bar{cursor:pointer}button.ca-bar:hover{filter:brightness(1.05)}.ca-label{letter-spacing:.06em;opacity:.85;font-weight:800}.ca-addr{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ca-copy{background:#0003;border-radius:6px;flex:none;padding:2px 8px;font-size:11.5px}.ca-addr.short{display:none}@media (width<=640px){.ca-addr.full{display:none}.ca-addr.short{display:inline}}.ca-soon{opacity:.9}