:root{color:var(--app-text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;--app-bg:#101418;--app-header:#141a20;--app-panel:#11171d;--app-panel-alt:#0f1318;--app-border:#27313c;--app-border-strong:#33404f;--app-control:#1d2630;--app-control-hover:#263241;--app-text:#d7dee8;--app-text-strong:#eef3f8;--app-muted:#9eb1c5;--app-muted-2:#8fa2b7;--app-focus:#6da8ff;--source-bg:#0d1117;--source-text:#e8edf3;--source-comment:#7e9a74;--source-delimiter:#79c0ff;--source-attribute:#d2a8ff;--source-cell:#ffa657;--source-spec:#a5d6ff;--source-separator:#ff7b72;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--app-bg);min-width:320px;min-height:100vh;margin:0}button,select,textarea{font:inherit}button,.file-button{border:1px solid var(--app-border-strong);background:var(--app-control);color:var(--app-text-strong);cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;line-height:1;display:inline-flex}button:hover,.file-button:hover{background:var(--app-control-hover)}.app-shell{height:100vh;color:var(--app-text);background:var(--app-bg);--source-pane-width:460px;flex-direction:column;display:flex}.app-shell[data-theme=light]{--app-bg:#f4f6f8;--app-header:#fff;--app-panel:#f7f9fb;--app-panel-alt:#fff;--app-border:#d8e0ea;--app-border-strong:#c3ceda;--app-control:#eef3f8;--app-control-hover:#e3ebf3;--app-text:#243040;--app-text-strong:#111827;--app-muted:#516173;--app-muted-2:#65758a;--app-focus:#2563eb;--source-bg:#fff;--source-text:#1f2937;--source-comment:#4f7d3a;--source-delimiter:#0b63ce;--source-attribute:#7c3aed;--source-cell:#b45309;--source-spec:#0369a1;--source-separator:#b91c1c}.app-header{border-bottom:1px solid var(--app-border);background:var(--app-header);justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:12px 16px;display:flex}.app-header h1{letter-spacing:0;margin:0;font-size:20px;font-weight:650}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;pointer-events:none;position:absolute;inset:0}.locale-picker{color:var(--app-muted);white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:12px;font-weight:650;display:inline-flex}.locale-picker select{min-height:34px;padding:7px 9px}.header-actions button,.header-actions .file-button{border-radius:8px;min-height:36px;padding:8px 10px;font-weight:650}.icon-only-button{justify-content:center;width:36px;min-width:36px;padding:8px;font-size:18px;font-weight:750}.workbench{grid-template-columns:minmax(300px, var(--source-pane-width)) 11px minmax(0, 1fr);flex:1;min-height:0;display:grid}.app-shell[data-source-pane-collapsed=true] .workbench{grid-template-columns:44px 11px minmax(0,1fr)}.source-pane,.editor-pane{min-height:0}.source-pane{border-right:1px solid var(--app-border);background:var(--app-panel);flex-direction:column;gap:10px;padding:12px;display:flex}.pane-toolbar{justify-content:space-between;align-items:end;gap:10px;display:flex}.pane-toolbar label{color:var(--app-muted);flex:1;gap:4px;font-size:12px;display:grid}select{border:1px solid var(--app-border-strong);background:var(--source-bg);width:100%;min-width:0;color:var(--app-text-strong);border-radius:6px;padding:8px 10px}.ghost-button{background:0 0}.sample-description{min-height:18px;color:var(--app-muted);margin:0;font-size:13px}.draft-actions{min-height:28px;color:var(--app-muted-2);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.link-button{color:var(--app-focus);background:0 0;border:0;padding:4px 0}.link-button:hover{color:var(--app-text-strong);background:0 0}.source-editor-stack{border:1px solid var(--app-border-strong);background:var(--source-bg);border-radius:8px;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.source-highlight,textarea{tab-size:2;white-space:pre;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.45}.source-highlight{color:var(--source-text);pointer-events:none;padding:12px;position:absolute;inset:0;overflow:hidden}textarea{resize:none;color:#0000;width:100%;height:100%;caret-color:var(--source-text);background:0 0;border:0;padding:12px;position:relative}textarea::selection{background:color-mix(in srgb, var(--app-focus) 42%, transparent);color:#0000}.source-token-comment{color:var(--source-comment)}.source-token-delimiter{color:var(--source-delimiter);font-weight:650}.source-token-attribute{color:var(--source-attribute)}.source-token-cell-delimiter{color:var(--source-cell);font-weight:650}.source-token-cell-spec{color:var(--source-spec)}.source-token-separator{color:var(--source-separator)}textarea:focus,select:focus,button:focus-visible,.file-button:focus-within{outline:2px solid var(--app-focus);outline-offset:2px}.editor-pane{background:var(--app-panel-alt);flex-direction:column;display:flex}.editor-status{border-bottom:1px solid var(--app-border);min-height:36px;color:var(--app-muted);align-items:center;padding:8px 12px;font-size:13px;display:flex}iframe{background:var(--app-panel);border:0;flex:1;width:100%;min-height:0}.empty-editor{min-height:0;color:var(--app-muted);text-align:center;flex:1;align-content:center;justify-items:center;gap:8px;padding:24px;display:grid}.empty-editor strong{color:var(--app-text-strong);font-size:18px}.source-resizer{background:color-mix(in srgb, var(--app-border) 74%, transparent);cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:0;width:11px;min-width:11px;padding:0;position:relative}.source-resizer:hover,.source-resizer:focus-visible{background:color-mix(in srgb, var(--app-focus) 24%, var(--app-border));outline:none}.source-resizer span{background:var(--app-muted-2);border-radius:999px;width:3px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.source-resizer:hover span,.source-resizer:focus-visible span{background:var(--app-focus)}.resize-drag-overlay{z-index:20;cursor:col-resize;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.restore-pane-button{writing-mode:vertical-rl;text-orientation:mixed;border:0;border-radius:0;width:100%;height:100%;padding:10px 0}.dialog-backdrop{z-index:10;background:#0000007a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-dialog{border:1px solid var(--app-border-strong);background:var(--app-header);width:min(680px,100%);max-height:min(720px,90vh);color:var(--app-text);border-radius:8px;overflow:auto;box-shadow:0 18px 44px #00000047}.dialog-header{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.dialog-header h2,.help-dialog h3{color:var(--app-text-strong);margin:0}.icon-button{min-width:34px;padding:8px}.help-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;padding:16px;display:grid}.help-grid p{color:var(--app-muted)}.shortcut-list{grid-template-columns:max-content minmax(0,1fr);gap:8px 14px;margin:12px 0 0;display:grid}.shortcut-list dt{color:var(--app-text-strong);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.shortcut-list dd{color:var(--app-muted);margin:0}@media (width<=840px){.app-shell{height:auto;min-height:100vh}.app-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start}.workbench{grid-template-rows:minmax(220px,34vh) 0 minmax(360px,1fr);grid-template-columns:1fr;min-height:calc(100vh - 144px)}.source-pane{border-right:0;border-bottom:1px solid var(--app-border);grid-row:1}.editor-pane{grid-row:3}.source-resizer{display:none}.help-grid{grid-template-columns:minmax(0,1fr)}}