:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--ui-font-family,Inter, "Noto Sans JP", system-ui, sans-serif);--ui-font-family:Inter, "Noto Sans JP", system-ui, sans-serif;--editor-font-family:Inter, "Noto Sans JP", system-ui, sans-serif;--editor-cjk-monospace-fallback:"BIZ UDGothic", "Yu Gothic", "MS Gothic", ui-monospace, monospace;--editor-font-size:22px;--editor-line-height:2;--editor-max-width:820px;--side-pane-width:220px;--editor-min-height:min(68vh, 900px);--bg-primary:#101418;--bg-elevated:#101418cc;--bg-focus:#0c1014b8;--bg-overlay:#12181eeb;--bg-subtle:#ffffff08;--bg-hover:#ffffff0f;--bg-danger-hover:#b8484824;--border-subtle:#ffffff14;--border-focus:#ffffff0a;--text-primary:#f3f5f7;--text-secondary:#d7dde3;--text-muted:#9eb0bf;--text-body:#c8d0d8;--text-soft:#aeb8c2;--caret-color:var(--text-primary);--selection-background:#485e76a8;--selection-foreground:#f7f9fb;--accent-primary:#d8e1ea;--accent-primary-text:#101418;--status-success:#9ed9b4e6;--status-saving:#d9c79af2;--status-danger:#d98484f2;--shadow-editor:0 30px 80px #00000047;--theme-bg-image:none;--theme-bg-image-opacity:0;background:var(--bg-primary);color:var(--text-primary)}:root[data-theme=snow]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f4f7fb;--bg-elevated:#ffffffe0;--bg-focus:#ffffffeb;--bg-overlay:#f5f8fcf5;--bg-subtle:#2230400d;--bg-hover:#22304014;--bg-danger-hover:#b8484824;--border-subtle:#2230401f;--border-focus:#22304014;--text-primary:#1b2733;--text-secondary:#324559;--text-muted:#627387;--text-body:#425567;--text-soft:#6d7c8d;--caret-color:var(--text-primary);--selection-background:#53769a9e;--selection-foreground:#f8fbff;--accent-primary:#1b2733;--accent-primary-text:#f4f7fb;--theme-bg-image:url(/iory/themes/snow-bg.png);--theme-bg-image-opacity:.18}:root[data-theme=ash]{--bg-primary:#1a1d20;--bg-elevated:#1c1f22db;--bg-focus:#16181bdb;--bg-overlay:#1a1d20f5;--bg-subtle:#ffffff0a;--bg-hover:#ffffff12;--border-subtle:#ffffff14;--border-focus:#ffffff0d;--text-primary:#eceff1;--text-secondary:#d5dade;--text-muted:#9ca7b0;--text-body:#c5ccd2;--text-soft:#b3bcc4;--caret-color:var(--text-primary);--selection-background:#60686fa8;--selection-foreground:#f7f9fb;--theme-bg-image:url(/iory/themes/ash-bg.png);--theme-bg-image-opacity:.36}:root[data-theme=warm-paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#ede6db;--bg-elevated:#f8f3ebe6;--bg-focus:#f6f0e6f0;--bg-overlay:#f5eee4fa;--bg-subtle:#5c472e12;--bg-hover:#5c472e1a;--border-subtle:#5c472e1f;--border-focus:#5c472e14;--text-primary:#3b2e23;--text-secondary:#5d4a3b;--text-muted:#7a6858;--text-body:#5b4b3d;--text-soft:#8b7868;--caret-color:var(--text-primary);--selection-background:#845e369e;--selection-foreground:#fffaf2;--accent-primary:#5d4a3b;--accent-primary-text:#f7f1e6;--theme-bg-image:url(/iory/themes/warm-paper-bg.png);--theme-bg-image-opacity:.42}:root[data-theme=night-blue]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-bg-image:url(/iory/themes/night-blue-bg.png);--theme-bg-image-opacity:.46}:root[data-background-mode=plain]{--page-background:var(--bg-primary)}:root[data-background-mode=soft]{--page-background:radial-gradient(1200px 520px at 50% -8%, #8297ad3d, transparent 58%), radial-gradient(900px 360px at 50% -16%, #ffffff17, transparent 52%), var(--bg-primary)}:root[data-background-image=hidden]{--theme-bg-image-opacity:0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--page-background);height:100vh;overflow:hidden}button,textarea,input,select{font:inherit}.eyebrow{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem}.spike-shell{grid-template-rows:auto minmax(0,1fr);gap:0;height:100vh;display:grid;position:relative;overflow:hidden}.spike-shell:after{content:"";pointer-events:none;z-index:0;background-image:var(--theme-bg-image);opacity:var(--theme-bg-image-opacity,0);background-position:bottom;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.spike-shell>*{z-index:1;position:relative}.spike-shell.is-fullscreen{position:relative}.fullscreen-top-reveal{z-index:40;height:18px;position:fixed;inset:0 0 auto}.titlebar{background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;width:100%;min-height:36px;margin:0 auto;padding-top:0;transition:opacity .18s,transform .18s;display:grid}.titlebar.is-fullscreen{z-index:35;opacity:0;pointer-events:none;position:fixed;inset:0 0 auto;transform:translateY(-100%)}.titlebar.is-fullscreen.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.titlebar-surface{justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:36px;padding:0 8px;display:flex}.titlebar-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;flex:1;align-items:center;min-width:0;min-height:100%;display:flex}.titlebar-drag-handle:active{cursor:grabbing}.titlebar-copy{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.titlebar-app-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.titlebar-app-icon{width:24px;height:24px;display:block}.titlebar-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.84rem;line-height:1;overflow:hidden;transform:translateY(-1px)}.titlebar-title-app-name{letter-spacing:.16em}.titlebar-actions,.window-controls{flex-shrink:0;align-items:center;gap:2px;display:flex}.titlebar-actions{gap:6px}.toolbar-icon-button{width:30px;min-width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.toolbar-icon-button:hover{background:var(--bg-hover)}.toolbar-icon-button.is-active{background:var(--bg-hover);color:var(--text-primary)}.toolbar-icon{width:16px;height:16px}.window-controls{padding-right:8px}.window-control{width:30px;min-width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0}.window-control:hover,.ghost-button:hover{background:var(--bg-hover)}.window-control-close:hover{background:var(--bg-danger-hover)}.empty-state-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:1.6em;display:flex}.spike-scroll-body{scrollbar-gutter:stable;grid-template-rows:minmax(0,1fr) auto;gap:16px;min-height:0;padding:16px 24px 24px;display:grid;overflow:hidden auto}.spike-scroll-body.is-fullscreen{padding-top:16px}.writing-layout{width:100%;max-width:calc((var(--side-pane-width,220px) * 2) + var(--editor-max-width,820px) + 3rem);height:100%;min-height:0;margin:0 auto;display:block}.writing-layout.is-focus{display:block}.empty-state{background:color-mix(in srgb, var(--bg-subtle) 38%, transparent);border:none;border-radius:20px;align-content:start;justify-items:center;gap:0;width:min(680px,100%);margin:0 auto;padding:28px;display:grid}.empty-state.is-centered{align-content:center;height:100%}.empty-state-logo{color:var(--text-secondary);justify-items:center;gap:.6em;display:grid}.empty-state-logo-mark{filter:drop-shadow(0 1px 1px #00000014)drop-shadow(0 6px 18px #0000001f);width:58px;height:58px}:root[data-theme=snow] .empty-state-logo-mark{filter:drop-shadow(0 1px 1px #1b27331a)drop-shadow(0 8px 24px #1b273329)}.empty-state-logo-wordmark{letter-spacing:.16em;text-transform:uppercase;font-size:.8rem}.recent-files{width:min(520px,100%);margin-top:1.6em}.recent-file-list{gap:10px;display:grid}.recent-file-button{text-align:left;background:color-mix(in srgb, var(--bg-subtle) 48%, transparent);width:100%;color:var(--text-primary);cursor:pointer;border:none;border-radius:14px;gap:4px;padding:14px 16px;font-weight:400;display:grid}.recent-file-button .recent-file-name{font-size:.88rem}.recent-file-button span{color:var(--text-soft);font-size:.7rem}.ghost-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 10px;font-size:.82rem}.inline-icon-button{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:.8rem;display:inline-flex}.inline-icon-button:hover{background:var(--bg-hover)}.primary-button{background:var(--accent-primary);color:var(--accent-primary-text);cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-size:.92rem;font-weight:600}.empty-state-action-button{background:color-mix(in srgb, var(--bg-subtle) 45%, transparent);min-width:144px;color:var(--text-primary);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.empty-state-action-button:hover{background:var(--bg-hover)}.empty-state-action-icon{width:16px;height:16px}.editor-frame{width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;grid-template-rows:minmax(0,1fr);height:100%;min-height:0;margin:0;padding:5em 0 24px;display:grid}.editor-frame.is-focus{box-shadow:none;background:0 0;border-color:#0000}.save-indicator{color:var(--text-body);align-items:center;gap:8px;margin-right:2px;font-size:.8rem;display:inline-flex}.save-indicator-dot{background:var(--text-muted);border-radius:999px;width:8px;height:8px}.save-indicator.is-saved .save-indicator-dot{background:var(--status-success)}.save-indicator.is-saving .save-indicator-dot{background:var(--status-saving)}.save-indicator.is-dirty .save-indicator-dot,.save-indicator.is-conflict .save-indicator-dot,.save-indicator.is-error .save-indicator-dot{background:var(--status-danger)}.editor-focus-layout{grid-template-columns:minmax(220px, 1fr) minmax(0, var(--editor-max-width,820px)) minmax(220px, 1fr);align-items:stretch;gap:1.5rem;height:100%;min-height:0;display:grid}.editor-focus-layout.is-focus,.editor-focus-layout:not(.is-focus){grid-template-columns:minmax(220px, 1fr) minmax(0, var(--editor-max-width,820px)) minmax(220px, 1fr)}.editor-core-column{grid-template-rows:minmax(0,1fr) auto;row-gap:1em;width:100%;min-height:0;max-height:100%;margin:0;padding:0;display:grid;overflow:hidden}.writing-layout:not(.is-focus) .editor-core-column{width:100%;margin:0}.editor-core-column::-webkit-scrollbar{width:0;height:0}.editor-side-pane::-webkit-scrollbar{width:0;height:0}.writing-editor-host .cm-scroller::-webkit-scrollbar{width:0;height:0}.editor-word-count{text-align:center;color:var(--text-muted);letter-spacing:.04em;opacity:.82;pointer-events:none;margin:0;font-size:.76rem;transition:opacity 1s}.writing-layout.is-focus .editor-word-count{opacity:0}.editor-focus-layout.has-side-panes .editor-word-count{opacity:.82}.focus-margin-trigger{color:#0000;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:18px;transition:opacity .14s,background-color .14s,color .14s;position:absolute;inset:5em 0}.editor-focus-layout:not(.is-focus) .focus-margin-trigger{display:none}.editor-side-pane{width:min(100%, var(--side-pane-width,220px));opacity:0;pointer-events:none;scrollbar-width:none;-ms-overflow-style:none;min-width:0;min-height:0;max-height:100%;padding:0 .75rem;transition:opacity 1s;position:relative;overflow:hidden auto}.editor-side-pane.is-left{justify-self:end}.editor-side-pane.is-right{justify-self:start}.editor-side-pane.is-collapsed{pointer-events:auto}.editor-side-pane.is-collapsed>:not(.focus-margin-trigger){opacity:0;pointer-events:none;transition:opacity 1s}.editor-side-pane>:not(.focus-margin-trigger){transition:opacity 1s}.editor-side-pane.is-visible,.editor-focus-layout:not(.is-focus) .editor-side-pane{opacity:1;pointer-events:auto}.mobile-writing-tabs,.mobile-focus-tab-reveal{display:none}.side-pane-card{background:0 0;border:none;border-radius:0;gap:10px;padding:0;display:grid}.side-pane-stack{gap:1.5rem;display:grid}.editor-frame.is-focus:hover .focus-margin-trigger,.focus-margin-trigger:focus-visible{opacity:1}.focus-margin-trigger:hover,.focus-margin-trigger:focus-visible{background:var(--bg-subtle);color:#0000}.focus-margin-trigger.is-left{margin-right:24px}.focus-margin-trigger.is-right{margin-left:24px}.editor-error-banner-layer{opacity:0;pointer-events:none;z-index:32;width:min(420px,100vw - 48px);transition:opacity 1s;position:fixed;top:52px;right:24px}.editor-error-banner-layer.is-visible{opacity:1}.editor-error-banner{color:var(--text-secondary);margin:0;padding:0;font-size:.82rem;line-height:1.55}.editor-error-banner.is-conflict{color:var(--text-primary)}.spike-textarea{width:100%;min-height:var(--editor-min-height);resize:none;color:var(--text-primary);font-family:var(--editor-font-family), var(--editor-cjk-monospace-fallback);font-feature-settings:"palt" 0, "pkna" 0, "halt" 0, "vhal" 0, "kern" 0, "liga" 0, "calt" 0;font-kerning:none;font-variant-east-asian:normal;font-variant-ligatures:none;font-size:clamp(1.15rem,2vw,1.4rem);line-height:var(--editor-line-height);letter-spacing:normal;text-autospace:no-autospace;text-spacing-trim:space-all;background:0 0;border:none;outline:none}.writing-editor-host{width:100%;height:100%;min-height:0}.writing-editor-fallback{min-height:var(--editor-min-height);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.loading-spinner{border:1.5px solid color-mix(in srgb, var(--text-muted) 35%, transparent);border-top-color:var(--text-secondary);border-radius:999px;width:18px;height:18px;animation:.72s linear infinite loading-spin}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.writing-editor-host .cm-editor{background:0 0;height:100%;min-height:0}.writing-editor-host .cm-scroller{height:100%;min-height:0}.writing-editor-host .cm-editor .cm-selectionBackground,.writing-editor-host .cm-editor.cm-focused .cm-selectionBackground{background-color:var(--selection-background)!important}.writing-editor-host .cm-panels{background:var(--bg-overlay);border-bottom:1px solid var(--border-subtle);padding:6px 10px}.writing-editor-host .cm-panels input,.writing-editor-host .cm-panels button{font-family:var(--ui-font-family,Inter, "Noto Sans JP", system-ui, sans-serif);font-size:12px}.writing-editor-host .cm-textfield{border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);box-shadow:none;background:0 0;border-radius:0;outline:none;padding:4px 2px 5px}.writing-editor-host .cm-textfield:focus{border-bottom-color:color-mix(in srgb, var(--selection-background) 65%, var(--text-primary))}.writing-editor-host .cm-button{background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;border:none;border-radius:3px;padding:3px 10px;transition:background .12s}.writing-editor-host .cm-button:hover{background:var(--bg-subtle)}.writing-editor-host .cm-button.cm-primaryButton{background:var(--accent-primary);color:var(--accent-primary-text)}.writing-editor-host .cm-search label{color:var(--text-muted);font-size:12px}.writing-editor-host .cm-panel.cm-search{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.writing-editor-host .cm-panel.cm-search input[type=checkbox]{accent-color:var(--text-secondary);vertical-align:middle;margin:0 3px 0 0}.writing-editor-host .cm-dialog{background:var(--bg-overlay);border:1px solid var(--border-subtle);box-shadow:var(--shadow-editor);border-radius:6px;padding:12px 14px}.writing-editor-host .cm-dialog input.cm-textfield{width:100%}.writing-editor-host .cm-dialog-close{color:var(--text-muted)}.writing-editor-host .cm-dialog-close:hover{color:var(--text-secondary)}.writing-editor-host .cm-searchMatch{background:var(--bg-hover);border-radius:2px}.writing-editor-host .cm-searchMatch-selected{background:color-mix(in srgb, var(--selection-background) 70%, var(--text-muted))}.writing-editor-host .cm-selectionMatch{background:color-mix(in srgb, var(--selection-background) 40%, transparent)}.spike-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(1200px,100%);margin:0 auto;display:grid}.new-file-error{color:var(--status-danger);margin:0 0 10px;font-size:.82rem}.new-file-dialog{gap:14px;display:grid}.new-file-dialog-target{color:var(--text-soft);margin:-4px 0 0;font-size:.8rem}.document-list-button{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex:1;margin-left:0;padding:3px 10px;font-size:.8rem;line-height:1.35}.document-list-button:hover{background:var(--bg-hover)}.document-list-button.is-active{background:color-mix(in srgb, var(--selection-background) 60%, transparent);color:var(--text-primary)}.status-card{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:20px;padding:20px 22px}.status-label{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:.8rem}.editor-side-pane .status-label,.editor-side-pane .status-value,.editor-side-pane .overlay-stat-label,.editor-side-pane .settings-field{font-size:.78rem}.editor-side-pane .status-label{letter-spacing:.12em;margin-bottom:6px;font-size:.68rem}.status-value{color:var(--text-primary);margin:0}.status-card ul{color:var(--text-body);margin:0;padding-left:1.2rem;line-height:1.8}.overlay-root{pointer-events:auto;z-index:20;justify-content:center;align-items:flex-start;padding:24px;display:none;position:fixed;inset:36px 0 0}.overlay-root.is-open{display:flex}.overlay-root-centered{align-items:center;padding:24px;inset:0}.overlay-root-docked-right{pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:0;inset:36px 24px 24px auto}.overlay-panel{background:var(--bg-overlay);border:1px solid var(--border-subtle);pointer-events:auto;width:min(1100px,100%);max-height:calc(100vh - 84px);box-shadow:var(--shadow-editor);border-radius:20px;padding:18px 20px;overflow:auto}.overlay-panel-settings{pointer-events:auto;width:min(360px,100vw - 48px);max-height:min(80vh,100vh - 48px);padding:16px 16px 18px}.overlay-panel-create-file{width:min(420px,100vw - 48px);max-height:min(80vh,100vh - 48px);padding:16px 16px 18px}.overlay-stack{gap:16px;display:grid}.overlay-section{gap:12px;display:grid}.overlay-description{margin:0}.overlay-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.overlay-description{color:var(--text-body);margin-bottom:14px;line-height:1.7}.overlay-tree-list{gap:8px;display:grid}.history-current-card{gap:6px;display:grid}.history-current-header{justify-content:space-between;align-items:center;display:flex}.history-current-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.history-current-folder{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:-2px 0 0;padding:0 10px;font-size:.68rem;line-height:1.35;overflow:hidden}.history-list{gap:6px;display:grid}.history-entry-button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;gap:3px;padding:8px 10px;display:grid}.history-entry-button:hover{background:color-mix(in srgb, var(--bg-hover) 55%, transparent)}.history-entry-timestamp{font-size:.82rem;font-weight:400}.history-entry-meta,.history-entry-preview,.history-empty-copy{color:var(--text-soft);margin:0;font-size:.76rem;line-height:1.45}.history-entry-preview{color:var(--text-secondary)}.history-recent-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.history-inline-action{width:26px;min-width:26px;height:26px;color:var(--text-muted);border-radius:0}.history-preview-text{white-space:pre-wrap;word-break:break-word;max-height:min(60vh,640px);font-family:var(--editor-font-family), var(--editor-cjk-monospace-fallback);font-feature-settings:"palt" 0, "pkna" 0, "halt" 0, "vhal" 0, "kern" 0, "liga" 0, "calt" 0;font-kerning:none;font-variant-east-asian:normal;font-variant-ligatures:none;letter-spacing:normal;text-autospace:no-autospace;text-spacing-trim:space-all;color:var(--text-primary);margin:0;line-height:1.65;overflow:auto}.overlay-panel-history-preview{width:min(760px,100vw - 48px)}.overlay-stats-grid{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.overlay-stats-grid>div{background:0 0;border-radius:0;gap:6px;padding:0;display:grid}.overlay-stat-row{gap:4px}.overlay-stat-value-row{justify-items:end;display:grid}.overlay-stat-value{color:var(--text-primary);text-align:right;font-size:.88rem;font-weight:400}.settings-panel{gap:10px;display:grid}.settings-panel-modal{gap:16px}.settings-inline-panel{gap:10px;display:grid}.settings-modal{gap:16px;width:min(640px,100%);margin:0 auto;display:grid}.settings-modal-docked{gap:14px;width:min(360px,100%);margin:0}.settings-panel-compact-mode .settings-section{gap:16px}.settings-panel-compact-mode .settings-field-modal-row{grid-template-columns:1fr;row-gap:6px;padding-block:10px}.settings-panel-compact-mode .settings-field-modal-row:first-of-type{padding-top:2px}.settings-panel-compact-mode .settings-field-modal-row:last-of-type{padding-bottom:2px}.settings-panel-compact-mode .settings-field-toggle-row{grid-template-columns:1fr auto;align-items:center;row-gap:0}.settings-panel-compact-mode .settings-field-toggle-row .settings-field-label,.settings-panel-compact-mode .settings-field-label{padding-top:0}.settings-panel-compact-mode .settings-custom-theme-row{grid-template-columns:1fr;align-items:stretch}.settings-panel-compact-mode .settings-custom-theme-row-inline{grid-template-columns:minmax(0,1fr) auto;align-items:center}.settings-panel-compact-mode .settings-field-control-range{row-gap:10px}.settings-section{gap:14px;display:grid}.settings-version-block{gap:4px;padding-top:6px;display:grid}.settings-version-value{color:var(--text-soft);margin:0;font-size:.78rem}.settings-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-modal-close-button{color:var(--text-muted);margin-top:-2px}.settings-modal-title{color:var(--text-body);margin:0;line-height:1.6}.settings-field{color:var(--text-body);gap:8px;font-size:.86rem;display:grid}.settings-field-modal-row{grid-template-columns:minmax(132px,148px) minmax(0,1fr);align-items:start;gap:8px 16px}.settings-field-modal-row-break-after{padding-bottom:8px}.settings-field-modal-row-range-start{padding-top:10px}.settings-field-label{color:var(--text-secondary);padding-top:6px;font-weight:600}.settings-field-control{gap:8px;min-width:0;display:grid}.settings-custom-theme-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.settings-inline-action{white-space:nowrap;border-radius:10px;padding-inline:10px}.settings-inline-icon-action{width:28px;min-width:28px;height:28px;color:var(--text-muted);border-radius:8px}.theme-swatch-list{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.theme-swatch-button{cursor:pointer;background:0 0;border:none;border-radius:999px;width:18px;height:18px;padding:0;position:relative}.theme-swatch-button:after{content:"";border:1px solid #0000;border-radius:999px;transition:border-color .14s;position:absolute;inset:-4px}.theme-swatch-button:hover:after,.theme-swatch-button:focus-visible:after,.theme-swatch-button.is-active:after{border-color:var(--text-muted)}.theme-swatch-button.is-active:after{border-color:var(--text-primary)}.theme-swatch-button:focus-visible{outline:none}.theme-swatch-fill{background:linear-gradient(135deg, var(--theme-swatch-a) 0 38%, var(--theme-swatch-b) 38% 68%, var(--theme-swatch-c) 68% 100%);width:100%;height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-primary) 12%, transparent);border-radius:999px;display:block}.settings-select-wrap{display:block;position:relative}.settings-select-caret{color:var(--text-muted);pointer-events:none;font-size:.8rem;position:absolute;top:50%;right:0;transform:translateY(-50%)}.settings-field-control-stack{gap:6px}.settings-field-control-range{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px}.settings-toggle{background:var(--border-subtle);cursor:pointer;border:none;border-radius:999px;place-items:center;width:36px;height:20px;padding:0;transition:background .2s;display:inline-grid;position:relative}.settings-toggle.is-on{background:var(--accent-primary)}.settings-toggle-track{background:var(--bg-primary);pointer-events:none;border-radius:999px;width:14px;height:14px;transition:transform .2s;position:absolute;left:3px}.settings-toggle.is-on .settings-toggle-track{transform:translate(16px)}.settings-field-compact{gap:6px}.settings-field-inline,.settings-field-toggle-row{grid-template-columns:1fr auto;align-items:center}.settings-note{color:var(--text-soft);line-height:1.5}.settings-field input[type=text],.settings-field select{border:none;border-bottom:1px solid var(--border-subtle);width:100%;color:var(--text-primary);box-shadow:none;appearance:none;background:0 0;border-radius:0;outline:none;padding:6px 0 7px}.settings-field select{padding-right:20px}.settings-field select,.settings-field select option{background-color:var(--bg-overlay);color:var(--text-primary)}.settings-field input[type=text]:focus,.settings-field select:focus,.settings-field input[type=text]:focus-visible,.settings-field select:focus-visible{border:none;border-bottom:1px solid color-mix(in srgb, var(--selection-background) 65%, var(--text-primary));box-shadow:none;outline:none}.settings-field input[type=range]{appearance:none;width:100%;height:18px;color:color-mix(in srgb, var(--selection-background) 70%, var(--text-secondary));background:0 0;margin:0}.settings-field input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--selection-background) 55%, var(--bg-subtle));border-radius:999px;height:4px}.settings-field input[type=range]::-webkit-slider-thumb{appearance:none;background:color-mix(in srgb, var(--selection-background) 75%, var(--text-primary));width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in srgb, var(--selection-background) 18%, transparent);border:none;border-radius:999px;margin-top:-4px}.settings-field input[type=range]::-moz-range-track{background:color-mix(in srgb, var(--selection-background) 55%, var(--bg-subtle));border:none;border-radius:999px;height:4px}.settings-field input[type=range]::-moz-range-thumb{background:color-mix(in srgb, var(--selection-background) 75%, var(--text-primary));width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in srgb, var(--selection-background) 18%, transparent);border:none;border-radius:999px}.settings-field strong{color:var(--text-primary);font-size:.82rem}@media (width<=700px){.settings-field-modal-row{grid-template-columns:1fr;row-gap:6px}.settings-field-label{padding-top:0}}.overlay-stat-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.assistant-pane{gap:12px}.assistant-placeholder-box{gap:8px;min-height:180px;padding:14px 0;display:grid}.assistant-placeholder-title{color:var(--text-primary);margin:0;line-height:1.6}.assistant-placeholder-copy{color:var(--text-soft);margin:0;line-height:1.7}@media (width<=900px){.titlebar-surface{padding:0 8px}.titlebar-copy{gap:6px}.window-controls{justify-content:flex-end}.spike-footer{grid-template-columns:1fr}.writing-layout{max-width:none;overflow:hidden}.editor-focus-layout,.editor-focus-layout.is-focus,.editor-focus-layout:not(.is-focus){--mobile-writing-offset:-33.3333%;width:300%;transform:translateX(var(--mobile-writing-offset));grid-template-columns:repeat(3,minmax(0,1fr));gap:0;transition:transform .22s}.editor-focus-layout[data-mobile-tab=files]{--mobile-writing-offset:0}.editor-focus-layout[data-mobile-tab=history]{--mobile-writing-offset:-66.6667%}.editor-frame.is-focus:not(.is-mobile-focus-revealed) .editor-focus-layout{--mobile-writing-offset:-33.3333%}.focus-margin-trigger{display:none}.editor-side-pane{justify-self:stretch;width:100%;padding-left:24px;padding-right:24px;display:block}.editor-side-pane.is-collapsed{opacity:0;pointer-events:none}.editor-side-pane.is-collapsed.is-mobile-selected,.editor-side-pane.is-collapsed.is-mobile-selected>:not(.focus-margin-trigger){opacity:1;pointer-events:auto}.editor-frame{padding-bottom:76px;overflow:hidden}.editor-frame.is-focus{padding-bottom:20px}.editor-core-column{padding:2.5rem 0}.mobile-writing-tabs{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:20;background:color-mix(in srgb, var(--bg-overlay) 78%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:1;pointer-events:auto;border:none;border-radius:999px;justify-content:center;align-items:center;gap:18px;width:auto;padding:8px 12px;transition:opacity 1s;display:inline-flex;position:fixed;transform:translate(-50%)}.writing-layout.is-focus .mobile-writing-tabs{opacity:0;pointer-events:none}.writing-layout.is-focus .mobile-writing-tabs.is-focus-visible{opacity:1;pointer-events:auto}.editor-frame.is-focus.is-mobile-focus-revealed .editor-word-count{opacity:.82}.mobile-focus-tab-reveal{z-index:19;width:min(180px,56vw);height:max(54px, calc(40px + env(safe-area-inset-bottom)));color:#0000;cursor:pointer;background:0 0;border:none;padding:0;display:block;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.writing-layout:not(.is-focus) .mobile-focus-tab-reveal{display:none}.mobile-writing-tab{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;padding:0;display:inline-grid}.mobile-writing-tab span{opacity:.58;background:currentColor;border-radius:999px;width:5px;height:5px;transition:opacity .16s,transform .16s,background-color .16s}.mobile-writing-tab.is-active{color:var(--text-primary)}.mobile-writing-tab.is-active span{opacity:.94;transform:scale(1.45)}.mobile-writing-tab:focus-visible{outline:1px solid color-mix(in srgb, var(--selection-background) 70%, transparent);outline-offset:3px}.overlay-root{padding:16px}.overlay-panel{width:100%}.overlay-panel-settings{width:100%;max-height:calc(100vh - 32px);padding:14px 14px 16px}.editor-error-banner-layer{width:min(420px,100vw - 32px);top:48px;right:16px}}
