@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('vendor/inter-400.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('vendor/inter-500.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('vendor/inter-600.woff2') format('woff2')}@font-face{font-family:'Cascadia Code';font-style:normal;font-weight:400;font-display:swap;src:url('vendor/cascadia-code-latin-400-normal.woff2') format('woff2')}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ffffff;--surface:#f7f7f7;--border:#e8e8e8;--border-dim:#efefef;--text:#1a1a1a;--text-muted:#767676;--text-dim:#ccc;--act-hover:rgba(0,0,0,0.05);--act-active:rgba(0,0,0,0.09);--caret:#1a1a1a;--select:rgba(0,0,0,0.08);--font-mono:"Cascadia Code","JetBrains Mono","Fira Code",ui-monospace,monospace;--font-ui:"Inter",system-ui,-apple-system,sans-serif;--toolbar-h:44px;--gutter-w:52px;--line-h:1.65rem;--ease:140ms ease}html{font-size:14px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);height:100dvh;display:flex;flex-direction:column;overflow:hidden;-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:0;background:var(--text);color:var(--bg);font-size:.8rem;font-weight:600;padding:8px 14px;border-radius:0 0 6px;text-decoration:none;z-index:999;transition:top .1s}.skip-link:focus{top:0}.hidden{display:none!important}#toolbar{flex-shrink:0;display:flex;align-items:center;height:var(--toolbar-h);padding:0 14px;background:var(--surface);border-bottom:1px solid var(--border);gap:8px;z-index:10;user-select:none;-webkit-user-select:none}#logo{display:flex;align-items:center;gap:7px;color:var(--text);text-decoration:none;font-weight:600;font-size:.85rem;letter-spacing:.05em;opacity:.9;transition:opacity var(--ease);flex-shrink:0}#logo:hover{opacity:.55}#logo:focus-visible{outline:1.5px solid var(--caret);outline-offset:3px;border-radius:3px}#actions{margin-left:auto;display:flex;align-items:center;gap:2px}.act{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:0 0;color:var(--text-muted);cursor:pointer;transition:background var(--ease),color var(--ease);flex-shrink:0;position:relative}.act:hover{background:var(--act-hover);color:var(--text)}.act:active{background:var(--act-active)}.act:focus-visible{outline:1.5px solid var(--caret);outline-offset:1px}.act:disabled,.act[aria-disabled=true]{opacity:.35;cursor:not-allowed;pointer-events:none}.act.active-mode{background:var(--text);color:var(--bg)}.act.active-mode:hover{background:var(--text);color:var(--bg);opacity:.85}#content{flex:1;display:flex;min-height:0;position:relative}#gutter{width:var(--gutter-w);flex-shrink:0;padding:14px 10px 14px 0;text-align:right;font-family:var(--font-mono);font-size:.78rem;line-height:var(--line-h);color:var(--text-muted);background:var(--surface);border-right:1px solid var(--border-dim);overflow:hidden;user-select:none;transition:border-color var(--ease)}#gutter span{display:block;transition:color 80ms}#gutter span.current{color:var(--text)}#editor{flex:1;background:var(--bg);color:var(--text);border:none;outline:0;resize:none;font-family:var(--font-mono);font-size:.855rem;line-height:var(--line-h);padding:14px 20px;tab-size:4;caret-color:var(--caret);overflow:auto;white-space:pre;font-feature-settings:"liga" 1,"calt" 1;text-rendering:optimizeLegibility;transition:opacity var(--ease)}#editor::placeholder{color:var(--text-dim)}#editor::selection{background:var(--select)}#editor:focus{caret-color:var(--caret);animation:2s ease-in-out infinite caret-breathe}body.typing #gutter{border-right-color:var(--border)}@keyframes caret-breathe{0%,100%{caret-color:#1a1a1a}50%{caret-color:#767676}}#viewer{flex:1;background:var(--bg);font-family:var(--font-mono);font-size:.855rem;line-height:var(--line-h);padding:14px 20px;overflow:auto;white-space:pre;border:none;outline:0;font-feature-settings:"liga" 1,"calt" 1}#viewer:focus-visible{outline:1px solid var(--border);outline-offset:-1px}#viewer code{background:0 0!important;padding:0!important;font-family:inherit;font-size:inherit;line-height:inherit}#raw-view{flex:1;background:#fafafa;color:var(--text-muted);font-family:var(--font-mono);font-size:.855rem;line-height:var(--line-h);padding:14px 20px;overflow:auto;white-space:pre;border:none;outline:0}#raw-view:focus-visible{outline:1px solid var(--border);outline-offset:-1px}#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%) translateY(6px);background:#1a1a1a;color:#f0f0f0;border:1px solid #333;font-size:.78rem;letter-spacing:.01em;padding:7px 14px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity 150ms,transform 150ms;white-space:nowrap;z-index:1000}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.hljs{background:var(--bg)!important;color:var(--text)!important}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}}@media (max-width:768px){:root{--gutter-w:44px;--toolbar-h:56px}html{font-size:15px}#logo span{display:none}#logo{padding:8px 6px}#logo svg{width:22px;height:22px}#actions{gap:10px}.act{width:44px;height:44px;border-radius:10px}.act svg{width:20px;height:20px}#editor,#raw-view,#viewer{font-size:16px;padding:12px 16px}#gutter{font-size:13px;padding:12px 8px 12px 0}#toast{font-size:.85rem;padding:10px 20px;bottom:24px;white-space:normal;max-width:90%;width:max-content;text-align:center}#txt-password{width:110px;height:36px;font-size:.9rem}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(26,26,26,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:28px;width:340px;max-width:90%;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.12);display:flex;flex-direction:column;align-items:center;gap:12px}.modal-card .lock-icon{color:var(--text);margin-bottom:4px}.modal-card h2{font-size:1.15rem;font-weight:600;color:var(--text)}.modal-card p{font-size:.82rem;color:var(--text-muted);line-height:1.4}.modal-form{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:8px}.modal-input{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:.85rem;outline:0;width:100%;transition:border-color var(--ease)}.modal-input:focus{border-color:#1a1a1a}.modal-buttons{display:flex;gap:8px;width:100%;margin-top:4px}.modal-card button{flex:1;background:var(--text);color:var(--bg);border:none;border-radius:6px;padding:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity var(--ease),background var(--ease),color var(--ease)}.modal-card button:hover{opacity:.9}.modal-card button.sec{background:var(--surface);color:var(--text);border:1px solid var(--border)}.modal-card button.sec:hover{background:var(--border)}