:root{--bg:#08090b;--surface-1:#0e1013;--surface-2:#15181d;--border:#212730;--text:#e7eaf0;--muted:#8a94a6;--accent:#6ee7b7;--accent-strong:#34d399;--danger:#f87171;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-sans:-apple-system, "Segoe UI", Inter, system-ui, sans-serif;--font-serif:"Iowan Old Style", "Georgia", serif;--radius:6px;--transition:.15s ease;--code-text:#e8a48c;--code-bg:#1b1f26;--code-border:#2c333f;--code-block-shadow:0 1px 0 #ffffff0a, 0 12px 28px #00000073}:root[data-theme=light]{--code-text:#ad3e19;--code-bg:#fdf2ec;--code-border:#f0d4c4;--code-block-shadow:0 1px 2px #1814100f, 0 10px 24px #18141014;--bg:#f7f7f5;--surface-1:#fff;--surface-2:#f0f0ee;--border:#dcdcd8;--text:#16181c;--muted:#5c6270;--accent:#0e9f6e;--accent-strong:#0b815a;--danger:#dc2626}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell-main{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.app-error{color:var(--danger);background:var(--surface-1);border-bottom:1px solid var(--border);flex-shrink:0;padding:8px 16px;font-size:12px}button,input,select,textarea{font-family:inherit}button{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background var(--transition), border-color var(--transition);padding:6px 12px;font-size:13px}button:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);color:#06120c;border-color:var(--accent);font-weight:600}button.primary:hover{background:var(--accent-strong)}button.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 55%, var(--border));font-weight:600}button.danger:hover{background:color-mix(in srgb, var(--danger) 14%, transparent);border-color:var(--danger)}a{color:var(--accent)}code,pre{font-family:var(--font-mono)}::selection{background:var(--accent);color:#06120c}@media (width<=768px){button{min-height:40px;padding:8px 14px}input,select,textarea{font-size:16px}}.wordmark{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text);border-radius:var(--radius);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:8px;margin-left:-8px;padding:4px 8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.wordmark:hover,.wordmark:focus-visible{background:var(--surface-2);border-color:var(--border);color:var(--accent)}.wordmark-logo{color:var(--accent);transition:transform var(--transition), filter var(--transition);flex-shrink:0;display:block}.wordmark-logo .logo-plate{fill:var(--surface-2);stroke:var(--border)}.wordmark:hover .wordmark-logo,.wordmark:focus-visible .wordmark-logo{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 55%, transparent));transform:translateY(-1px)}.wordmark-ext{color:var(--muted);font-weight:400}.wordmark-text{white-space:nowrap}.wordmark-hint{color:var(--muted);opacity:0;transition:opacity var(--transition);font-size:11px;font-weight:400}.wordmark:hover .wordmark-hint,.wordmark:focus-visible .wordmark-hint{opacity:1}@media (width<=768px){.wordmark{flex-shrink:0;gap:0;min-height:32px;margin-left:-6px;padding:4px 6px}.wordmark-hint{display:none}}@media (width<=480px){.wordmark-text{display:none}}.toolbar{background:var(--surface-1);border-bottom:1px solid var(--border);flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:16px;min-width:0;height:48px;padding:0 16px;display:flex}.toolbar-side{flex:1 1 0;align-items:center;gap:12px;min-width:0;display:flex}.toolbar-side-end{justify-content:flex-end}.toolbar-actions{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.toolbar-status{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.toolbar-status-burn{color:var(--danger)}.mode-switch{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;gap:2px;padding:2px;display:flex;position:relative}.mode-switch button{background:0 0;border:none;padding:4px 10px;font-size:12px}.mode-switch button.active{background:var(--surface-1);color:var(--accent)}.mode-switch-hint{white-space:nowrap;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);opacity:0;pointer-events:none;transition:opacity var(--transition), transform var(--transition);z-index:10;padding:3px 8px;font-size:11px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(-4px)}.mode-switch:hover .mode-switch-hint{opacity:1;transform:translate(-50%)translateY(0)}.char-count{color:var(--muted);white-space:nowrap;font-size:12px}.ttl-select,.burn-toggle{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.ttl-select select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:4px 6px}@media (width<=768px){.toolbar{height:44px;padding:0 10px;padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));gap:8px}.toolbar button{min-height:32px;padding:6px 10px}.char-count,.mode-switch-hint{display:none}.mode-switch button{min-height:28px;padding:5px 10px}.toolbar-status{display:none}}@media (width<=480px){.toolbar{gap:6px}.toolbar button{padding:6px 8px;font-size:12px}}.dialog-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;width:480px;max-width:90vw;padding:24px}.dialog h2{margin:0 0 16px;font-size:16px}.link-row{gap:8px;margin-bottom:12px;display:flex}.link-row input{font-family:var(--font-mono);background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:8px;font-size:12px}.dialog-confirm{width:420px}.dialog-confirm-text{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.6}.dialog-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.warnings{color:var(--muted);margin:16px 0;padding-left:18px;font-size:12px;line-height:1.5}.warnings li{margin-bottom:6px}.dialog-share{width:520px;padding-top:28px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080}.dialog-share:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-strong), transparent);height:3px;position:absolute;top:0;left:0;right:0}.dialog-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-size:11px}.dialog-share .dialog-title{letter-spacing:-.02em;margin:0 0 20px;font-size:24px;font-weight:700}.mode-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.mode-card{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px;min-height:92px;padding:14px;font-size:14px;display:flex}.mode-card-icon{color:var(--muted);display:flex}.mode-card.is-active .mode-card-icon{color:var(--accent)}.mode-card-burn.is-active .mode-card-icon{color:var(--danger)}.mode-card-title{font-weight:600}.mode-card.is-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));box-shadow:inset 0 0 0 1px var(--accent)}.mode-card-burn.is-active{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, var(--surface-2));box-shadow:inset 0 0 0 1px var(--danger)}.mode-card-burn.is-active:hover{border-color:var(--danger)}.ttl-chips{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.ttl-chip{border-radius:999px;padding:7px 14px;font-size:13px}.ttl-chip.is-active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);font-weight:600}.share-password-section{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:16px;padding-top:14px;display:flex}.share-password-label{color:var(--text);justify-content:space-between;align-items:center;font-size:13px;display:flex}.share-password-title{align-items:center;gap:6px;font-weight:600;display:inline-flex}.share-password-hint{color:var(--muted);font-size:11px}.share-password-input-row{align-items:center;display:flex;position:relative}.share-password-input{width:100%;font-family:var(--font-sans);background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:9px 36px 9px 12px;font-size:13px;transition:border-color .15s}.share-password-input:focus{border-color:var(--accent);outline:none}.share-password-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;right:6px}.share-password-toggle:hover{color:var(--text);background:var(--surface-1)}.dialog-share-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}@media (width<=768px){.dialog-overlay{align-items:flex-end}.dialog,.dialog-confirm,.dialog-share{width:100%;max-width:none;max-height:90dvh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-bottom:none;border-radius:14px 14px 0 0;overflow-y:auto}.link-row{flex-direction:column}.link-row input{width:100%}.mode-grid{grid-template-columns:1fr}.mode-card{flex-direction:row;align-items:center;min-height:56px}.dialog-share .dialog-title{font-size:20px}}.security-dialog{width:560px}.security-list{color:var(--text);margin:0 0 20px;padding-left:18px;font-size:13px;line-height:1.6}.security-list li{margin-bottom:10px}.security-list code{font-family:var(--font-mono);background:var(--surface-2);border-radius:4px;padding:1px 4px}@media (width<=768px){.security-dialog{width:100%}}.app-footer{background:var(--surface-1);border-top:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;min-width:0;height:28px;padding:0 14px;font-size:11px;display:flex}.footer-side{align-items:center;gap:4px;min-width:0;display:flex}.footer-side-start{justify-content:flex-start}.footer-side-end{justify-content:flex-end}.footer-center{pointer-events:none;justify-content:center;align-items:center;display:flex}.footer-divider{background:var(--border);flex-shrink:0;width:1px;height:12px;margin:0 4px}.footer-link,.footer-button,.theme-toggle{border-radius:var(--radius);color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--transition), background var(--transition), border-color var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:2px 6px;font-size:11px;line-height:1;text-decoration:none;display:inline-flex}.footer-link:hover,.footer-button:hover,.theme-toggle:hover{color:var(--text);background:var(--surface-2);border-color:color-mix(in srgb, var(--border) 70%, transparent)}.footer-landing-link:hover{color:var(--accent)}.footer-external-icon{opacity:.6;transition:transform var(--transition), opacity var(--transition)}.footer-landing-link:hover .footer-external-icon{opacity:1;transform:translate(1px,-1px)}.footer-security-button:hover,.footer-author-link:hover{color:var(--accent)}.footer-status-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%;flex-shrink:0}.footer-badge{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:1px 8px;font-size:10.5px;display:inline-flex}.footer-badge-prefix{font-family:var(--font-mono);color:var(--accent);letter-spacing:.5px;font-size:9.5px;font-weight:600}@media (width<=860px){.footer-center{display:none}}@media (width<=768px){.app-footer{height:auto;min-height:34px;padding:0 10px;padding-bottom:env(safe-area-inset-bottom);gap:4px}.footer-link,.footer-button,.theme-toggle{min-height:28px;padding:4px 6px}}@media (width<=540px){.app-footer{padding:0 6px;padding-bottom:env(safe-area-inset-bottom)}.footer-landing-text{text-overflow:ellipsis;max-width:96px;overflow:hidden}.footer-author-text{text-overflow:ellipsis;max-width:90px;overflow:hidden}}.split-container,.pane-full{width:100%;min-width:0;height:100%;min-height:0;display:flex}.pane{min-width:0;height:100%;overflow:hidden}.pane-full{flex-direction:column}.divider{cursor:col-resize;background:var(--border);width:4px;transition:background var(--transition);touch-action:none;flex-shrink:0}.divider:hover{background:var(--accent)}@media (width<=768px){.divider{width:12px}}.preview{background:var(--surface-1);-webkit-overflow-scrolling:touch;width:100%;min-width:0;height:100%;padding:24px 32px;position:relative;overflow:hidden auto;container-type:inline-size}.preview--stale:before{content:"";background:var(--accent);opacity:.7;width:40%;height:2px;animation:1.1s ease-in-out infinite preview-stale-sweep;position:absolute;top:0;left:0}@keyframes preview-stale-sweep{0%{left:-40%}to{left:100%}}@media (prefers-reduced-motion:reduce){.preview--stale:before{opacity:.35;width:100%;animation:none;left:0}}.preview-zoom-indicator{background:var(--surface-2,var(--surface-1));border:1px solid var(--border);border-radius:var(--radius);width:fit-content;box-shadow:var(--code-block-shadow);color:var(--muted);z-index:1;align-items:center;gap:2px;padding:2px;font-size:.8em;display:flex;position:sticky;bottom:12px;left:calc(100% - 12px);transform:translate(-100%)}.preview-zoom-indicator button{color:inherit;cursor:pointer;border-radius:calc(var(--radius) - 2px);font:inherit;background:0 0;border:none;padding:4px 8px;line-height:1}.preview-zoom-indicator button:hover:not(:disabled){background:var(--surface-1);color:var(--text)}.preview-zoom-indicator button:disabled{opacity:.4;cursor:default}.preview-content{min-width:0;max-width:80rem;font-family:var(--font-sans);color:var(--text);overflow-wrap:break-word;zoom:var(--preview-zoom,1);margin:0;line-height:1.65}.preview-content>:first-child{margin-top:0}.preview-content h1,.preview-content h2,.preview-content h3{font-family:var(--font-serif);margin-top:1.6em;margin-bottom:.5em;line-height:1.25}.preview-content h1{font-size:1.9em}.preview-content h2{font-size:1.5em}.preview-content h3{font-size:1.2em}.preview-content code{color:var(--code-text);background:var(--code-bg);border:1px solid var(--code-border);word-break:break-word;border-radius:4px;padding:.1em .35em;font-size:.88em;line-height:1.4}.preview-content code:has(.gfm-color-chip){white-space:nowrap;vertical-align:-.1em;align-items:center;display:inline-flex}.preview-content .gfm-color-chip{border:1px solid #7f7f7f66;border-radius:50%;flex-shrink:0;width:.75em;height:.75em;margin-left:.05em;margin-right:.35em;display:inline-block;box-shadow:inset 0 0 0 1px #00000014}.preview-content h1 code,.preview-content h2 code,.preview-content h3 code{border-color:#0000;font-size:.85em}.preview-content pre{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--code-block-shadow);tab-size:2;padding:14px 16px;font-size:.88em;line-height:1.6;position:relative;overflow-x:auto}.preview-content pre code{color:inherit;background:0 0;border:none;padding:0;font-size:1em}.preview-content .shiki,.preview-content .shiki span{color:var(--shiki-dark)}.preview-content .shiki{background-color:var(--shiki-dark-bg)}:root[data-theme=light] .preview-content .shiki,:root[data-theme=light] .preview-content .shiki span{color:var(--shiki-light)}:root[data-theme=light] .preview-content .shiki{background-color:#f4f5f7;border-color:#d8dbe1}.preview-content blockquote{border-left:3px solid var(--accent);color:var(--muted);margin-left:0;padding-left:1em}.preview-content table{border-collapse:collapse;table-layout:fixed;width:100%;max-width:100%;margin:1.2em 0}.preview-content th,.preview-content td{border:1px solid var(--border);white-space:normal;word-break:normal;overflow-wrap:anywhere;min-width:0;padding:6px 10px}.preview-content th code,.preview-content td code{white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.preview-content img{max-width:100%}@media (width<=768px){.preview{padding:16px 14px 40px;padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}.preview-content{max-width:none;line-height:1.6}.preview-content h1,.preview-content h2,.preview-content h3{margin-top:1.3em;margin-bottom:.4em}.preview-content h1{font-size:1.5em}.preview-content h2{font-size:1.28em}.preview-content h3{font-size:1.1em}.preview-content pre{border-left-width:0;border-right-width:0;border-radius:0;margin-left:-14px;margin-right:-14px;padding:12px}.preview-content ul,.preview-content ol{padding-left:1.35em}.preview-content blockquote{padding-left:.85em}.preview-content th,.preview-content td{padding:5px 8px}}.toast-region{z-index:200;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{max-width:min(360px,100vw - 32px);color:var(--text);background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;animation:.18s toast-in;display:flex;box-shadow:0 10px 30px #0006}.toast-error{border-left-color:var(--danger)}.toast-icon{color:#06120c;background:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid}.toast-error .toast-icon{color:#fff;background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@media (width<=768px){.toast-region{top:calc(8px + env(safe-area-inset-top));left:12px;right:12px}.toast{max-width:none}}.doc-notice{color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:baseline;gap:8px;padding:8px 16px;font-size:12px;display:flex}.doc-notice strong{color:var(--text);font-weight:600}.doc-notice-burn{color:var(--danger);border-bottom-color:var(--danger)}.doc-notice-burn strong{color:var(--danger)}.doc-notice-when{font-family:var(--font-mono)}@media (width<=768px){.doc-notice{padding:6px 10px;padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));gap:4px;font-size:11px;line-height:1.45}.doc-notice-detail{display:none}}.doc-state{text-align:center;min-height:0;color:var(--muted);background:var(--bg);flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.doc-state:before{content:"";background-image:repeating-linear-gradient(90deg, var(--bg) 0 7px, transparent 7px 53px), repeating-linear-gradient(90deg, var(--bg) 0 5px, transparent 5px 37px), linear-gradient(to bottom, var(--border) 0 3px, transparent 3px);opacity:.85;pointer-events:none;background-size:auto,auto,100% 26px;position:absolute;inset:0}.doc-state:after{content:"";background:radial-gradient(ellipse at center, transparent 0%, var(--bg) 72%);pointer-events:none;position:absolute;inset:0}.doc-state-glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent), transparent 62%);filter:blur(12px);opacity:.55;pointer-events:none;width:min(720px,120vw);animation:7s ease-in-out infinite doc-state-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.doc-state-danger .doc-state-glow{background:radial-gradient(circle, color-mix(in srgb, var(--danger) 20%, transparent), transparent 62%)}:root[data-theme=light] .doc-state-glow{opacity:.9}@keyframes doc-state-breathe{0%,to{opacity:.45;transform:translate(-50%,-50%)scale(1)}50%{opacity:.7;transform:translate(-50%,-50%)scale(1.08)}}.doc-state-card{z-index:1;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:46ch;box-shadow:var(--code-block-shadow);border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:36px 34px 32px;display:flex;position:relative}.doc-state-brand{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-size:17px;font-weight:600;display:inline-flex}.doc-state-logo{color:var(--accent);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 45%, transparent));animation:4s ease-in-out infinite doc-state-pulse;display:block}.doc-state-logo .logo-plate{fill:var(--surface-2);stroke:var(--border)}.doc-state-danger .doc-state-logo{color:var(--danger);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--danger) 45%, transparent))}@keyframes doc-state-pulse{0%,to{opacity:1}50%{opacity:.72}}.doc-state-ext{color:var(--muted);font-weight:400}.doc-state-code{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--code-text);background:var(--code-bg);border:1px solid var(--code-border);border-radius:999px;padding:3px 10px;font-size:11px}.doc-state h1{font-family:var(--font-serif);color:var(--text);margin:0;font-size:1.5em;line-height:1.25}.doc-state p{margin:0;font-size:14px;line-height:1.6}.doc-state code{font-family:var(--font-mono);color:var(--code-text);background:var(--code-bg);border:1px solid var(--code-border);border-radius:4px;padding:.1em .35em;font-size:.9em}.doc-state-action{align-items:center;gap:8px;margin-top:6px;padding:8px 14px;display:inline-flex}.doc-state-action kbd{font-family:var(--font-mono);background:#06120c29;border-radius:4px;padding:1px 5px;font-size:11px;font-weight:500}.doc-state-form{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:4px;display:flex}.doc-state-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.doc-state-input{width:100%;font-family:var(--font-sans);background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:10px 38px 10px 14px;font-size:14px;transition:border-color .15s}.doc-state-input:focus{border-color:var(--accent);outline:none}.doc-state-password-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;right:8px}.doc-state-password-toggle:hover{color:var(--text);background:var(--surface-1)}.doc-state-error{color:var(--danger);text-align:center;margin:0;font-size:13px}.doc-state-input--error{border-color:var(--danger)!important}.doc-state-input--error:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--danger) 25%, transparent);border-color:var(--danger)!important}.doc-state-actions{align-items:center;gap:10px;width:100%;margin-top:4px;display:flex}.doc-state-primary-action,.doc-state-secondary-action{border-radius:var(--radius);white-space:nowrap;cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 14px;font-size:13px;display:inline-flex}.doc-state-primary-action{font-weight:600}.doc-state-secondary-action{background:var(--surface-2);color:var(--text);border:1px solid var(--border);transition:background var(--transition), border-color var(--transition);font-weight:500}.doc-state-secondary-action:hover:not(:disabled){background:var(--surface-1);border-color:var(--accent)}.doc-state-secondary-action:disabled,.doc-state-primary-action:disabled{opacity:.5;cursor:not-allowed}.doc-state-secondary-action kbd{font-family:var(--font-mono);background:color-mix(in srgb, var(--text) 10%, transparent);color:var(--muted);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:500}@media (prefers-reduced-motion:reduce){.doc-state-glow,.doc-state-logo{animation:none}}@media (width<=768px){.doc-state{padding:16px}.doc-state:before{background-image:repeating-linear-gradient(90deg, var(--bg) 0 6px, transparent 6px 38px), repeating-linear-gradient(90deg, var(--bg) 0 4px, transparent 4px 27px), linear-gradient(to bottom, var(--border) 0 2px, transparent 2px);background-size:auto,auto,100% 20px}.doc-state-card{gap:12px;width:100%;padding:26px 20px 22px}.doc-state-logo{width:28px;height:28px}.doc-state-brand{font-size:15px}.doc-state-actions{gap:8px}.doc-state-secondary-action kbd{display:none}.doc-state h1{font-size:1.3em}.doc-state p{font-size:13px}}