@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg: #0d0d0e;--bg-elev: #16161a;--bg-elev2: #1d1d22;--fg: #ececef;--fg-dim: #888892;--fg-dimmer: #55555c;--border: #28282f;--accent: #f5f5f7;--accent-warm: #d4845c;--danger: #cc5252;--ok: #6a9955;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--display: "Space Grotesk", -apple-system, sans-serif;--d-bg: #313338;--d-bg-deep: #2b2d31;--d-text: #dbdee1;--d-text-muted: #949ba4;--d-link: #00a8fc;--d-spoiler: #202225;--d-spoiler-revealed: #43464d;--d-mention-bg: rgba(88, 101, 242, .3);--d-mention-fg: #c9cdfb;--d-code-bg: #2b2d31;--d-code-border: #1e1f22;--d-quote-bar: #4e5058;--d-font: "gg sans", "Noto Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", "Arial", sans-serif;--d-mono: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--display);font-size:13px;line-height:1.5}.app{max-width:1320px;margin:0 auto;padding:28px 24px 64px}.app-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.app-header h1{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:.04em;margin:0}.app-header h1 .dot{color:var(--accent-warm)}.app-header .subtitle{color:var(--fg-dim);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-family:var(--mono)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:4px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-elev2)}.panel-head h2{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--fg-dim);margin:0;font-family:var(--mono)}.toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--bg-elev)}.tool-group{display:flex;gap:2px;padding-right:8px;margin-right:4px;border-right:1px solid var(--border)}.tool-group:last-child{border-right:none;margin-right:0;padding-right:0}.tool-btn{background:transparent;border:1px solid transparent;color:var(--fg);font-family:var(--mono);font-size:11px;font-weight:500;padding:6px 9px;min-width:30px;border-radius:3px;cursor:pointer;transition:background .08s,border-color .08s,color .08s;line-height:1;height:28px;display:inline-flex;align-items:center;justify-content:center}.tool-btn:hover{background:var(--bg-elev2);border-color:var(--border)}.tool-btn:active{background:#25252b}.tool-btn.bold{font-weight:700}.tool-btn.italic{font-style:italic}.tool-btn.underline{text-decoration:underline;text-underline-offset:2px}.tool-btn.strike{text-decoration:line-through}.tool-btn.spoiler{color:var(--accent-warm)}.editor-wrap{position:relative}.editor{width:100%;min-height:480px;border:none;background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:13px;line-height:1.65;padding:18px;resize:vertical;outline:none;display:block}.editor::placeholder{color:var(--fg-dimmer)}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid var(--border);background:var(--bg-elev2);font-family:var(--mono);font-size:10px;color:var(--fg-dim);letter-spacing:.06em}.editor-footer .stat-row{display:flex;gap:16px}.btn-primary{background:var(--accent);color:#0a0a0a;border:none;padding:7px 14px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.05em;cursor:pointer;border-radius:3px;text-transform:uppercase;transition:opacity .1s}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-primary.copied{background:var(--ok);color:#fff}.preview{background:var(--d-bg);font-family:var(--d-font);color:var(--d-text);padding:16px 18px;min-height:480px;font-size:15px;line-height:1.375;word-wrap:break-word}.preview .empty-hint{color:var(--d-text-muted);font-style:italic;font-size:14px}.d-para{margin:0 0 6px;padding:0}.d-para:last-child{margin-bottom:0}.d-h1{font-size:24px;font-weight:700;margin:16px 0 8px;line-height:1.25}.d-h2{font-size:20px;font-weight:700;margin:12px 0 6px;line-height:1.25}.d-h3{font-size:16px;font-weight:700;margin:8px 0 4px;line-height:1.25}.d-subtext{font-size:12.5px;color:var(--d-text-muted);margin:0 0 4px}.d-quote{margin:4px 0;padding:0 8px 0 12px;position:relative;border-left:4px solid var(--d-quote-bar);border-radius:4px}.d-list{margin:4px 0 4px 4px;padding-left:20px}.d-list li{margin:2px 0}.d-code{font-family:var(--d-mono);font-size:.85em;background:var(--d-code-bg);padding:1.5px 3px;border-radius:3px}.d-codeblock{font-family:var(--d-mono);background:var(--d-code-bg);border:1px solid var(--d-code-border);border-radius:4px;padding:8px 10px;margin:6px 0;font-size:13.5px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.d-codeblock code{font-family:inherit}.d-link{color:var(--d-link);text-decoration:none}.d-link:hover{text-decoration:underline}.d-mention{background:var(--d-mention-bg);color:var(--d-mention-fg);padding:0 2px;border-radius:3px;font-weight:500;cursor:pointer}.d-timestamp{background:var(--d-spoiler-revealed);padding:0 4px;border-radius:3px;cursor:help}.d-spoiler{background:var(--d-spoiler);border-radius:3px;cursor:pointer;transition:background .15s;padding:0 2px}.d-spoiler>span{color:var(--d-spoiler);transition:color .15s}.d-spoiler:hover{background:#2a2a2e}.d-spoiler:hover>span{color:#2a2a2e}.d-spoiler.revealed,.d-spoiler:focus{background:var(--d-spoiler-revealed)}.d-spoiler.revealed>span,.d-spoiler:focus>span{color:var(--d-text)}.cheats{padding:14px 16px;border-top:1px solid var(--border);background:var(--bg-elev)}.cheats-title{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:10px}.cheats-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-family:var(--mono);font-size:11px}.cheats-grid>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dotted var(--border);padding-bottom:3px}.cheats-grid code{color:var(--accent-warm);font-family:var(--mono)}.cheats-grid span{color:var(--fg-dim)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--accent);color:#0a0a0a;padding:8px 18px;border-radius:3px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;z-index:100;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}