:root{--slate:#141c24;--panel:#1b2531;--raise:#22303e;--edge:#2e3e4e;--brass:#c79a45;--patina:#57a896;--chalk:#90a1b0;--white:#e9eff4;--danger:#b4636a;--font-display:"Bricolage Grotesque", "Trebuchet MS", sans-serif;--font-body:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--radius:8px}*{box-sizing:border-box}html,body{background:var(--slate);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.mono{font-family:var(--font-mono);font-size:12.5px}.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.input{background:var(--slate);width:100%;color:var(--white);border:1px solid var(--edge);font-size:13.5px;font-family:var(--font-body);border-radius:6px;outline:none;padding:9px 11px;transition:border-color .15s}.input::placeholder{color:#5c6c7a}.input:focus{border-color:var(--brass)}.btn-primary{background:var(--brass);color:#17202a;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:700;transition:filter .15s}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border:1px solid var(--edge);border-radius:6px;padding:9px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.btn-ghost:hover{background:var(--raise)}.card{background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:16px}.notice{border-radius:6px;padding:10px 12px;font-size:13px;line-height:1.45}.notice-error{border:1px solid var(--danger);color:#f0c2c6;background:#b4636a1f}.notice-ok{border:1px solid var(--patina);color:#bdeade;background:#57a8961f}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:var(--edge);border-radius:8px}.workbench{flex-direction:column;display:flex}.editor-col{flex:1;padding:20px 18px 60px}.editor-inner{flex-direction:column;gap:20px;max-width:560px;margin:0 auto;display:flex}.preview-col{background:var(--panel);border-top:1px solid var(--edge);padding:24px 20px 60px}@media (min-width:1024px){.workbench{flex-direction:row;align-items:flex-start}.preview-col{border-top:none;border-left:1px solid var(--edge);min-height:100vh;position:sticky;top:0}}.link-row{background:var(--panel);border:1px solid var(--edge);border-radius:8px;gap:8px;padding:10px;display:flex}.icon-btn{border-radius:4px;padding:3px;transition:background .15s;display:inline-flex}.icon-btn:hover{background:var(--raise)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.profile-shell{justify-content:center;min-height:100vh;padding:56px 20px 40px;display:flex}.profile-inner{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex}.profile-link{text-align:center;width:100%;padding:14px 18px;font-size:15px;transition:transform .12s,filter .12s;display:block}.profile-link:hover{transform:translateY(-2px)}.profile-link:active{transform:translateY(0)}