:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6eef2;--bg:#050b14;--panel:#121c27;--panel-2:#1b2a3a;--panel-3:#0b1118;--line:#25364a;--line-soft:#1c2b3a;--text:#e6eef2;--muted:#91a4b7;--accent:#ff0a6c;--accent-2:#42c6b5;--danger:#ff7b72;--radius:14px;background:#050b14;font-family:IBM Plex Sans,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh}body{background:var(--bg);margin:0}button,select,textarea{font:inherit}button,select,.file-button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:8px;min-height:32px;padding:.35rem .65rem}button,.file-button{cursor:pointer;font-weight:700}button:hover,.file-button:hover,select:hover{background:#24374b;border-color:#35516c}.app-shell[data-theme=light] button:hover,.app-shell[data-theme=light] .file-button:hover,.app-shell[data-theme=light] select:hover{background:#e3ebf4;border-color:#a9bacb}button:focus-visible,select:focus-visible,textarea:focus-visible,.file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.app-shell{background:var(--bg);flex-direction:column;gap:10px;width:100%;height:100vh;padding:10px 12px;display:flex;overflow:hidden}.app-shell[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fa;--panel:#fff;--panel-2:#edf2f7;--panel-3:#f8fafc;--line:#c9d5e1;--line-soft:#dbe4ee;--text:#182430;--muted:#5d6f80;--accent:#2f7f76;--accent-2:#2f9e91;--danger:#b42318}.topbar{grid-template-columns:minmax(180px,auto) minmax(220px,320px) 1fr;align-items:center;gap:12px;min-height:42px;display:grid}.brand{color:#d8e5ee;letter-spacing:.01em;align-items:center;font-size:.92rem;font-weight:750;display:inline-flex}.sample-picker{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;font-size:.76rem;font-weight:700;display:grid}.sample-picker select{width:100%}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.locale-picker{color:var(--muted);align-items:center;gap:5px;font-size:.76rem;font-weight:700;display:inline-flex}.locale-picker select{border-radius:9px;min-height:30px;padding:.28rem .52rem;font-size:.82rem}.topbar-actions>button,.topbar-actions>.file-button,.download-menu>button{border-color:color-mix(in srgb, var(--line) 78%, transparent);background:color-mix(in srgb, var(--panel-2) 62%, transparent);min-height:30px;color:color-mix(in srgb, var(--text) 86%, var(--muted));letter-spacing:0;border-radius:9px;padding:.28rem .58rem;font-size:.82rem;font-weight:700}.topbar-actions>button:hover,.topbar-actions>.file-button:hover,.download-menu>button:hover{border-color:color-mix(in srgb, var(--line) 92%, var(--muted));background:color-mix(in srgb, var(--panel-2) 82%, transparent);color:var(--text)}.download-menu{display:inline-flex;position:relative}.download-menu-popover{z-index:20;border:1px solid var(--line);background:var(--panel);border-radius:10px;min-width:max-content;padding:4px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 28px #00000042}.download-menu-popover button{width:100%;min-height:30px;color:var(--text);text-align:left;white-space:nowrap;background:0 0;border:0;justify-content:flex-start;padding:.32rem .58rem}.download-menu-popover button:hover{background:var(--panel-2)}.theme-toggle{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;place-items:center;width:34px;height:34px;padding:3px;display:grid}.theme-toggle button{border:1px solid color-mix(in srgb, var(--text) 56%, transparent);color:#a7b4c2;background:0 0;border-radius:10px;place-items:center;width:100%;height:100%;min-height:0;padding:0;font-size:.98rem;line-height:1;display:grid}.theme-toggle button:hover{background:color-mix(in srgb, var(--panel) 58%, transparent)}.help-button{place-items:center;width:32px;min-width:32px;padding:0;display:grid}.app-shell[data-theme=light] .brand{color:#1f2e3d}.app-shell[data-theme=light] .theme-toggle button{color:#4f6478;border-color:#9aabba}.file-button{align-items:center;display:inline-flex;position:relative;overflow:hidden}.file-button input{cursor:pointer;opacity:0;position:absolute;inset:0}.error-banner{border-radius:var(--radius);color:var(--danger);background:#ff7b7214;border:1px solid #ff7b7273;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.error-banner span{color:#ffc3bd}.error-banner small{color:color-mix(in srgb, var(--text) 78%, var(--danger));grid-column:2/3;font-size:.78rem;line-height:1.35}.modal-backdrop{z-index:40;background:#02080fad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.app-shell[data-theme=light] .modal-backdrop{background:#0f172a61}.help-dialog{border:1px solid var(--line);background:var(--panel);border-radius:16px;width:min(560px,100%);max-height:min(720px,100vh - 36px);padding:18px;overflow:auto;box-shadow:0 22px 52px #00000061}.confirm-dialog{border:1px solid var(--line);background:var(--panel);width:min(420px,100%);color:var(--text);border-radius:16px;gap:14px;padding:18px;display:grid;box-shadow:0 22px 52px #00000061}.confirm-dialog h2,.confirm-dialog p{margin:0}.confirm-dialog h2{font-size:1.1rem}.confirm-dialog p{color:var(--muted);line-height:1.5}.confirm-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.danger-button{border-color:color-mix(in srgb, var(--danger) 60%, var(--line));color:var(--danger)}.danger-button:hover{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, var(--panel-2))}.app-shell[data-theme=light] .help-dialog,.app-shell[data-theme=light] .confirm-dialog{color:#111827;background:#fff;border-color:#9fb4c8;box-shadow:0 24px 56px #0f172a38}.app-shell[data-theme=light] .confirm-dialog p{color:#435568}.app-shell[data-theme=light] .danger-button{color:#b42318}.help-dialog-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.help-dialog h2,.help-dialog h3,.help-dialog p{margin:0}.help-dialog h2{font-size:1.15rem}.help-dialog h3{font-size:.95rem}.help-dialog p{color:var(--muted);margin-top:10px;line-height:1.5}.app-shell[data-theme=light] .help-dialog p{color:#435568}.help-dialog dl{gap:8px;margin:16px 0;display:grid}.help-dialog dl div{grid-template-columns:88px 1fr;align-items:start;gap:10px;display:grid}.help-dialog dt{border:1px solid var(--line);background:var(--panel-2);text-align:center;border-radius:8px;padding:5px 8px;font-weight:800}.app-shell[data-theme=light] .help-dialog dt{color:#102030;background:#eef4fa;border-color:#b7c6d6}.help-dialog dd{color:var(--text);margin:0;line-height:1.45}.app-shell[data-theme=light] .help-dialog dd,.app-shell[data-theme=light] .help-dialog h2,.app-shell[data-theme=light] .help-dialog h3{color:#111827}.local-history-status,.related-links{border-top:1px solid var(--line-soft);gap:10px;padding-top:14px;display:grid}.local-history-status button{justify-self:start}.related-links a{color:var(--accent);justify-self:start;font-weight:700;text-decoration:none}.app-shell[data-theme=light] .related-links a{color:#0f766e}.related-links a:hover{text-decoration:underline}.workspace{grid-template-columns:minmax(280px, var(--source-pane-width,44%)) 10px minmax(0, 1fr);flex:1;gap:8px;min-height:0;display:grid}.workspace-collapsed{grid-template-columns:34px minmax(0,1fr)}.workspace-source-focused{grid-template-columns:minmax(0,1fr)}.workspace-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.workspace-resizing .grid-panel iframe{pointer-events:none}.source-panel,.grid-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:0;overflow:hidden}.source-panel{grid-template-rows:auto minmax(0,1fr);display:grid}.workspace-collapsed .source-panel,.workspace-collapsed .pane-resizer,.workspace-source-focused .pane-resizer,.workspace-source-focused .grid-panel,.source-restore-rail{display:none}.workspace-collapsed .source-restore-rail{border-radius:var(--radius);writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.08em;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex}.panel-heading{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 14px;display:flex}.panel-heading h2{color:var(--text);margin:0;font-size:1rem}.panel-heading-actions{align-items:center;gap:6px;display:flex}.source-new-menu{display:inline-flex;position:relative}.panel-text-button{min-height:30px;color:var(--text);border-radius:8px;padding:.28rem .58rem;font-size:.82rem}.source-new-menu-popover{z-index:25;border:1px solid var(--line);background:var(--panel);border-radius:10px;min-width:220px;max-height:min(360px,100vh - 180px);padding:4px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 16px 28px #00000042}.source-new-menu-popover button{width:100%;min-height:30px;color:var(--text);text-align:left;white-space:nowrap;background:0 0;border:0;justify-content:flex-start;padding:.32rem .58rem;font-size:.86rem;font-weight:650;line-height:1.25}.source-new-menu-popover button:hover{background:var(--panel-2)}.source-new-menu-label{color:var(--muted);letter-spacing:.02em;padding:.48rem .58rem .2rem;font-size:.68rem;font-weight:750}.panel-icon-button{width:30px;height:30px;min-height:30px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:.78rem;display:inline-flex}.panel-icon-button svg{stroke:currentColor;width:17px;height:17px}.panel-icon-button[aria-pressed=true]{border-color:var(--accent-2);background:color-mix(in srgb, var(--accent-2) 14%, var(--panel-2));color:var(--text)}.pane-resizer{cursor:col-resize;touch-action:none;border-radius:999px;min-height:0;position:relative}.pane-resizer:before{background:var(--line);content:"";border-radius:999px;position:absolute;inset:10px 3px}.pane-resizer:hover:before,.pane-resizer:focus-visible:before,.workspace-resizing .pane-resizer:before{background:var(--accent-2)}.pane-resizer:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.source-editor-stack{background:var(--panel-3);min-height:0;position:relative;overflow:hidden}.source-highlight,.source-editor-stack textarea{letter-spacing:0;tab-size:2;white-space:pre;word-break:normal;overflow-wrap:normal;width:100%;height:100%;min-height:0;margin:0;padding:12px 14px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.94rem;line-height:1.55;position:absolute;inset:0;overflow:auto}.source-highlight{pointer-events:none;color:var(--text)}.source-editor-stack textarea{resize:none;color:#0000;caret-color:var(--text);-webkit-text-fill-color:transparent;background:0 0;border:0;border-radius:0}.source-editor-stack textarea::selection{color:#0000;background:#42c6b557}.app-shell[data-theme=light] .source-editor-stack textarea::selection{background:#2f7f7638}.source-editor-stack.source-composing .source-highlight{opacity:.32}.source-editor-stack.source-composing textarea{color:color-mix(in srgb, var(--text) 72%, transparent);-webkit-text-fill-color:color-mix(in srgb, var(--text) 72%, transparent)}.source-highlight span{font:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit}.tok-keyword{color:#7cc7ff}.tok-title{color:#e2c678}.tok-section{color:#8ee2d1}.tok-label{color:#e6eef2}.tok-punct{color:#91a4b7}.tok-date{color:#9adf89}.tok-duration{color:#c6a8ff}.tok-status{color:#ffb86b}.tok-id{color:#9cdcfe}.tok-link{color:#68d8ef;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.tok-comment{color:#708395}.app-shell[data-theme=light] .tok-keyword{color:#1267a8}.app-shell[data-theme=light] .tok-title{color:#94620d}.app-shell[data-theme=light] .tok-section{color:#087568}.app-shell[data-theme=light] .tok-label{color:#182430}.app-shell[data-theme=light] .tok-punct{color:#6a7b8b}.app-shell[data-theme=light] .tok-date{color:#1d7f3f}.app-shell[data-theme=light] .tok-duration{color:#6b43ad}.app-shell[data-theme=light] .tok-status{color:#a54f0f}.app-shell[data-theme=light] .tok-id{color:#17648e}.app-shell[data-theme=light] .tok-link{color:#08768f}.app-shell[data-theme=light] .tok-comment{color:#748393}.grid-panel{background:#07101b}.app-shell[data-theme=light] .grid-panel{background:#f5f7fa}.grid-panel iframe{background:#101820;border:0;width:100%;height:100%;display:block}.app-shell[data-theme=light] .grid-panel iframe{background:#f5f7fa}@media (width<=980px){.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{grid-template-columns:1fr}.topbar-actions{justify-content:flex-start}.workspace,.workspace-collapsed{grid-template-columns:1fr}.pane-resizer{display:none}.workspace-collapsed .source-restore-rail{writing-mode:horizontal-tb;min-height:38px}.source-panel{min-height:420px}.grid-panel iframe{min-height:720px}}@media (width<=520px){.app-shell{gap:8px;padding:8px}.brand{font-size:.88rem}.sample-picker{grid-template-columns:1fr}.topbar-actions{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.topbar-actions button,.file-button,.download-menu,.download-menu>button,.theme-toggle{justify-content:center;width:100%}.source-panel{min-height:360px}.grid-panel iframe{min-height:760px}}