/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7f8;--surface:#fff;--surface-2:#eef1f2;--surface-3:#e4e8e9;--text:#1a2023;--text-muted:#667176;--border:#d7dddf;--accent:#087f69;--accent-soft:#d8f2eb;--accent-strong:#056957;--cyan:#187e9c;--danger:#c73b47;--shadow:0 12px 30px #11181c29;--font-ui:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101416;--surface:#171c1f;--surface-2:#1e2528;--surface-3:#293135;--text:#e8edef;--text-muted:#9ba8ad;--border:#303a3e;--accent:#39b995;--accent-soft:#173b32;--accent-strong:#6ed8b9;--cyan:#66bad2;--danger:#f06b75;--shadow:0 16px 36px #0000005c}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101416;--surface:#171c1f;--surface-2:#1e2528;--surface-3:#293135;--text:#e8edef;--text-muted:#9ba8ad;--border:#303a3e;--accent:#39b995;--accent-soft:#173b32;--accent-strong:#6ed8b9;--cyan:#66bad2;--danger:#f06b75;--shadow:0 16px 36px #0000005c}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,[role=menuitem]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--bg);height:100%;padding-top:env(safe-area-inset-top);grid-template-rows:minmax(0,1fr);display:grid}.topbar{padding:0 max(8px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--border);z-index:40;align-items:center;gap:8px;display:flex}.brand{align-items:center;gap:9px;min-width:150px;display:flex}.brand strong{font-size:16px;font-weight:650}.brand-mark{background:var(--text);width:34px;height:34px;color:var(--surface);font:700 13px/1 var(--font-ui);border-radius:6px;place-items:center;display:grid}.topbar-spacer{flex:1}.app-menu-button{cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;height:44px;padding:0 11px;font-size:14px;display:inline-flex}.app-menu-button:hover{background:var(--surface-2)}.workbench{min-height:0;position:relative;overflow:hidden}.workbench>[data-panel-group]{height:100%}.icon-button{cursor:pointer;width:44px;height:44px;color:var(--text-muted);background:0 0;border:0;border-radius:5px;flex:0 0 44px;place-items:center;display:inline-grid}.icon-button:hover,.icon-button.active{color:var(--text);background:var(--surface-2)}.icon-button.active{color:var(--accent-strong)}.font-size-button{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.tooltip{background:var(--text);color:var(--surface);box-shadow:var(--shadow);z-index:100;border-radius:4px;padding:7px 9px;font-size:12px}.sidebar-region,.editor-area{width:100%;min-width:0;max-width:100%;height:100%;position:relative;overflow:hidden}.sidebar-region{overflow:hidden}.sidebar{background:var(--surface);-webkit-user-select:none;user-select:none;flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden;container-type:inline-size}.sidebar-heading{min-height:58px;color:var(--text-muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:4px;padding:0 4px 0 12px;font-size:14px;font-weight:700;display:flex}.sidebar-heading>span{text-overflow:ellipsis;white-space:nowrap;flex:none;min-width:0;overflow:hidden}.sidebar-actions{flex:auto;justify-content:flex-end;min-width:44px;display:flex;overflow:hidden}.workspace-name{border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;height:40px;padding:0 16px;font-size:13px;font-weight:650;display:flex}.tree-scroll{overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:var(--surface-3) transparent;-webkit-overflow-scrolling:touch;flex:1;min-width:0;min-height:0;padding:5px 0 24px;position:relative;overflow:hidden auto}.tree-pull-content{z-index:1;background:var(--surface);min-height:100%;transition:transform .32s cubic-bezier(.22,1,.36,1);position:relative}.tree-pull-content.pulling{transition:none}.pull-search-indicator{z-index:0;background:var(--surface-2);width:44px;height:44px;color:var(--text-muted);border-radius:50%;place-items:center;transition:opacity .1s linear,color .12s,transform .12s;display:grid;position:absolute;top:10px;left:50%;transform:translate(-50%)scale(.82)}.pull-search-indicator.ready{color:var(--accent-strong);transform:translate(-50%)scale(1)}.tree{width:100%;min-width:0;overflow-x:hidden}.tree-empty{color:var(--text-muted);padding:18px 16px;font-size:14px;line-height:1.55}.tree-row{cursor:default;touch-action:pan-y;will-change:transform;align-items:center;gap:7px;width:100%;min-width:0;max-width:100%;height:46px;padding-right:10px;font-size:15px;transition:transform .14s;display:flex;position:relative;overflow:hidden}.tree-row:hover{background:var(--surface-2)}.tree-row.active{background:var(--accent-soft);color:var(--accent-strong)}.tree-row.drop-inside{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.tree-row.drop-before:before,.tree-row.drop-after:after{content:"";z-index:3;background:var(--accent);border-radius:2px;height:3px;position:absolute;left:8px;right:8px}.tree-row.drop-before:before{top:0}.tree-row.drop-after:after{bottom:0}.tree-row.dragging{opacity:.45}.tree-grip{width:22px;height:40px;color:var(--text-muted);cursor:grab;touch-action:none;opacity:.45;place-items:center;padding:0;display:grid}.tree-row:hover .tree-grip,.tree-grip:focus-visible{color:var(--text-muted)}.tree-spacer{width:14px}.chevron{flex:none;transition:transform .12s}.chevron.open{transform:rotate(90deg)}.folder-icon{color:#c88a26;flex:none}.file-icon{color:var(--cyan);flex:none}.tree-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.resize-handle{z-index:8;touch-action:none;cursor:col-resize;background:0 0;flex:0 0 12px;width:12px;position:relative}.resize-handle:before{content:"";background:var(--border);border-radius:4px;width:3px;position:absolute;top:12px;bottom:12px;left:50%;transform:translate(-50%)}.resize-handle:after{content:"";position:absolute;inset:0 -4px}.resize-handle:hover:before,.resize-handle[data-separator=active]:before{background:var(--accent)}.workbench .sidebar-animating #sidebar[data-panel]{transition:flex-grow .22s cubic-bezier(.22,1,.36,1)}.workbench .sidebar-animating .sidebar-resize{transition:width .22s cubic-bezier(.22,1,.36,1),flex-basis .22s cubic-bezier(.22,1,.36,1)}.sidebar-resize.collapsed{flex-basis:0;width:0}.sidebar-resize.collapsed:before,.sidebar-resize.collapsed:after{display:none}.editor-resize{flex-basis:12px;width:12px}.editor-split-zones{z-index:80;opacity:0;visibility:hidden;pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.editor-split-zones.visible{opacity:1;visibility:visible}.editor-split-zones>div{border:2px dashed var(--accent);place-items:center;margin:12px 6px;display:grid}@supports (color:color-mix(in lab, red, red)){.editor-split-zones>div{border:2px dashed color-mix(in srgb, var(--accent) 55%, transparent)}}.editor-split-zones>div{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.editor-split-zones>div{background:color-mix(in srgb, var(--surface) 86%, transparent)}}.editor-split-zones>div{color:var(--accent-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;font-size:16px;font-weight:650}.editor-split-zones>div:first-child{margin-left:12px}.editor-split-zones>div:last-child{margin-right:12px}.editor-split-zones>div.active{border-color:var(--accent);background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.editor-split-zones>div.active{background:color-mix(in srgb, var(--accent-soft) 94%, transparent)}}.editor-split-zones>div.active{box-shadow:inset 0 0 0 2px var(--accent)}.drag-overlay-row{border:1px solid var(--accent);background:var(--surface);max-width:min(320px,100vw - 32px);height:46px;color:var(--text);box-shadow:var(--shadow);border-radius:6px;align-items:center;gap:9px;padding:0 14px;display:flex;overflow:hidden}.drag-overlay-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-pane{background:var(--surface);grid-template-rows:54px minmax(0,1fr);min-width:0;height:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}.editor-pane.has-status-bar{grid-template-rows:54px minmax(0,1fr) 38px}.editor-pane.view-only-pane{grid-template-rows:46px minmax(0,1fr)}.editor-area.shared-document-layout{grid-template-rows:54px minmax(0,1fr) 38px;display:grid}.shared-editor-body,.shared-editor-body>[data-panel-group],#editor-layout{width:100%;min-width:0;max-width:100%;min-height:0;overflow:hidden}#editors[data-panel],#primary[data-panel],#secondary[data-panel]{min-width:0;overflow:hidden}.editor-pane.preview-pane{grid-template-rows:minmax(0,1fr) 38px;display:grid}.preview-close{z-index:4;background:var(--surface);position:absolute;top:8px;right:10px}@supports (color:color-mix(in lab, red, red)){.preview-close{background:color-mix(in srgb, var(--surface) 90%, transparent)}}.preview-close{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-toolbar{z-index:4;border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:0 2px;display:flex;position:absolute;top:8px;right:10px}@supports (color:color-mix(in lab, red, red)){.preview-toolbar{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.preview-toolbar{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.document-bar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;min-width:0;height:54px;display:flex}.shared-document-bar{z-index:2;position:relative}.pane-view-bar{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;min-width:0;height:46px;display:flex}.pane-view-bar .document-view-controls{flex:auto;padding:0 4px 0 8px}.pane-view-bar .view-mode-tabs{height:38px}.pane-view-bar .view-mode-tabs button{min-height:36px}.pane-view-bar .view-mode-select{height:38px}.pane-view-bar .editor-actions{background:var(--surface-2);flex:auto;min-width:44px}.document-leading{padding-left:max(2px, env(safe-area-inset-left));flex:none;align-items:center;display:flex}.document-title{min-width:0;max-width:min(360px,45%);color:var(--text);flex:none;align-items:center;gap:9px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.document-title svg{color:var(--text-muted);flex:none}.title-button{min-width:0;color:inherit;font:inherit;text-align:left;cursor:text;background:0 0;border:0;border-radius:4px;flex:1;padding:7px 3px;overflow:hidden}.title-button:hover,.title-button:focus-visible{background:var(--surface-2);outline:none}.title-button span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.title-rename{border:1px solid var(--accent);background:var(--surface);min-width:0;height:34px;color:var(--text);font:inherit;border-radius:4px;outline:none;flex:1;padding:0 8px}.no-document-title{color:var(--text-muted);font-weight:500}.dirty-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.document-view-controls{flex:0 auto;align-items:center;gap:4px;min-width:0;padding-right:4px;display:flex}.view-mode-tabs{border:1px solid var(--border);scrollbar-width:none;border-radius:5px;align-items:stretch;min-width:0;height:44px;display:flex;overflow-x:auto}.view-mode-tabs::-webkit-scrollbar{display:none}.view-mode-tabs button{border:0;border-right:1px solid var(--border);min-width:max-content;min-height:42px;color:var(--text-muted);background:0 0;padding:0 12px;font-size:14px;font-weight:600}.view-mode-tabs button:last-child{border-right:0}.view-mode-tabs button:hover{background:var(--surface-2);color:var(--text)}.view-mode-tabs button.active{background:var(--accent-soft);color:var(--accent-strong)}.view-mode-select{border:1px solid var(--border);background:var(--surface);min-width:0;max-width:180px;height:44px;color:var(--text);border-radius:5px;align-items:center;gap:6px;padding:0 10px 0 12px;font-size:14px;font-weight:600;display:none}.view-mode-select span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.view-mode-select svg{flex:none}.view-mode-label{border:1px solid var(--border);background:var(--surface);min-width:max-content;height:38px;color:var(--text);border-radius:5px;align-items:center;padding:0 12px;font-size:14px;font-weight:600;display:flex}.view-provider-item{justify-content:space-between;gap:18px}.view-split-button{flex:0 0 44px}.editor-actions{border-left:1px solid var(--border);background:var(--surface);flex:auto;justify-content:flex-end;align-items:center;min-width:88px;padding:0 3px;display:flex;overflow:hidden}@container (width<=700px){.view-mode-tabs{display:none}.view-mode-select{display:flex}}.code-editor,.code-editor>div,.code-editor .cm-editor{width:100%;min-width:0;max-width:100%;height:100%;min-height:0}.code-editor{touch-action:pan-y;overflow:hidden}.code-editor .cm-editor{background:var(--surface);color:var(--text)}.code-editor .cm-focused{outline:none}.code-editor .cm-scroller{overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:var(--surface-3) transparent;min-width:0;line-height:1.65;font-size:var(--editor-font-size,16px)!important}.code-editor .cm-activeLine,.code-editor .cm-activeLineGutter{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.code-editor .cm-activeLine,.code-editor .cm-activeLineGutter{background:color-mix(in srgb, var(--accent) 7%, transparent)}}.code-editor .cm-gutters{color:var(--text-muted)}.code-editor .cm-panels-top{z-index:20;border:1px solid var(--border);background:var(--surface);width:min(560px,100% - 16px);max-height:calc(100% - 16px);color:var(--text);box-shadow:var(--shadow);border-radius:7px;position:absolute;top:8px;right:8px;overflow:auto;left:auto!important}.code-editor .cm-panels-bottom{border-color:var(--border);background:var(--surface-2);color:var(--text)}.code-editor .cm-panel.cm-search{min-height:58px;font-family:var(--font-ui);grid-template-columns:minmax(140px,1fr) 68px 88px 44px;gap:6px;padding:8px 10px;font-size:14px;display:grid;position:relative}.code-editor .cm-panel.cm-search br{display:none}.code-editor .cm-panel.cm-search input[name=search],.code-editor .cm-panel.cm-search input[name=replace]{border:1px solid var(--border);background:var(--surface);width:100%;height:44px;color:var(--text);border-radius:5px;outline:none;margin:0;padding:0 12px;font-size:16px}.code-editor .cm-panel.cm-search input[name=search]{grid-area:1/1}.code-editor .cm-panel.cm-search input[name=replace]{grid-area:2/1}.code-editor .cm-panel.cm-search input[name=search]:focus,.code-editor .cm-panel.cm-search input[name=replace]:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}@supports (color:color-mix(in lab, red, red)){.code-editor .cm-panel.cm-search input[name=search]:focus,.code-editor .cm-panel.cm-search input[name=replace]:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent)}}.code-editor .cm-panel.cm-search button{border:1px solid var(--border);background:var(--surface);width:100%;min-width:44px;height:44px;min-height:44px;color:var(--text);cursor:pointer;border-radius:5px;margin:0;padding:0 5px;font-size:0}.code-editor .cm-panel.cm-search button:hover{background:var(--accent-soft);color:var(--accent-strong)}.code-editor .cm-panel.cm-search button:before{font-size:18px}.code-editor .cm-panel.cm-search button[name=prev]{grid-area:1/2;justify-self:end;width:44px}.code-editor .cm-panel.cm-search button[name=prev]:before{content:"↑"}.code-editor .cm-panel.cm-search button[name=next]{grid-area:1/3;justify-self:start;width:44px}.code-editor .cm-panel.cm-search button[name=next]:before{content:"↓"}.code-editor .cm-panel.cm-search button[name=close]{grid-area:1/4;font-size:24px;font-weight:400;position:static}.code-editor .cm-panel.cm-search button[name=close]:before{content:none}.code-editor .cm-panel.cm-search button[name=replace]{grid-area:2/2;font-size:12px}.code-editor .cm-panel.cm-search button[name=replace]:before{content:none}.code-editor .cm-panel.cm-search button[name=replaceAll]{grid-area:2/3;font-size:12px}.code-editor .cm-panel.cm-search button[name=replaceAll]:before{content:none}.code-editor .cm-panel.cm-search button[name=select]{grid-area:2/4;font-size:12px}.code-editor .cm-panel.cm-search button[name=select]:before{content:none}.code-editor .cm-panel.cm-search label{white-space:nowrap;align-items:center;gap:6px;min-height:38px;margin:0;display:inline-flex}.code-editor .cm-panel.cm-search label:first-of-type{grid-area:3/1}.code-editor .cm-panel.cm-search label:nth-of-type(2){grid-area:3/2/auto/4}.code-editor .cm-panel.cm-search label:nth-of-type(3){grid-area:3/4;justify-self:end;width:max-content}.code-editor .cm-panel.cm-search input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.no-file-state{background:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:32px;display:flex}.no-file-state h1{letter-spacing:0;margin:20px 0 8px;font-size:20px}.no-file-state p{max-width:430px;color:var(--text-muted);margin:0;font-size:15px;line-height:1.6}.document-status-bar{border-top:1px solid var(--border);background:var(--surface-2);min-width:0;height:38px;color:var(--text-muted);white-space:nowrap;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:13px;display:flex}.document-stats{align-items:center;gap:16px;min-width:0;display:flex;overflow:hidden}.document-stats>span{flex:none}.document-stats .file-type{color:var(--text);font-weight:600}.save-status{pointer-events:none;flex:none;align-items:center;gap:6px;display:inline-flex}.save-status-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.save-status.saving .save-status-dot{background:#c88a26;animation:1s infinite pulse}.save-status.synced .save-status-dot{background:var(--accent)}.save-status.error .save-status-dot{background:var(--danger)}@container (width<=400px){.document-status-bar{gap:8px;padding-inline:10px}.document-stats{gap:10px}.save-status-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.markdown-document-view{width:100%;min-width:0;max-width:100%;height:100%;min-height:0;overflow:hidden}.markdown-preview{overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:var(--surface-3) transparent;width:100%;max-width:100%;height:100%;padding:34px clamp(28px,6vw,82px) 80px;font-size:17px;line-height:1.75;overflow:auto}.markdown-preview>:first-child{margin-top:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin:1.6em 0 .7em;line-height:1.25}.markdown-preview h1{border-bottom:1px solid var(--border);padding-bottom:10px;font-size:28px}.markdown-preview h2{font-size:21px}.markdown-preview h3{font-size:17px}.markdown-preview p,.markdown-preview li{color:var(--text)}@supports (color:color-mix(in lab, red, red)){.markdown-preview p,.markdown-preview li{color:color-mix(in srgb, var(--text) 90%, var(--text-muted))}}.markdown-preview a{color:var(--cyan)}.markdown-preview pre{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;padding:14px;overflow:auto}.markdown-preview code{font:13px/1.55 var(--font-code);background:var(--surface-2);border-radius:3px;padding:2px 4px}.markdown-preview pre code{padding:0}.markdown-preview blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin-left:0;padding-left:16px}.markdown-preview table{border-collapse:collapse;max-width:100%}.markdown-preview th,.markdown-preview td{border:1px solid var(--border);padding:7px 10px}.image-preview{background:var(--surface-2);min-height:0;position:relative;overflow:hidden}.image-toolbar{z-index:3;border:1px solid var(--border);background:var(--surface);border-radius:6px;align-items:center;gap:2px;height:48px;padding:2px 4px;display:flex;position:absolute;top:12px;right:12px}@supports (color:color-mix(in lab, red, red)){.image-toolbar{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.image-toolbar{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-toolbar span{text-align:center;min-width:52px;color:var(--text-muted);font-size:13px}.image-stage{touch-action:pan-x pan-y;overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:var(--surface-3) transparent;width:100%;height:100%;padding:72px 28px 28px;overflow:auto}.image-canvas{place-items:center;min-width:100%;min-height:100%;display:grid}.image-stage img{object-fit:contain;max-width:none;height:auto;box-shadow:0 4px 18px #00000029}.image-stage img[style*=matrix]{backface-visibility:hidden}.video-preview{background:#111;place-items:center;min-height:0;padding:24px;display:grid;overflow:auto}.video-preview video{background:#000;width:min(100%,1200px);max-height:100%;display:block}.media-preview-unavailable{min-height:0;color:var(--text-muted);text-align:center;background:var(--surface-2);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex}.document-view-loading{height:100%;min-height:0;color:var(--text-muted);background:var(--surface-2);place-content:center;justify-items:center;gap:12px;display:grid}.heic-document-view{grid-template-columns:auto minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.heic-frame-list{border-right:1px solid var(--border);background:var(--surface-subtle);flex-direction:column;gap:8px;width:92px;padding:10px;display:flex;overflow:auto}.heic-frame-list button{background:0 0;border:2px solid #0000;width:72px;min-height:72px;padding:3px}.heic-frame-list button.active{border-color:var(--accent)}.heic-frame-list img{object-fit:cover;width:100%;height:64px;display:block}.menu-content{border:1px solid var(--border);background:var(--surface);min-width:190px;box-shadow:var(--shadow);z-index:100;border-radius:6px;padding:5px}.menu-item{cursor:default;border-radius:4px;outline:none;align-items:center;gap:10px;min-height:44px;padding:0 11px;font-size:14px;display:flex}.menu-item[data-highlighted]{background:var(--accent-soft);color:var(--accent-strong)}.menu-item[data-disabled]{opacity:.4}.menu-item.danger{color:var(--danger)}.menu-separator{background:var(--border);height:1px;margin:5px}.menu-label{color:var(--text-muted);text-transform:uppercase;padding:9px 11px 5px;font-size:11px;font-weight:700}.menu-check{color:var(--accent);margin-left:auto}.settings-menu{min-width:210px}.search-dialog{z-index:301;top:max(8vh, env(safe-area-inset-top));border:1px solid var(--border);background:var(--surface);width:min(720px,100vw - 28px);max-height:min(680px,100dvh - 40px);box-shadow:var(--shadow);border-radius:8px;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.global-search-input{border-bottom:1px solid var(--border);align-items:center;gap:12px;height:62px;padding:0 8px 0 18px;display:flex}.global-search-input>svg{color:var(--text-muted);flex:none}.global-search-input input{min-width:0;height:48px;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:17px}.global-search-input button,.timeline-heading>button{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.global-search-input button:hover,.timeline-heading>button:hover{background:var(--surface-2);color:var(--text)}.global-search-input button:disabled{opacity:.35;cursor:default}.global-search-results{overscroll-behavior:contain;max-height:min(520px,100dvh - 180px);padding:6px;overflow-y:auto}.global-search-results>button{width:100%;min-height:58px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:12px;padding:8px 12px;display:flex;overflow:hidden}.global-search-results>button.selected{background:var(--accent-soft);color:var(--accent-strong)}.global-search-results>button>svg{flex:none}.search-result-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.search-result-copy strong,.search-result-copy small,.search-result-path{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-result-copy strong{font-size:15px}.search-result-copy small{color:var(--text-muted);font-size:14px}.search-result-path{max-width:34%;color:var(--text-muted);font-size:13px}.search-empty{min-height:160px;color:var(--text-muted);place-items:center;font-size:15px;display:grid}.search-footer{border-top:1px solid var(--border);min-height:44px;color:var(--text-muted);align-items:center;padding:0 16px;font-size:13px;display:flex}.timeline-dialog{z-index:301;border:1px solid var(--border);background:var(--surface);width:min(820px,100vw - 28px);max-height:min(720px,100dvh - 28px);box-shadow:var(--shadow);border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.timeline-heading{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:76px;padding:12px 12px 12px 20px;display:flex}.timeline-heading>div{flex:1;min-width:0}.timeline-heading h2{margin:0;font-size:18px}.timeline-heading p{color:var(--text-muted);margin:5px 0 0;font-size:14px}.timeline-body{grid-template-columns:minmax(220px,34%) minmax(0,1fr);min-height:0;display:grid}.timeline-list{border-right:1px solid var(--border);min-height:0;padding:6px;overflow-y:auto}.timeline-list button{width:100%;min-height:58px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;padding:8px 10px;display:flex}.timeline-list button.selected{background:var(--accent-soft);color:var(--accent-strong)}.timeline-list button span{flex-direction:column;gap:3px;min-width:0;display:flex}.timeline-list strong{font-size:14px}.timeline-list small{color:var(--text-muted);font-size:13px}.timeline-empty{min-height:180px;color:var(--text-muted);text-align:center;place-items:center;padding:20px;font-size:14px;display:grid}.timeline-preview{background:var(--surface-2);min-height:260px;color:var(--text);font:14px/1.65 var(--font-code);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:20px;overflow:auto}.timeline-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;min-height:68px;padding:10px 14px;display:flex}.timeline-actions button:disabled{opacity:.45;cursor:default}.drop-overlay{z-index:30;border:2px dashed var(--accent);background:var(--accent-soft);justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:7px}@supports (color:color-mix(in lab, red, red)){.drop-overlay{background:color-mix(in srgb, var(--accent-soft) 90%, transparent)}}.drop-overlay{color:var(--accent-strong);pointer-events:none;font-size:13px;font-weight:650}.editor-drop{inset:10px}.external-editor-drop-zones{z-index:81;grid-template-rows:minmax(0,1fr) minmax(92px,26%);grid-template-columns:1fr 1fr;gap:10px;display:grid;position:absolute;inset:10px}.external-editor-drop-zones>div{border:2px dashed var(--accent);justify-content:center;align-items:center;gap:9px;display:flex}@supports (color:color-mix(in lab, red, red)){.external-editor-drop-zones>div{border:2px dashed color-mix(in srgb, var(--accent) 58%, transparent)}}.external-editor-drop-zones>div{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.external-editor-drop-zones>div{background:color-mix(in srgb, var(--surface) 88%, transparent)}}.external-editor-drop-zones>div{color:var(--accent-strong);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:16px;font-weight:650}.external-editor-drop-zones>div.active{border-color:var(--accent);background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.external-editor-drop-zones>div.active{background:color-mix(in srgb, var(--accent-soft) 94%, transparent)}}.external-editor-drop-zones>div.active{box-shadow:inset 0 0 0 2px var(--accent)}.external-drop-single{grid-column:1/-1}.empty-state{z-index:20;background:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;top:54px;bottom:0;right:0}.empty-symbol{border:1px solid var(--border);background:var(--surface-2);width:72px;height:72px;color:var(--accent-strong);font:700 18px var(--font-code);border-radius:8px;place-items:center;display:grid}.empty-state h1{letter-spacing:0;margin:20px 0 8px;font-size:20px}.empty-state p{max-width:430px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.primary-button,.secondary-button{border:1px solid var(--border);cursor:pointer;border-radius:5px;align-items:center;gap:9px;min-height:48px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-strong)}.secondary-button{background:var(--surface)}.secondary-button:hover{background:var(--surface-2)}.toast{z-index:200;right:max(16px, env(safe-area-inset-right));bottom:max(16px, calc(env(safe-area-inset-bottom) + 16px));border:1px solid var(--border);border-left:3px solid var(--danger);background:var(--surface);max-width:min(430px,100vw - 32px);box-shadow:var(--shadow);border-radius:6px;align-items:center;gap:12px;padding:12px 10px 12px 16px;font-size:14px;display:flex;position:fixed}.toast.success{border-left-color:var(--accent)}.toast button{background:0 0;border:0;border-radius:4px;place-items:center;min-height:44px;display:grid}.toast .toast-retry{width:auto;color:var(--accent);padding:0 10px;font-weight:650}.toast .toast-dismiss{flex:0 0 44px;width:44px}.dialog-overlay{z-index:300;background:#00000073;position:fixed;inset:0}.dialog-content{z-index:301;border:1px solid var(--border);background:var(--surface);width:min(440px,100vw - 28px);box-shadow:var(--shadow);border-radius:7px;padding:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-content h2{margin:0;font-size:17px}.dialog-content p{color:var(--text-muted);margin:8px 0 18px;font-size:13px}.dialog-check{align-items:center;gap:9px;min-height:44px;font-size:12px;display:flex}.dialog-check input{width:17px;height:17px;accent-color:var(--accent)}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.dialog-actions button:disabled{opacity:.55;cursor:default}.share-dialog .transfer-status,.pickup-dialog .transfer-status,.pickup-receive-dialog .transfer-status{margin:18px 0 4px}.share-result{justify-items:center;gap:14px;margin-top:16px;display:grid}.share-qr-code{width:192px;max-width:100%;height:192px;image-rendering:pixelated;background:#fff;border:8px solid #fff}.share-link-output{border:1px solid var(--border);background:var(--surface-2);width:100%;height:46px;color:var(--text);font:13px var(--font-code);border-radius:5px;outline:none;padding:0 11px}.share-link-output:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}@supports (color:color-mix(in lab, red, red)){.share-link-output:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent)}}.pickup-code-output{border:1px solid var(--border);background:var(--surface-2);min-height:72px;color:var(--text);font:700 32px var(--font-code);border-radius:6px;place-items:center;margin-top:16px;display:grid}.pickup-code-input{border:1px solid var(--border);background:var(--surface-2);width:100%;height:64px;color:var(--text);text-align:center;font:700 28px var(--font-code);border-radius:6px;outline:none;padding:0 14px}.pickup-code-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}@supports (color:color-mix(in lab, red, red)){.pickup-code-input:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent)}}.dialog-content .dialog-error{color:var(--danger);margin:10px 0 0;font-size:14px}.transfer-status{border:1px solid var(--border);background:var(--surface-2);min-height:52px;color:var(--text);box-shadow:var(--shadow);border-radius:6px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:4px 9px;padding:10px 12px;font-size:14px;font-weight:600;display:grid}.transfer-status>svg{color:var(--accent-strong)}.transfer-progress{background:var(--surface-3);border-radius:3px;grid-column:1/-1;height:3px;overflow:hidden}.transfer-progress span{border-radius:inherit;background:var(--accent);height:100%;transition:width .1s linear;display:block}.global-transfer-status{z-index:250;top:max(14px, calc(env(safe-area-inset-top) + 10px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(360px,100vw - 28px);position:fixed;left:50%;transform:translate(-50%)}.loading{background:var(--bg);place-items:center;height:100%;display:grid;position:relative}.loading-transfer-status{top:max(14px, calc(env(safe-area-inset-top) + 10px));width:min(360px,100vw - 28px);position:absolute;left:50%;transform:translate(-50%)}.loading-mark{color:var(--accent);font:700 18px var(--font-code);animation:1s infinite pulse}.tree-scroll::-webkit-scrollbar{width:12px;height:12px}.code-editor .cm-scroller::-webkit-scrollbar{width:12px;height:12px}.markdown-preview::-webkit-scrollbar{width:12px;height:12px}.image-stage::-webkit-scrollbar{width:12px;height:12px}.timeline-list::-webkit-scrollbar{width:12px;height:12px}.timeline-preview::-webkit-scrollbar{width:12px;height:12px}.global-search-results::-webkit-scrollbar{width:12px;height:12px}.zip-list-scroll::-webkit-scrollbar{width:12px;height:12px}.zip-code-container::-webkit-scrollbar{width:12px;height:12px}.tree-scroll::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.code-editor .cm-scroller::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.markdown-preview::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.image-stage::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.timeline-list::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.timeline-preview::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.global-search-results::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.zip-list-scroll::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.zip-code-container::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.zip-document-view{background:var(--surface);grid-template-columns:minmax(260px,340px) minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.zip-sidebar{border-right:1px solid var(--border);background:var(--surface-2);flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.zip-search-bar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:8px;height:44px;padding:0 10px;display:flex}.zip-search-icon{color:var(--text-muted);flex:none}.zip-search-input{min-width:0;height:32px;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:13px}.zip-search-clear{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.zip-toolbar{border-bottom:1px solid var(--border);background:var(--surface-2);flex-direction:column;gap:6px;min-height:42px;padding:8px 10px;font-size:13px;display:flex}.zip-toolbar-left{justify-content:space-between;align-items:center;gap:8px;display:flex}.zip-toolbar-button{color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:2px 4px;font-size:13px;font-weight:600;display:inline-flex}.zip-toolbar-button:hover{background:var(--surface-3)}.zip-stats-summary{color:var(--text-muted);white-space:nowrap;font-size:12px}.zip-toolbar-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.zip-action-btn{cursor:pointer;border:1px solid var(--border);white-space:nowrap;border-radius:4px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.zip-action-btn.primary{border-color:var(--accent);background:var(--accent);color:#fff}.zip-action-btn.primary:hover{background:var(--accent-strong)}.zip-action-btn.secondary{background:var(--surface);color:var(--text)}.zip-action-btn.secondary:hover{background:var(--surface-3)}.zip-list-scroll{overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:var(--surface-3) transparent;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0;padding:4px 0;overflow:hidden auto}.zip-empty-list{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:13px}.zip-entry-row{cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;height:38px;padding-right:8px;font-size:13px;transition:background .12s;display:flex;position:relative;overflow:hidden}.zip-entry-row:hover{background:var(--surface-3)}.zip-entry-row.active{background:var(--accent-soft);color:var(--accent-strong)}.zip-entry-check{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;place-items:center;padding:0;display:grid}.zip-entry-check:hover,.zip-entry-check.checked{color:var(--accent-strong)}.zip-chevron-btn{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;place-items:center;padding:0;display:grid}.zip-entry-spacer{flex:none;width:20px}.zip-entry-icon{flex:none}.zip-entry-icon.folder{color:#c88a26}.zip-entry-icon.image{color:#2b9348}.zip-entry-icon.video{color:#e85d04}.zip-entry-icon.audio{color:#7209b7}.zip-entry-icon.markdown{color:var(--accent-strong)}.zip-entry-icon.text{color:var(--cyan)}.zip-entry-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.zip-entry-size{color:var(--text-muted);flex:none;margin-left:auto;font-size:11px}.zip-preview-pane{background:var(--surface);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.zip-preview-wrapper{grid-template-rows:52px minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.zip-preview-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.zip-preview-info{align-items:center;gap:10px;min-width:0;display:flex}.zip-preview-info-icon{color:var(--accent);flex:none}.zip-preview-titles{flex-direction:column;gap:2px;min-width:0;display:flex}.zip-preview-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:650;overflow:hidden}.zip-preview-path{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.zip-preview-actions{flex:none;align-items:center;gap:8px;display:flex}.zip-preview-body{background:var(--surface-2);flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.zip-empty-preview,.zip-dir-preview,.zip-binary-preview{text-align:center;height:100%;color:var(--text-muted);background:var(--surface-2);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.zip-empty-icon,.zip-dir-icon,.zip-binary-icon{color:var(--text-muted);opacity:.85}.zip-empty-preview h3,.zip-dir-preview h4,.zip-binary-preview h4{color:var(--text);margin:0;font-size:18px}.zip-empty-actions,.zip-dir-actions,.zip-binary-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.zip-image-preview{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.zip-media-container{background:#111;place-items:center;width:100%;height:100%;padding:24px;display:grid;overflow:auto}.zip-video-element{width:min(100%,1000px);max-height:100%;display:block}.zip-audio-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;padding:32px;display:flex}.zip-audio-icon{color:#7209b7}.zip-audio-element{width:min(400px,90%)}.zip-markdown-container{background:var(--surface);width:100%;height:100%;overflow:auto}.zip-code-container{background:var(--surface);overscroll-behavior:contain;width:100%;height:100%;padding:16px;overflow:auto}.zip-code-pre{font-family:var(--font-code);color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.6}.dds-document-view{background:var(--surface);grid-template-rows:44px minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.dds-header-bar{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 14px;font-size:13px;display:flex}.dds-metadata-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dds-badge{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:4px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.dds-badge.format-badge{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dds-badge.format-badge{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}}.dds-badge.format-badge{color:var(--accent-strong);background:var(--accent-soft)}.dds-actions{align-items:center;gap:8px;display:flex}.dds-btn{cursor:pointer;border:1px solid var(--border);border-radius:4px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.dds-btn.primary{border-color:var(--accent);background:var(--accent);color:#fff}.dds-btn.primary:hover{background:var(--accent-strong)}.dds-btn.secondary{background:var(--surface);color:var(--text)}.dds-btn.secondary:hover{background:var(--surface-3)}.dds-preview-stage{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@media (width<=899px){.app-shell{padding-bottom:env(safe-area-inset-bottom);grid-template-rows:minmax(0,1fr)}.brand{min-width:0}.brand strong,.app-menu-button span{display:none}.app-menu-button{justify-content:center;width:36px;padding:0}.mobile-editor{height:100%}.drawer-scrim{z-index:50;background:#0000005c;border:0;position:absolute;inset:0}.sidebar-drawer{z-index:60;width:min(84vw,340px);box-shadow:var(--shadow);animation:.16s ease-out slide-in;position:absolute;inset:0 auto 0 0}.no-file-state{padding:24px}.no-file-state h1{font-size:18px}.markdown-preview{padding:22px 20px 70px}.search-result-path{display:none}.timeline-dialog{height:min(720px,100dvh - 20px)}.timeline-body{grid-template-rows:minmax(150px,38%) minmax(0,1fr);grid-template-columns:1fr}.timeline-list{border-right:0;border-bottom:1px solid var(--border)}.zip-document-view{grid-template-rows:minmax(180px,42%) minmax(0,1fr);grid-template-columns:1fr}}@media (pointer:coarse){.icon-button{flex-basis:44px;width:44px;height:44px}.tree-row{height:44px}.tree-grip{width:24px;height:40px;color:var(--text-muted)}.resize-handle{flex-basis:16px;width:16px}.resize-handle:before{width:4px}.tree-scroll::-webkit-scrollbar{width:14px;height:14px}.code-editor .cm-scroller::-webkit-scrollbar{width:14px;height:14px}.markdown-preview::-webkit-scrollbar{width:14px;height:14px}.image-stage::-webkit-scrollbar{width:14px;height:14px}.zip-list-scroll::-webkit-scrollbar{width:14px;height:14px}.zip-code-container::-webkit-scrollbar{width:14px;height:14px}.menu-item,.app-menu-button{min-height:44px}.topbar{gap:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes slide-in{0%{transform:translate(-100%)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}