:root{--bg: #0b0b10;--bg-soft: #14141c;--fg: #e8e8ee;--fg-dim: #9ea0ab;--accent: #ffd166;--border: #2a2a36;--danger: #ff6b6b;--ok: #4ade80;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--fg);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden}button{font:inherit;color:inherit;background:transparent;border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer}button:hover{background:var(--bg-soft)}button.primary{background:var(--accent);color:#1a1a1a;border-color:var(--accent);font-weight:600}button.primary:hover{background:#ffcb47}input,textarea{font:inherit;color:inherit;background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:6px 8px;width:100%}a{color:var(--accent)}.panel{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:12px}.hud{position:fixed;top:12px;left:12px;z-index:10;display:flex;gap:8px;align-items:center}.hud .status-dot{width:8px;height:8px;border-radius:50%;background:var(--fg-dim)}.hud .status-dot.ok{background:var(--ok)}.hud .status-dot.warn{background:var(--accent)}.hud .status-dot.bad{background:var(--danger)}.canvas-wrap{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,#1a1a25 0%,transparent 60%),radial-gradient(circle at 80% 70%,#1c1626 0%,transparent 55%),var(--bg);overflow:hidden;cursor:crosshair}.sticky{position:absolute;min-width:140px;max-width:240px;padding:10px 12px;background:#fef3c7;color:#1a1a1a;border-radius:8px;box-shadow:0 6px 16px #00000059;font-size:14px;white-space:pre-wrap;word-wrap:break-word;cursor:grab;user-select:none}.sticky:active{cursor:grabbing}.sticky textarea{background:transparent;border:none;color:inherit;padding:0;width:100%;min-height:60px;resize:none;outline:none}.sticky .sticky-actions{position:absolute;top:-10px;right:-10px;display:none}.sticky:hover .sticky-actions{display:flex}.sticky button{font-size:11px;padding:2px 6px;background:#fff;color:#1a1a1a}.cursor{position:absolute;pointer-events:none;z-index:5;transition:transform .08s linear;will-change:transform}.cursor .arrow{font-size:20px;line-height:1;transform:translate(-2px,-2px)}.cursor .name{display:inline-block;margin-top:2px;margin-left:12px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--bg);border:1px solid var(--border);border-radius:12px;max-width:460px;width:100%;padding:18px;display:flex;flex-direction:column;gap:12px}.modal h2{margin:0;font-size:18px}.modal .row{display:flex;gap:8px;align-items:center}.modal label{font-size:12px;color:var(--fg-dim);display:block;margin-bottom:4px}.modal small{color:var(--fg-dim);display:block;line-height:1.4}.qr-block{background:#fff;padding:12px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:8px}.qr-block canvas,.qr-block img{display:block}.qr-block .url{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:#333;word-break:break-all;text-align:center}.toolbar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:8px;background:var(--bg-soft);border:1px solid var(--border);padding:6px;border-radius:999px}.about-links{position:fixed;bottom:8px;left:8px;z-index:200;display:flex;gap:6px;font-size:11px;pointer-events:auto}.about-links a{color:var(--fg-dim);text-decoration:none;padding:4px 9px;background:#14141cbf;border:1px solid var(--border);border-radius:999px;backdrop-filter:blur(4px)}.about-links a:hover{color:var(--fg);border-color:var(--fg-dim)}.warning-banner{position:fixed;top:60px;left:50%;transform:translate(-50%);background:#ff6b6b26;color:var(--danger);border:1px solid var(--danger);padding:6px 12px;border-radius:6px;font-size:12px;z-index:10}