:root{--color-cream:#fff0dc;--color-cream-dim:rgba(255,240,220,0.7);--color-cream-faint:rgba(255,240,220,0.5);--color-teal:#2089a3;--color-dark:#333333;--color-dark-mid:#424242;--color-dark-light:#6b6b6b;--color-muted:#8d8d8d;--color-light-muted:#a6a6a6;--color-border-light:#d9d9d9;--color-white:#ffffff;--color-black:#000000;--color-danger:#b3261e;--color-success:#4caf50;--panel-gradient-from:rgba(150,158,169,0.6);--panel-gradient-to:rgba(42,42,42,0.4);--statusbar-bg:rgba(46,46,46,0.5);--tab-label-bg:rgba(51,51,51,0.7);--tab-scroll-wrap-bg:rgba(255,240,220,0.7);--tab-bar-bg:rgba(255,240,220,0.75);--tab-active-bg:#333333;--tab-action-pill-bg:#424242;--tab-action-segment-bg:#333333;--sticky-yellow:#fdf5ad;--sticky-yellow-header:#f6ed99;--sticky-green:#adfdad;--sticky-green-header:#99f699;--sticky-blue:#adc8fd;--sticky-blue-header:#99b4f6;--sticky-pink:#fcb8d5;--sticky-pink-header:#f2a3c3;--sticky-purple:#d8adfd;--sticky-purple-header:#c699f6;--sticky-orange:#fdcaad;--sticky-orange-header:#f6b899;--sticky-cyan:#adf3fd;--sticky-cyan-header:#99e7f6;--comment-bg-normal:#cce4ff;--comment-bg-correction:#ffd1d1;--reference-line:#1e63d8;--chat-assistant-bg:#fff0dc;--chat-assistant-border:#8d8d8d;--chat-user-bg:#ffffff;--chat-user-border:#333333;--font-primary:'Noto Sans',sans-serif;--font-editor:'Courier Prime',monospace;--font-stickynote:'Grape Nuts',cursive;--font-mono:ui-monospace,monospace;--text-xs:10px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--gap-xs:2px;--gap-sm:5px;--gap-md:10px;--gap-lg:20px;--gap-xl:30px;--gap-pill:3px;--radius-sm:4px;--radius-md:5px;--radius-lg:10px;--radius-round:20px;--radius-pill:3px;--app-background-image:url('../img/app-background.avif');--glass-blur:12px;--glass-saturate:1.2;--glass-brightness:1.05;--glass-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness));--glass-edge-shadow:inset 0 0 4px 0 rgba(255,255,255,0.5);--glass-light-angle:-45deg;--glass-light-from:rgba(255,255,255,0.15);--glass-light-to:transparent;--hover-wash:rgba(255,255,255,0.1);--shadow-panel:0px 2px 8px rgba(0,0,0,0.12);--shadow-text:2px 2px 2px rgba(0,0,0,0.25);--shadow-text-glow:0px 0px 4px rgba(0,0,0,0.25);--shadow-light:0px 2px 4px rgba(0,0,0,0.25);--shadow-element:2px 2px 4px rgba(0,0,0,0.25);--shadow-logo:0px 0px 8px rgba(0,0,0,0.25);--shadow-inset:inset 0px 0px 4px rgba(0,0,0,0.25);--shadow-inset-sm:inset 0px 0px 2px rgba(0,0,0,0.25);--shadow-page:2px 2px 4px rgba(0,0,0,0.5);--header-height:100px;--footer-height:32px;--nav-width:432px;--nav-min-width:300px;--nav-collapsed-width:48px;--chat-width:432px;--chat-min-width:300px;--chat-collapsed-width:48px;--work-area-min-width:400px;--work-area-max-width:1500px;--work-area-zoom:1;--toolbar-width:800px;--transition-panel:width 0.3s ease,min-width 0.3s ease,padding 0.3s ease;--transition-fade:opacity 0.2s ease;--transition-color:color 0.15s ease,background-color 0.15s ease;--z-background:0;--z-panels:10;--z-toolbar:20;--z-sticky-notes:30;--z-side-panel:35;--z-header:40;--z-footer:40;--z-notification-panel:50;--z-find-replace:60;--z-modal:100;--z-modal-settings:110;--z-modal-help:120;--z-plan-board-type-picker:125;--z-notification:130;--z-popup:200;--z-welcome-fade:950;--z-login-screen:1000;--z-pre-auth-screen:1100;--z-mobile-warning:1500;--z-session-ended:2000;--modal-overlay-bg:rgba(26,26,26,0.5);--modal-overlay-blur:21px;--scrollbar-thumb-light:rgba(255,255,255,0.4);--scrollbar-thumb-light-hover:rgba(255,255,255,0.6);--scrollbar-thumb-dark:rgba(0,0,0,0.25);--scrollbar-thumb-dark-hover:rgba(0,0,0,0.4);--editor-blue-rgb:48,95,189;--pm-blockquote-border:#c7d2fe;--pm-blockquote-text:#475467;--pm-blockquote-bg:#f8fafc;--pm-codeblock-bg:#111827;--pm-codeblock-text:#f9fafb;--pm-code-border:#e4e7ec;--pm-link:#1d4ed8;--pm-hr:#cfd6e4;--pm-table-border:#9ca3af;--pm-fill-faint:#f2f4f7;--ruler-bg:#cfd6e1;--ruler-band-bg:#f5f7fb;--ruler-margin-bg:#d7dde6;--ruler-border:#d0d5dd;--ruler-border-mid:#bcc6d4;--ruler-border-strong:#aeb7c4;--ruler-handle:#64748b;--ruler-handle-mid:#7c8797;--ruler-handle-soft:#8b96a8}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-primary);font-size:var(--text-base);line-height:1.4;color:var(--color-dark);background-color:var(--color-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{position:relative}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{border:none;background:none;cursor:pointer;font:inherit;color:inherit;padding:0;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}button::-moz-focus-inner{border:0;padding:0}button:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,[contenteditable]:focus,[contenteditable]:focus-visible{outline:none}input,textarea{border:none;background:none;font:inherit;color:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{resize:none}input::placeholder,textarea::placeholder{font-style:italic}hr{box-sizing:content-box;height:0;overflow:visible}img{display:block;max-width:100%;height:auto}i[class*="fa-"]{line-height:1;display:inline-block;vertical-align:middle}span{line-height:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-light-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-light) transparent}::selection{background:var(--color-teal);color:var(--color-white)}#app-background{position:fixed;inset:0;z-index:var(--z-background);background-image:var(--app-background-image);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:var(--radius-lg)}#app-container{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--gap-sm);width:100vw;height:100vh;min-width:1200px;min-height:700px;border-radius:var(--radius-lg);overflow:hidden}:root{--nav-current-width:var(--nav-width);--chat-current-width:var(--chat-width)}body:has(#nav-panel[data-collapsed="true"]){--nav-current-width:var(--nav-collapsed-width)}body:has(#chat-panel[data-collapsed="true"]){--chat-current-width:var(--chat-collapsed-width)}#chat-panel[hidden]{display:none}body:has(#chat-panel[hidden]){--chat-current-width:0px}#app-main{position:relative;display:flex;flex:1 1 0;min-height:0}.side-panel{position:absolute;top:0;bottom:0;z-index:var(--z-side-panel,1);display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--gap-md);background:linear-gradient(to bottom,var(--panel-gradient-from),var(--panel-gradient-to));backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);box-shadow:var(--shadow-panel),var(--glass-edge-shadow);transition:var(--transition-panel);overflow:hidden}#app-header::before,.side-panel::before,#app-footer::before,#work-toolbar::before{content:'';position:absolute;inset:0;background:linear-gradient(var(--glass-light-angle),var(--glass-light-from),var(--glass-light-to) 60%);border-radius:inherit;pointer-events:none;z-index:0;border:1px solid rgba(255,255,255,0.25)}#app-header>*,.side-panel>*,#app-footer>*,#work-toolbar>*{position:relative;z-index:1}#nav-panel{left:0;width:var(--nav-width);min-width:var(--nav-min-width);border-radius:0 var(--radius-lg) var(--radius-lg) 0}#nav-panel[data-collapsed="true"]{width:var(--nav-collapsed-width);min-width:var(--nav-collapsed-width);padding:var(--gap-md) var(--gap-sm)}#chat-panel{right:0;width:var(--chat-width);min-width:var(--chat-min-width);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}#chat-panel[data-collapsed="true"]{width:var(--chat-collapsed-width);min-width:var(--chat-collapsed-width);padding:var(--gap-md) var(--gap-sm)}.side-panel[data-collapsed="true"] .panel-content,.side-panel[data-collapsed="true"] .search-bar,.side-panel[data-collapsed="true"] .panel-spacer,.side-panel[data-collapsed="true"] #chat-input-area{display:none}.panel-content-collapsed{display:none}.side-panel[data-collapsed="true"] .panel-content-collapsed{display:flex}.panel-toolbar{display:flex;align-items:center;height:24px;flex-shrink:0}.panel-spacer{width:var(--gap-md);flex-shrink:0}.panel-content{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--gap-sm);padding-right:var(--gap-xs);scrollbar-gutter:stable}.panel-content::-webkit-scrollbar{width:8px;background:transparent}.panel-content::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.panel-content:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-light)}.panel-content:hover::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-light-hover)}.panel-content{scrollbar-width:thin;scrollbar-color:transparent transparent}.panel-content:hover{scrollbar-color:var(--scrollbar-thumb-light) transparent}.panel-collapse-btn{color:var(--color-cream);font-size:var(--text-lg);text-shadow:var(--shadow-text);flex-shrink:0;transition:var(--transition-color)}.panel-collapse-btn:hover{color:var(--color-white)}#app-header{display:flex;align-items:stretch;height:var(--header-height);flex-shrink:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(to bottom,var(--panel-gradient-from),var(--panel-gradient-to));backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);box-shadow:var(--shadow-panel),var(--glass-edge-shadow);position:relative;z-index:var(--z-header)}#app-header.header-flash::after{content:'';position:absolute;inset:0;background:var(--color-white);border-radius:inherit;pointer-events:none;z-index:2;opacity:0;animation:header-flash 3000ms ease-out forwards}@keyframes header-flash{0%{opacity:0}8%{opacity:0.7}100%{opacity:0}}.header-section{display:flex;position:relative}#header-left{width:300px;min-width:300px;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-md);padding:var(--gap-sm);overflow:hidden}#header-notifications{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-sm) var(--gap-md);border-radius:var(--radius-lg);color:var(--color-cream);transition:var(--transition-color)}#header-notifications:hover{background:var(--hover-wash)}#header-notifications i{font-size:var(--text-xl);text-shadow:var(--shadow-text)}.notification-text{font-size:var(--text-lg);text-shadow:var(--shadow-text)}#header-center{flex:1 1 0;min-width:0;flex-direction:column;align-items:center;padding:var(--gap-sm) 0;overflow:hidden}#header-logo-row{display:flex;align-items:center;justify-content:center;width:100%;padding-bottom:3px}.title-grip{flex:1 1 0;min-width:0;height:1px;background:var(--color-dark);align-self:center;margin:0 var(--gap-sm)}#app-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--gap-xs)}#app-logo img{width:126px;height:24px;object-fit:cover;box-shadow:var(--shadow-logo)}#header-context{flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--gap-sm) 0;background:var(--color-cream);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);overflow:hidden}#context-workspace{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);width:calc(100% - 10px);padding:var(--gap-xs) 0;background:var(--color-dark-mid);color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-light);font-size:var(--text-md);white-space:nowrap;overflow:hidden}#context-workspace i{font-size:var(--text-md);text-shadow:var(--shadow-text)}#context-workspace-name{font-weight:700;font-size:var(--text-base)}#context-view{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);flex:1 1 0;padding:var(--gap-sm);white-space:nowrap;overflow:hidden}#context-view i{font-size:var(--text-lg);color:var(--color-dark-mid);text-shadow:var(--shadow-text)}#context-view-name{font-size:var(--text-xl);color:var(--color-dark);text-shadow:var(--shadow-light)}#header-right{width:300px;min-width:300px;flex-shrink:0;flex-direction:column;align-items:flex-end;padding:var(--gap-sm);overflow:hidden}#header-user{flex:1 1 0;display:flex;align-items:center;justify-content:flex-end;padding:0 var(--gap-md)}#header-username{font-size:var(--text-lg);font-weight:700;color:var(--color-cream);text-shadow:var(--shadow-text);white-space:nowrap}#header-options{display:flex;align-items:center;gap:var(--gap-lg);padding:var(--gap-md)}.header-icon-btn{display:inline-flex;align-items:center;line-height:1;font-size:var(--text-xl);color:var(--color-cream);text-shadow:var(--shadow-text);transition:var(--transition-color)}.header-icon-btn:hover{color:var(--color-white)}.header-feedback-btn{display:inline-flex;align-items:center;line-height:1;gap:var(--gap-sm);padding:var(--gap-xs) var(--gap-md);color:var(--color-cream);font-size:var(--text-md);font-weight:700;text-shadow:var(--shadow-text);background:rgba(255,255,255,0.12);border:1px solid var(--color-cream);border-radius:999px;cursor:pointer;white-space:nowrap;transition:var(--transition-color),background 0.15s ease}.header-feedback-btn:hover{color:var(--color-white);background:rgba(255,255,255,0.2)}.header-feedback-btn[hidden]{display:none}#nav-content{padding-left:var(--gap-sm)}#nav-content,#nav-content-collapsed{cursor:default;user-select:none;-webkit-user-select:none}.nav-universe{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-pill) 0;font-size:var(--text-lg);white-space:nowrap}.nav-universe-title{display:flex;align-items:center;gap:var(--gap-md);flex:1 1 0;min-width:0;padding:var(--gap-pill) 0;text-shadow:var(--shadow-text)}.nav-universe-title .nav-icon-accent{color:var(--color-white)}.nav-universe-name{color:var(--color-cream)}.nav-section{display:flex;flex-direction:column;gap:var(--gap-sm);padding-left:var(--gap-md)}.nav-separator{width:100%;margin:var(--gap-sm) 0;border:none}.nav-separator.dashed{border-top:1px dashed var(--color-cream-faint)}.nav-separator.solid{border-top:1px solid var(--color-cream-faint)}.nav-tree-root{display:flex;flex-direction:column;gap:0}.nav-tree-title{display:flex;align-items:center;gap:var(--gap-sm);height:32px;padding-right:0;font-size:var(--text-lg);white-space:nowrap;overflow:hidden;cursor:pointer}.nav-tree-title .nav-item-name,.nav-tree-title .nav-category-name{color:var(--color-cream);text-shadow:var(--shadow-text);overflow:hidden;text-overflow:ellipsis}.nav-tree-title .nav-category-name{font-weight:700}.nav-expand-btn{color:var(--color-cream-dim);font-size:var(--text-lg);text-shadow:var(--shadow-text);flex-shrink:0;width:18px;text-align:center;transition:var(--transition-color)}.nav-expand-btn:hover{color:var(--color-cream)}.nav-tree-root.collapsed .nav-expand-btn i{transform:rotate(-90deg);transition:transform 0.2s ease;text-shadow:-2px 2px 2px rgba(0,0,0,0.25)}.nav-expand-btn i{transition:transform 0.2s ease}.nav-icon-accent{color:var(--color-teal);text-shadow:var(--shadow-text);flex-shrink:0}.nav-icon-cream{color:var(--color-cream);flex-shrink:0}.nav-spacer{flex:1 1 0;min-width:0}.nav-menu-btn{color:var(--color-cream-faint);font-size:var(--text-lg);text-shadow:var(--shadow-text);flex-shrink:0;transition:var(--transition-color);opacity:0;padding:4px 6px;margin:-4px -6px;display:inline-flex;align-items:center;justify-content:center}.nav-tree-root:hover .nav-menu-btn{opacity:1}.nav-menu-btn:hover{color:var(--color-cream)}.nav-universe:hover .nav-universe-menu-btn{opacity:1}.nav-tree-subtitle{display:flex;align-items:center;gap:var(--gap-md);padding-left:var(--gap-md)}.nav-subtitle-text{flex:1 1 0;min-width:0;color:var(--color-white);font-size:var(--text-xs);text-shadow:var(--shadow-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-subtitle-text.empty{font-style:italic;color:var(--color-cream-faint)}.nav-revision-tag{background:var(--color-dark);color:var(--color-white);font-size:var(--text-xs);font-weight:700;padding:var(--gap-xs) var(--gap-sm);border-radius:var(--radius-pill);box-shadow:var(--shadow-element);white-space:nowrap}.nav-tree-children{display:flex;flex-direction:column}.nav-tree-root.collapsed .nav-tree-children,.nav-tree-root.collapsed .nav-tree-subtitle{display:none}.nav-page-group.collapsed>.nav-tree-children--nested{display:none}.nav-page-group.collapsed>.nav-page-row--episode .nav-expand-btn i{transform:rotate(-90deg);text-shadow:-2px 2px 2px rgba(0,0,0,0.25)}.nav-tree-item{display:flex;align-items:center;gap:var(--gap-md);height:24px;padding-left:var(--gap-xl);font-size:var(--text-md);color:var(--color-cream);text-shadow:var(--shadow-text);white-space:nowrap;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-color);overflow:hidden}.nav-tree-item i{font-size:var(--text-lg);width:20px;text-align:center;flex-shrink:0}.nav-tree-item>span:not(.nav-spacer){min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-tree-item:hover{background:var(--hover-wash)}.nav-universe-title,.nav-tree-title{border-radius:var(--radius-sm)}.nav-universe-title:hover,.nav-tree-title:hover{background:var(--hover-wash)}.nav-tree-root.active-project>.nav-tree-title i{color:var(--color-white)}.nav-tree-root.active-project .nav-tree-item i{color:var(--color-teal)}.nav-page-group.active-episode>.nav-page-row--episode .nav-icon-cream{color:var(--color-white)}.nav-notes-section:has(>.nav-notes-rows>.nav-tree-item.active)>.nav-notes-title i{color:var(--color-white)}.nav-tree-item.active{background:var(--color-teal);color:var(--color-white);box-shadow:var(--shadow-element);padding-top:var(--gap-pill);padding-bottom:var(--gap-pill);font-weight:700}.nav-tree-item.active i,.nav-tree-root.active-project .nav-tree-item.active i{color:var(--color-white)}body.nav-dragging,body.nav-dragging .nav-page-row,body.nav-dragging .nav-page-group,body.nav-dragging .nav-tree-root[data-project-id]{cursor:grabbing}.nav-page-row.dragging-source,.nav-page-group.dragging-source,.nav-tree-root[data-project-id].dragging-source{opacity:0.4}.nav-page-row[data-drop-edge],.nav-page-group[data-drop-edge],.nav-tree-root[data-project-id][data-drop-edge]{position:relative}.nav-page-row[data-drop-edge="top"]::before,.nav-page-group[data-drop-edge="top"]::before,.nav-tree-root[data-project-id][data-drop-edge="top"]::before,.nav-page-row[data-drop-edge="bottom"]::after,.nav-page-group[data-drop-edge="bottom"]::after,.nav-tree-root[data-project-id][data-drop-edge="bottom"]::after{content:"";position:absolute;left:0;right:0;height:2px;background:#000;box-shadow:0 0 4px rgba(0,0,0,0.6);pointer-events:none;z-index:1}.nav-page-row[data-drop-edge="top"]::before,.nav-page-group[data-drop-edge="top"]::before,.nav-tree-root[data-project-id][data-drop-edge="top"]::before{top:-1px}.nav-page-row[data-drop-edge="bottom"]::after,.nav-page-group[data-drop-edge="bottom"]::after,.nav-tree-root[data-project-id][data-drop-edge="bottom"]::after{bottom:-1px}.nav-page-group{display:flex;flex-direction:column}.nav-tree-children--nested .nav-tree-item{padding-left:calc(var(--gap-xl) + 18px + var(--gap-md) + var(--gap-lg))}.nav-separator--inset{margin-left:var(--gap-xl);margin-right:var(--gap-md)}.nav-notes-title{height:24px;font-size:var(--text-md);padding-left:var(--gap-md)}.nav-notes-title .nav-item-name{font-weight:700}.nav-notes-rows .nav-tree-item{padding-left:calc(var(--gap-xl) + var(--gap-lg))}.nav-tree-children--nested>.nav-episode-notes-separator{margin-left:calc(var(--gap-xl) + 18px + var(--gap-md) + var(--gap-lg) + 8px)}.nav-tree-children--nested>.nav-episode-notes-section>.nav-notes-title{padding-left:calc(18px + var(--gap-md) + var(--gap-lg) + 8px)}.nav-tree-children--nested .nav-episode-notes-section .nav-notes-rows .nav-tree-item{padding-left:calc(18px + var(--gap-md) + var(--gap-lg) + 8px + var(--gap-xl) + var(--gap-lg) - var(--gap-md))}#nav-content-collapsed{flex:1 1 0;min-height:0;flex-direction:column;align-items:center;gap:var(--gap-md);overflow-y:auto;overflow-x:hidden;padding:var(--gap-sm) 0;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}#nav-content-collapsed:hover{scrollbar-color:var(--scrollbar-thumb-light) transparent}#nav-content-collapsed::-webkit-scrollbar{width:6px;background:transparent}#nav-content-collapsed::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}#nav-content-collapsed:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-light)}.nav-collapsed-section{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);width:100%}#nav-content-collapsed .nav-separator{width:60%;margin:var(--gap-xs) 0}.nav-collapsed-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--color-cream);text-shadow:var(--shadow-text);font-size:var(--text-lg);transition:var(--transition-color),background-color 0.15s ease;flex-shrink:0}.nav-collapsed-icon i{color:inherit;width:20px;text-align:center}.nav-collapsed-icon:hover{background:var(--hover-wash);color:var(--color-white)}.nav-collapsed-icon.universe i{color:var(--color-teal)}.nav-collapsed-icon.universe:hover i{color:var(--color-teal);filter:brightness(1.15)}.nav-collapsed-icon.active-group i{color:var(--color-teal)}.nav-collapsed-icon.active-group:hover i{color:var(--color-teal);filter:brightness(1.15)}.nav-collapsed-icon.viewing,.nav-collapsed-icon.viewing:hover{background:var(--color-teal);box-shadow:var(--shadow-element)}.nav-collapsed-icon.viewing i,.nav-collapsed-icon.viewing:hover i{color:var(--color-white);filter:none}#work-area{flex:1 1 0;min-width:var(--work-area-min-width);display:flex;flex-direction:column;gap:var(--gap-sm);align-items:center;padding:0 var(--gap-md) var(--gap-sm);overflow:hidden}#work-toolbar,#tool-interface{--work-area-content-cap:calc(100vw - 2 * max(var(--nav-current-width),var(--chat-current-width)) - 2 * var(--gap-md));transition:max-width 0.3s ease}#work-toolbar{display:flex;align-items:center;gap:var(--gap-md);width:var(--toolbar-width);max-width:min(100%,var(--work-area-content-cap));padding:8px var(--gap-lg);border-radius:var(--radius-lg);background:linear-gradient(to bottom,var(--panel-gradient-from),var(--panel-gradient-to));backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);box-shadow:var(--shadow-panel),var(--glass-edge-shadow);flex-shrink:0;z-index:var(--z-toolbar);overflow:hidden;position:relative}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:var(--gap-md)}.toolbar-left{flex:1 1 0;min-width:0}.toolbar-right{flex-shrink:0}.toolbar-separator{width:1px;height:20px;background:var(--color-cream-faint);margin:0 var(--gap-sm);flex-shrink:0}.toolbar-btn{color:var(--color-cream);font-size:var(--text-lg);text-shadow:var(--shadow-text);transition:var(--transition-color)}.toolbar-btn i,.toolbar-btn svg{display:inline-block;width:1.25em;text-align:center}.toolbar-btn:hover:not(.disabled){color:var(--color-white)}.toolbar-btn.disabled,.toolbar-btn:disabled{color:var(--color-cream-faint);cursor:default}.toolbar-btn--inactive{color:var(--color-cream-faint)}#tool-interface{flex:1 1 0;min-height:0;width:100%;max-width:min(calc(var(--work-area-max-width) * var(--work-area-zoom)),var(--work-area-content-cap));position:relative;overflow:clip;overflow-clip-margin:2500px}.tool-view{position:absolute;inset:0;overflow:clip;overflow-clip-margin:2500px}.page-editor-view{overflow:hidden;display:flex;flex-direction:column;gap:var(--gap-sm)}.page-editor-scroll{flex:1 1 0;min-height:0;overflow-x:auto;overflow-y:auto;display:flex;flex-direction:column;align-items:safe center;scrollbar-gutter:stable}.page-editor-scroll::-webkit-scrollbar{width:8px;background:transparent}.page-editor-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.page-editor-scroll:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-light)}.page-editor-scroll:hover::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-light-hover)}.page-editor-scroll{scrollbar-width:thin;scrollbar-color:transparent transparent}.page-editor-scroll:hover{scrollbar-color:var(--scrollbar-thumb-light) transparent}.page-zoom-layer{position:relative;flex-shrink:0;zoom:var(--page-zoom,1)}.page-surface{background:var(--page-surface-background,#FFFFFF);border:1px solid rgba(0,0,0,0.25);box-shadow:var(--shadow-page);overflow:hidden}.page-text{font-family:var(--font-editor);font-size:var(--text-sm);color:var(--color-black);line-height:1.6}.sourcebook-view .page-surface{display:flex;flex-direction:column}.sticky-notes-layer{position:absolute;inset:0;pointer-events:none;z-index:var(--z-sticky-notes)}.sticky-notes-layer--hidden .sticky-note{display:none}.sticky-note{position:absolute;width:256px;height:256px;display:flex;flex-direction:column;box-shadow:var(--shadow-element);overflow:hidden;pointer-events:auto;font-family:var(--font-stickynote)}.sticky-note[data-color="yellow"]{background:var(--sticky-yellow)}.sticky-note[data-color="yellow"] .sticky-header{background:var(--sticky-yellow-header)}.sticky-note[data-color="green"]{background:var(--sticky-green)}.sticky-note[data-color="green"] .sticky-header{background:var(--sticky-green-header)}.sticky-note[data-color="blue"]{background:var(--sticky-blue)}.sticky-note[data-color="blue"] .sticky-header{background:var(--sticky-blue-header)}.sticky-note[data-color="pink"]{background:var(--sticky-pink)}.sticky-note[data-color="pink"] .sticky-header{background:var(--sticky-pink-header)}.sticky-note[data-color="purple"]{background:var(--sticky-purple)}.sticky-note[data-color="purple"] .sticky-header{background:var(--sticky-purple-header)}.sticky-note[data-color="orange"]{background:var(--sticky-orange)}.sticky-note[data-color="orange"] .sticky-header{background:var(--sticky-orange-header)}.sticky-note[data-color="cyan"]{background:var(--sticky-cyan)}.sticky-note[data-color="cyan"] .sticky-header{background:var(--sticky-cyan-header)}.sticky-header{position:relative;display:flex;align-items:center;justify-content:center;height:32px;padding:var(--gap-sm) 24px;flex-shrink:0;cursor:grab}.sticky-note.dragging .sticky-header{cursor:grabbing}.sticky-title-zone{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:center;min-width:5em;max-width:100%;height:100%;cursor:text;overflow:hidden}.sticky-note.locked .sticky-title-zone{cursor:grab}.sticky-note.locked.dragging .sticky-title-zone{cursor:grabbing}.sticky-title{display:inline-block;min-width:1px;max-width:100%;font-size:var(--font-stickynote-title-size,var(--text-lg));color:var(--color-black);text-align:center;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-header:has(.sticky-title:empty)::before{content:'Title';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,0.35);font-style:italic;font-size:var(--font-stickynote-title-size,var(--text-lg));pointer-events:none;opacity:0;transition:opacity 0.15s ease}.sticky-body-text:empty::before{content:attr(data-placeholder);color:rgba(0,0,0,0.35);font-style:italic;pointer-events:none;opacity:0;transition:opacity 0.15s ease}.sticky-note:hover .sticky-header:has(.sticky-title:empty)::before,.sticky-note:hover .sticky-body-text:empty::before,.sticky-note:focus-within .sticky-header:has(.sticky-title:empty)::before,.sticky-note:focus-within .sticky-body-text:empty::before{opacity:1}.sticky-body{flex:1 1 0;min-height:0;display:flex;padding:var(--gap-sm);font-size:var(--font-stickynote-body-size,var(--text-md));color:var(--color-black);line-height:1.4}.sticky-body-text{flex:1 1 0;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;outline:none;cursor:text;word-wrap:break-word;scrollbar-gutter:stable}.sticky-note.locked .sticky-body,.sticky-note.locked .sticky-body-text{cursor:grab}.sticky-note.locked.dragging .sticky-body,.sticky-note.locked.dragging .sticky-body-text{cursor:grabbing}.sticky-body-text{scrollbar-width:thin;scrollbar-color:transparent transparent}.sticky-body-text:hover,.sticky-body-text:focus{scrollbar-color:var(--scrollbar-thumb-dark) transparent}.sticky-body-text::-webkit-scrollbar{width:8px;background:transparent}.sticky-body-text::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.sticky-body-text:hover::-webkit-scrollbar-thumb,.sticky-body-text:focus::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-dark)}.sticky-body-text:hover::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-dark-hover)}.sticky-footer{display:flex;align-items:center;justify-content:space-between;height:24px;padding:var(--gap-sm);overflow:hidden;opacity:0;pointer-events:none;transition:opacity 0.15s ease}.sticky-note:hover .sticky-footer{opacity:1;pointer-events:auto}.sticky-btn{font-size:var(--text-md);color:var(--color-dark-light);text-shadow:var(--shadow-text-glow);transition:var(--transition-color);background:transparent;border:0;padding:0 var(--gap-xs);cursor:pointer}.sticky-btn:hover{color:var(--color-dark)}.sticky-note.locked .sticky-btn--delete,.sticky-note.locked .sticky-btn--color{display:none}#chat-content{display:flex;gap:var(--gap-sm)}.chat-messages{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--gap-md)}.chat-message{display:flex;flex-direction:column;gap:0;width:100%}.chat-bubble{padding:var(--gap-md);font-size:var(--chat-font-size,var(--text-sm));color:var(--color-black);line-height:1.5;overflow:hidden;border:1px solid}.chat-bubble p{margin-bottom:6px}.chat-bubble p:last-child{margin-bottom:0}.chat-bubble strong{font-weight:700}.chat-bubble ul{list-style:disc;padding-left:18px;margin-top:4px}.chat-bubble li{margin-bottom:4px;line-height:1.4}.chat-message.assistant .chat-bubble{background:var(--chat-assistant-bg);border-color:var(--chat-assistant-border);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg)}.chat-message.user .chat-bubble{background:var(--chat-user-bg);border-color:var(--chat-user-border);border-radius:var(--radius-lg) var(--radius-lg) 0 var(--radius-lg);text-align:right}.chat-message.chat-message-error .chat-bubble{background:rgba(179,38,30,0.08);border-color:var(--color-danger,#b3261e);color:var(--color-danger,#b3261e);font-style:italic}.popup-menu.chat-history-menu{min-width:280px;max-width:380px}.chat-action-btn{position:relative}.chat-action-btn.chat-action-confirmed{color:var(--color-success,#4caf50)}.chat-action-btn.chat-action-reading{color:var(--color-teal)}.chat-action-tip{position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.85);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;line-height:1.4;white-space:nowrap;pointer-events:none;z-index:1;animation:chat-action-tip-fade 1.5s ease-out forwards}@keyframes chat-action-tip-fade{0%{opacity:0;transform:translate(-4px,-50%)}15%{opacity:1;transform:translate(0,-50%)}75%{opacity:1}100%{opacity:0}}.chat-actions{display:flex;align-items:center;gap:var(--gap-md);padding-top:var(--gap-sm);justify-content:flex-end;overflow:hidden}.chat-actions-spacer{flex:1 1 0;min-width:0}.chat-action-btn{font-size:var(--text-base);color:var(--color-dark-mid);transition:var(--transition-color)}.chat-action-btn:hover{color:var(--color-teal)}#chat-input-area{padding:0 var(--gap-md);padding-bottom:var(--gap-sm);flex-shrink:0}.chat-input-box{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap-sm);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);overflow:visible}.chat-textarea-wrap{padding:var(--gap-sm);min-height:32px;overflow:hidden}#chat-input{width:100%;font-size:var(--chat-font-size,var(--text-sm));color:var(--color-black);background:transparent;line-height:1.4;white-space:pre-wrap;overflow-wrap:break-word;overflow-y:auto;outline:none;cursor:text;min-height:20px}#chat-input:empty::before{content:attr(data-placeholder);color:var(--color-light-muted);font-style:italic;pointer-events:none}#chat-input{scrollbar-color:var(--color-dark-mid) transparent}#chat-input::-webkit-scrollbar{width:8px}#chat-input::-webkit-scrollbar-track{background:transparent}#chat-input::-webkit-scrollbar-thumb{background:var(--color-dark-mid);border-radius:4px}#chat-input::-webkit-scrollbar-thumb:hover{background:var(--color-black)}.chat-input-buttons{display:flex;align-items:center;gap:var(--gap-md);height:32px;overflow:visible}.chat-input-left{display:flex;align-items:center;gap:var(--gap-md);flex:1 1 0;min-width:0}.chat-round-btn{width:32px;height:32px;border-radius:var(--radius-round);background:var(--color-dark-mid);border:1px solid var(--color-border-light);color:var(--color-cream);font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;text-shadow:var(--shadow-text-glow);box-shadow:var(--shadow-inset);transition:var(--transition-color);flex-shrink:0}.chat-round-btn:hover{background:var(--color-dark);color:var(--color-white)}.chat-round-btn.chat-mic-listening{color:var(--color-teal);text-shadow:0 0 4px var(--color-teal),0 0 8px var(--color-teal);animation:chat-mic-listening-pulse 1.4s ease-in-out infinite}.chat-round-btn.chat-mic-listening:hover{color:var(--color-teal)}@keyframes chat-mic-listening-pulse{0%,100%{box-shadow:var(--shadow-inset),0 0 0 2px var(--color-teal),0 0 6px 0 var(--color-teal)}50%{box-shadow:var(--shadow-inset),0 0 0 3px var(--color-teal),0 0 14px 2px var(--color-teal)}}@media (prefers-reduced-motion:reduce){.chat-round-btn.chat-mic-listening{animation:none;box-shadow:var(--shadow-inset),0 0 0 2px var(--color-teal),0 0 8px 0 var(--color-teal)}}#chat-panel[data-collapsed="true"]{overflow:visible}#chat-panel[data-collapsed="true"] #chat-content{display:none}#chat-panel[data-collapsed="true"] #chat-input-area{display:block;padding:0;margin-top:auto;position:relative;z-index:2}#chat-panel[data-collapsed="true"] .chat-input-box{background:transparent;box-shadow:none;padding:0;gap:0}#chat-panel[data-collapsed="true"] .chat-textarea-wrap,#chat-panel[data-collapsed="true"] #chat-history-btn,#chat-panel[data-collapsed="true"] #chat-send-btn{display:none}#chat-panel[data-collapsed="true"] .chat-input-buttons{height:auto;justify-content:flex-start;gap:0;overflow:visible}#chat-panel[data-collapsed="true"] .chat-input-left{flex:0 0 auto}#chat-panel[data-collapsed="true"] #chat-mic-btn{width:40px;height:40px;font-size:var(--text-xl);margin-left:-14px;box-shadow:var(--shadow-inset),0 2px 6px rgba(0,0,0,0.25)}#app-footer{display:flex;align-items:center;gap:var(--gap-lg);height:var(--footer-height);flex-shrink:0;padding:var(--gap-pill) var(--gap-sm);background:var(--statusbar-bg);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-panel),var(--glass-edge-shadow);z-index:var(--z-footer);position:relative}#footer-left{flex:1 1 0;min-width:0;display:flex;align-items:center}.footer-logo{height:20px;width:auto;object-fit:contain}#footer-center{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--gap-lg)}.footer-icon-btn{font-size:var(--text-lg);color:var(--color-cream);text-shadow:var(--shadow-text-glow);transition:var(--transition-color)}.footer-icon-btn:hover:not(:disabled){color:var(--color-white)}.footer-icon-btn:disabled{color:var(--color-cream-faint);cursor:default}.footer-icon-btn.is-recording{color:var(--color-teal);text-shadow:0 0 4px var(--color-teal),0 0 8px var(--color-teal);animation:footer-icon-btn-recording-pulse 1.4s ease-in-out infinite}.footer-icon-btn.is-recording:hover:not(:disabled){color:var(--color-teal)}@keyframes footer-icon-btn-recording-pulse{0%,100%{text-shadow:0 0 3px var(--color-teal),0 0 6px var(--color-teal)}50%{text-shadow:0 0 5px var(--color-teal),0 0 12px var(--color-teal)}}@media (prefers-reduced-motion:reduce){.footer-icon-btn.is-recording{animation:none}}#footer-right{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--gap-md)}#footer-universe-name{font-size:var(--text-lg);color:var(--color-cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#footer-word-counts{display:inline-flex;align-items:center;gap:var(--gap-xs);padding-right:var(--gap-md);border-right:1px solid var(--color-cream-faint);font-size:var(--text-lg);color:var(--color-cream);white-space:nowrap}#footer-word-counts[hidden]{display:none}.footer-word-count-label{opacity:0.75}.footer-word-count-sep{opacity:0.6}.glass-panel{position:relative;background:#333333A0;box-shadow:var(--shadow-panel),var(--glass-edge-shadow);overflow:hidden;backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}.glass-panel::after{content:'';position:absolute;inset:0;background:linear-gradient(var(--glass-light-angle),var(--glass-light-from),var(--glass-light-to) 60%),linear-gradient(to bottom,var(--panel-gradient-from),var(--panel-gradient-to));border-radius:inherit;border:1px solid rgba(255,255,255,0.25);box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),inset 1px 0 0 rgba(255,255,255,0.22),inset 0 -1px 0 rgba(0,0,0,0.12),inset -1px 0 0 rgba(0,0,0,0.06),inset 0 3px 6px -4px rgba(255,255,255,0.35),inset 0 -3px 6px -4px rgba(0,0,0,0.10);pointer-events:none;z-index:1}.glass-panel>*{position:relative;z-index:2}.glass-panel--gray-50{--panel-gradient-from:rgba(128,128,128,0.5);--panel-gradient-to:rgba(128,128,128,0.5)}.glass-panel--gray-80{--panel-gradient-from:rgba(128,128,128,0.8);--panel-gradient-to:rgba(128,128,128,0.8)}.glass-panel--startup{background:#33333380}.search-bar{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:var(--gap-sm);height:24px;padding:0 var(--gap-sm);background:var(--color-cream);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-sm);position:relative}.search-filter-btn{font-size:var(--text-sm);color:var(--color-dark-mid);flex-shrink:0;transition:var(--transition-color)}.search-filter-btn:hover{color:var(--color-teal)}#chat-panel .search-filter-btn,#chat-panel .search-icon{color:var(--color-muted)}.search-input{flex:1 1 0;min-width:0;height:100%;font-size:var(--text-base);color:var(--color-black);background:transparent}.search-input::placeholder{color:var(--color-muted)}.search-icon{font-size:var(--text-base);color:var(--color-dark-mid);flex-shrink:0}.search-bar:focus-within{box-shadow:var(--shadow-inset-sm),0 0 0 2px var(--color-teal),0 0 8px 1px rgba(32,137,163,0.4)}.search-bar--shortcut-focus{animation:search-bar-shortcut-focus 0.6s ease-out}@keyframes search-bar-shortcut-focus{0%{box-shadow:var(--shadow-inset-sm),0 0 0 4px var(--color-teal),0 0 16px 3px rgba(32,137,163,0.7)}100%{box-shadow:var(--shadow-inset-sm),0 0 0 2px var(--color-teal),0 0 8px 1px rgba(32,137,163,0.4)}}#nav-panel .search-filter-btn.is-broad{color:var(--color-muted)}#nav-panel .search-filter-btn.is-broad:hover{color:var(--color-teal)}#nav-panel .search-icon.has-results{color:var(--color-teal);cursor:pointer;transition:var(--transition-color)}#nav-panel .search-icon.has-results:hover{color:var(--color-dark)}.nav-search-hidden{display:none!important}#nav-content.nav-search-active .nav-tree-children,#nav-content.nav-search-active .nav-tree-children--nested{display:block!important}#nav-content.nav-search-active .nav-tree-root.collapsed .nav-expand-btn i,#nav-content.nav-search-active .nav-page-group.collapsed .nav-expand-btn i{transform:none!important;text-shadow:var(--shadow-text)!important}.nav-search-filter-menu{position:fixed;z-index:var(--z-popup);min-width:200px;background:var(--color-cream);border:1px solid var(--color-dark-mid);border-radius:var(--radius-md);box-shadow:var(--shadow-element);padding:var(--gap-xs);display:flex;flex-direction:column;gap:1px}.nav-search-filter-menu[hidden]{display:none}.nav-search-filter-row{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-md);background:transparent;color:var(--color-dark);font-size:var(--text-base);font-family:var(--font-primary);text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-color);white-space:nowrap}.nav-search-filter-row:hover{background:rgba(32,137,163,0.12)}.nav-search-filter-menu .checkbox-icon{color:var(--color-dark-mid)}.nav-search-filter-menu .checkbox-icon-mark{color:var(--color-cream)}.nav-search-filter-row--child{padding-left:calc(var(--gap-md) + 18px)}.nav-search-filter-row--deep .nav-search-filter-label{font-style:italic}.nav-search-filter-row--disabled{opacity:0.4;cursor:default;pointer-events:none}.nav-search-filter-check{flex-shrink:0}.nav-search-filter-row .nav-search-filter-label{flex:1 1 auto}.nav-search-filter-row--reset{color:var(--color-teal);font-weight:600}.nav-search-filter-row--reset:hover{background:rgba(32,137,163,0.12)}.nav-search-filter-resicon{flex-shrink:0;width:16px;text-align:center}.nav-search-filter-sep{height:1px;margin:var(--gap-xs) var(--gap-sm);background:var(--color-cream-faint);border-top:1px solid var(--color-muted);opacity:0.5}#chat-panel .search-filter-btn.is-broad{color:var(--color-muted)}#chat-panel .search-filter-btn.is-broad:hover{color:var(--color-teal)}#chat-panel .search-icon.has-results{color:var(--color-teal);cursor:pointer;transition:var(--transition-color)}#chat-panel .search-icon.has-results:hover{color:var(--color-dark)}.chat-message.chat-search-hidden{display:none!important}.chat-search-match{background:#FFE066;color:inherit;border-radius:2px;padding:0 1px;font-weight:inherit}.nav-search-filter-menu.chat-search-filter-menu{min-width:140px}#voice-transcription-panel{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:var(--z-notification);display:flex;align-items:center;gap:var(--gap-md);padding:10px 18px;background:var(--color-cream);color:var(--color-dark);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-element);font-size:var(--text-base);font-weight:600;user-select:none;pointer-events:auto;cursor:pointer;transition:var(--transition-color),filter 120ms ease-out}#voice-transcription-panel:hover{filter:brightness(0.97)}#voice-transcription-panel.voice-transcription-panel--processing,#voice-transcription-panel.voice-transcription-panel--error{cursor:default}#voice-transcription-panel.voice-transcription-panel--processing:hover,#voice-transcription-panel.voice-transcription-panel--error:hover{filter:none}.voice-transcription-circle{width:12px;height:12px;border-radius:50%;background:var(--color-teal);box-shadow:0 0 0 0 var(--color-teal);animation:voice-transcription-pulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes voice-transcription-pulse{0%{box-shadow:0 0 0 0 rgba(0,168,165,0.55)}70%{box-shadow:0 0 0 7px rgba(0,168,165,0)}100%{box-shadow:0 0 0 0 rgba(0,168,165,0)}}.voice-transcription-circle--error{background:var(--color-red,#c0392b);animation:none;box-shadow:none}#voice-transcription-panel.voice-transcription-panel--error{border-color:var(--color-red,#c0392b)}.voice-transcription-label{line-height:1}.voice-transcription-bars{display:inline-flex;align-items:center;gap:3px;height:40px}.voice-transcription-bar{display:inline-block;width:3px;min-height:4px;background:var(--color-teal);border-radius:2px;transition:height 45ms linear}#voice-transcription-panel.voice-transcription-panel--processing .voice-transcription-circle{animation-duration:0.8s}#voice-transcription-panel.voice-transcription-panel--processing .voice-transcription-bar{transition:none;height:4px;animation:voice-transcription-bar-wave 1.2s ease-in-out infinite}@keyframes voice-transcription-bar-wave{0%,60%,100%{height:4px}30%{height:22px}}.checkbox-icon{position:relative;display:inline-flex;line-height:1;color:var(--color-cream)}.checkbox-icon-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-dark);font-size:0.65em;pointer-events:none;text-shadow:none}.tab-switcher-outer{display:flex;align-items:stretch;width:100%;border-radius:var(--radius-lg);overflow:hidden}.tab-switcher-label{display:flex;align-items:center;justify-content:center;padding:0 var(--gap-lg);background:var(--tab-label-bg);color:var(--color-cream);font-size:var(--text-base);white-space:nowrap;border-radius:var(--radius-md) 0 0 var(--radius-md);flex-shrink:0}.tab-switcher-inner{display:flex;flex:1 1 0;min-width:0;align-items:center;gap:var(--gap-sm);padding:0 var(--gap-md);background:var(--tab-scroll-wrap-bg)}.tab-switcher-scroll{display:flex;align-items:center;justify-content:center;width:9px;color:var(--color-dark-mid);font-size:var(--text-lg);flex-shrink:0;transition:var(--transition-color)}.tab-switcher-scroll:hover:not(:disabled){color:var(--color-dark)}.tab-switcher-scroll:disabled{color:var(--color-light-muted);cursor:default}.tab-switcher-action-segment{display:flex;align-items:center;justify-content:center;padding:0 var(--gap-md);background:var(--tab-action-segment-bg);color:var(--color-cream);font-size:var(--text-md);border-radius:0 var(--radius-md) var(--radius-md) 0;flex-shrink:0;transition:var(--transition-color)}.tab-switcher-action-segment:hover{color:var(--color-white)}.tab-switcher-bar{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-sm);background:var(--tab-bar-bg);border-radius:var(--radius-round);overflow:hidden;flex-shrink:0}.tab-switcher-inner>.tab-switcher-bar{flex:1 1 0;min-width:0}.tab-switcher-tabs{display:flex;align-items:center;gap:var(--gap-sm);flex:1 1 auto;min-width:0;overflow:hidden}.tab-switcher-tab{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:var(--gap-sm) var(--gap-md);font-size:var(--text-base);color:var(--color-black);white-space:nowrap;border-radius:var(--radius-round);cursor:pointer;transition:var(--transition-color)}.tab-switcher-tab-icon{color:inherit;font-size:var(--text-md)}.tab-switcher-tab:hover:not(.active){color:var(--color-dark-mid);background:rgba(0,0,0,0.05)}.tab-switcher-tab.active{height:29px;background:var(--tab-active-bg);color:var(--color-white);font-weight:700;cursor:default}.tab-switcher-tab.empty{font-style:italic}.tab-switcher-action-pill{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;margin-left:auto;background:var(--tab-action-pill-bg);color:var(--color-cream);font-size:var(--text-base);text-shadow:var(--shadow-text-glow);border-radius:var(--radius-round);transition:var(--transition-color)}.tab-switcher-action-pill:hover{color:var(--color-white)}.modal-root{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur))}.modal-dialog{display:flex;flex-direction:column;border-radius:var(--radius-lg);pointer-events:auto}.modal-titlebar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--gap-md);border-bottom:1px solid var(--color-cream)}.modal-title-row{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-md)}.modal-title{flex:1 1 0;min-width:0;color:var(--color-white);font-size:20px;line-height:1.4}.modal-title-meta{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);color:var(--color-white);font-size:var(--text-md);text-shadow:var(--shadow-text);white-space:nowrap;padding:0 var(--gap-md)}.modal-title-meta strong{font-weight:700}.modal-title-actions{flex:0 1 0;min-width:0;display:flex;align-items:center;justify-content:flex-end}.modal-close-btn{color:var(--color-cream);font-size:var(--text-lg);text-shadow:var(--shadow-text);transition:var(--transition-color)}.modal-close-btn:hover{color:var(--color-white)}.modal-actionbar{display:flex;align-items:center;justify-content:center;padding:var(--gap-md) var(--gap-sm)}.modal-primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--gap-md) var(--gap-xl);background:var(--color-dark);color:var(--color-white);font-size:var(--text-md);font-weight:700;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:0 4px 4px rgba(0,0,0,0.25),var(--shadow-inset);cursor:pointer;transition:var(--transition-color),opacity 0.15s ease}.modal-primary-btn:hover:not(:disabled){background:var(--color-dark-mid)}.modal-primary-btn:disabled{opacity:0.5;cursor:not-allowed}.modal-primary-btn[aria-disabled="true"]{opacity:0.5;cursor:not-allowed}.modal-primary-btn[aria-disabled="true"]:hover{background:var(--color-dark)}.add-image-dialog{width:min(1060px,90vw);height:min(720px,90vh)}.add-image-mode-tabs{padding:var(--gap-md) var(--gap-md) 0}.add-image-detail-area{margin:var(--gap-md) var(--gap-md) 0;padding:var(--gap-md);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--gap-sm);min-height:0;flex:1 1 0}.add-image-title-row{display:flex;align-items:center;gap:var(--gap-md);width:100%;flex-shrink:0}.add-image-title-row[hidden]{display:none}.add-image-title-label{color:var(--color-white);font-size:var(--text-md);white-space:nowrap}.add-image-title-required{color:var(--color-cream);margin-left:2px;text-shadow:var(--shadow-text)}.add-image-title-input{flex:1 1 0;min-width:0;padding:var(--gap-sm) var(--gap-md);background:var(--color-white);color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-base);line-height:1.5;border:1px solid var(--color-cream);border-radius:var(--radius-md)}.add-image-title-input::placeholder{color:var(--color-light-muted);font-style:italic}.add-image-mode-content{display:flex;flex-direction:column;flex:1 1 0;min-height:0}.add-image-description{display:flex;flex-direction:column;gap:var(--gap-md);flex:1 1 0;min-height:0}.add-image-description-bar{display:flex;align-items:center;gap:var(--gap-md);width:100%}.add-image-description-label{color:var(--color-white);font-size:var(--text-md);white-space:nowrap}.add-image-insert-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--color-cream);font-size:var(--text-lg);text-shadow:var(--shadow-text);transition:var(--transition-color)}.add-image-insert-btn:hover{color:var(--color-white)}.add-image-insert-btn[hidden]{display:none}.add-image-enhance{margin-left:auto;display:inline-flex;align-items:center;gap:var(--gap-md);color:var(--color-white);font-size:var(--text-base);cursor:pointer;user-select:none}.add-image-enhance-icon{color:var(--color-cream);font-size:var(--text-md);text-shadow:var(--shadow-text);transition:var(--transition-color)}.add-image-enhance:hover .add-image-enhance-icon{color:var(--color-white)}.add-image-textarea-wrap{flex:1 1 0;min-height:0;display:flex;width:100%}.add-image-textarea{flex:1 1 0;width:100%;min-height:0;padding:var(--gap-md);background:var(--color-white);color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-base);line-height:1.5;border:1px solid var(--color-cream);border-radius:var(--radius-md);overflow-y:auto;scrollbar-gutter:stable;white-space:pre-wrap;overflow-wrap:break-word;outline:none;cursor:text}.add-image-textarea:empty::before{content:attr(data-placeholder);color:var(--color-light-muted);font-style:italic;pointer-events:none}.add-image-textarea--disabled{opacity:0.55;cursor:not-allowed}.add-image-textarea::-webkit-scrollbar{width:8px;background:transparent}.add-image-textarea::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.add-image-textarea:hover::-webkit-scrollbar-thumb,.add-image-textarea:focus::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-dark)}.add-image-textarea:hover::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-dark-hover)}.add-image-textarea{scrollbar-width:thin;scrollbar-color:transparent transparent}.add-image-textarea:hover,.add-image-textarea:focus{scrollbar-color:var(--scrollbar-thumb-dark) transparent}.add-image-shape{flex-shrink:0;width:100%}.add-image-upload{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-md);min-height:0;padding:var(--gap-md)}.add-image-upload[data-uploading="true"]{pointer-events:none}.add-image-upload[data-uploading="true"]::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.55);z-index:2;border-radius:var(--radius-md)}.add-image-upload[data-uploading="true"]::before{content:'';position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px;border:4px solid rgba(255,255,255,0.35);border-top-color:var(--accent-color,#6cb3ff);border-radius:50%;animation:add-image-upload-spinner 0.8s linear infinite;z-index:3}@keyframes add-image-upload-spinner{to{transform:rotate(360deg)}}.add-image-upload[data-has-image="true"]{justify-content:flex-start}.add-image-upload-preview{flex:1 1 0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-element);display:none}.add-image-upload[data-has-image="true"] .add-image-upload-preview{display:block}.add-image-upload-link{color:var(--color-cream);font-size:var(--text-md);text-shadow:var(--shadow-text);text-decoration:underline;cursor:pointer;background:transparent;border:0;padding:0;transition:var(--transition-color)}.add-image-upload-link:hover{color:var(--color-white)}.add-image-upload[data-has-image="true"] .add-image-upload-link{flex-shrink:0}.add-image-upload-input{display:none}.add-image-error-banner[hidden]{display:none}.add-image-error-banner{flex:1 1 auto;min-width:0;color:var(--color-error,#ff8a8a);background:rgba(180,30,30,0.18);border:1px solid rgba(255,120,120,0.32);border-radius:var(--radius-sm);padding:8px 10px;font-size:0.92em;line-height:1.3;overflow-wrap:anywhere}.image-view-dialog{width:min(1410px,95vw);height:min(920px,95vh)}.image-view-dialog--image-only{width:min(900px,90vw);height:min(900px,90vh)}.image-view-dialog--image-only .image-view-left{flex:1 1 auto;min-width:0;align-items:stretch}.image-view-dialog--image-only .image-view-title-row{margin-top:var(--gap-sm)}.image-view-dialog--image-only .image-view-image-frame{width:100%;max-width:100%;box-sizing:border-box}.image-view-content{margin:var(--gap-md) var(--gap-sm);padding:var(--gap-sm);border-radius:var(--radius-lg);display:flex;flex-direction:row;gap:var(--gap-sm);min-height:0;flex:1 1 0;align-items:stretch;overflow:hidden}.image-view-left{display:flex;flex-direction:column;align-items:stretch;gap:var(--gap-sm);flex-shrink:0}.image-view-image-frame{width:min(800px,55vw);aspect-ratio:1 / 1;padding:var(--gap-xs);border:3px solid var(--color-cream);border-radius:var(--radius-md);background:var(--color-dark);overflow:hidden;display:flex;align-items:center;justify-content:center}.image-view-image{width:100%;height:100%;object-fit:contain;display:block}.image-view-image-placeholder{color:var(--color-cream-faint);font-size:72px}.image-view-image-frame--failed{flex-direction:column;gap:var(--gap-md);padding:var(--gap-lg);background:rgba(80,12,12,0.55);text-align:center}.image-view-image-failed-icon{color:rgba(255,120,120,0.95);font-size:72px;line-height:1}.image-view-image-failed-headline{color:var(--color-cream);font-size:var(--text-xl);font-weight:600}.image-view-image-failed-detail{color:var(--color-cream);font-size:var(--text-md);line-height:1.4;max-width:540px;overflow-wrap:anywhere}.image-view-image-failed-retry{margin-top:var(--gap-md);padding-inline:var(--gap-lg)}.image-view-image-failed-status{margin-top:var(--gap-sm);color:var(--color-cream);font-size:var(--text-sm);line-height:1.3;max-width:540px;overflow-wrap:anywhere;opacity:0.9}.image-view-image-frame--pending{flex-direction:column;gap:var(--gap-md);padding:var(--gap-lg);text-align:center}.image-view-image-pending-spinner{width:64px;height:64px;border:4px solid rgba(255,255,255,0.22);border-top-color:rgba(255,255,255,0.88);border-radius:50%;animation:image-view-pending-spin 0.9s linear infinite;box-sizing:border-box}@keyframes image-view-pending-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.image-view-image-pending-headline{color:var(--color-cream);font-size:var(--text-xl);font-weight:600}.image-view-image-pending-detail{color:var(--color-cream-faint);font-size:var(--text-md)}@media (prefers-reduced-motion:reduce){.image-view-image-pending-spinner{animation-duration:3s}}.image-view-bottom-actions{display:flex;align-items:center;padding:0 var(--gap-md)}.image-view-bottom-btn{flex:1 1 0;display:flex;align-items:center;justify-content:center;padding:var(--gap-sm);color:var(--color-cream);font-size:var(--text-md);text-shadow:var(--shadow-text);background:transparent;border:0;cursor:pointer;transition:var(--transition-color)}.image-view-bottom-btn:hover{color:var(--color-white)}.image-view-bottom-btn--text{flex:0 0 auto;padding:10px 30px;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-dark);color:var(--color-white);font-family:var(--font-primary);font-size:var(--text-md);line-height:1.4;box-shadow:0 4px 4px rgba(0,0,0,0.25),inset 0 0 4px rgba(0,0,0,0.25)}.image-view-bottom-btn--text:hover{background:#424242;color:var(--color-white)}.image-view-bottom-btn--text:active{transform:translateY(1px)}.image-view-bottom-actions:has(>.image-view-bottom-btn--text){justify-content:center}.image-view-right{flex:1 1 0;min-width:240px;display:flex;flex-direction:column;gap:var(--gap-md);align-self:stretch;min-height:0}.image-view-title-row{display:flex;align-items:center;gap:var(--gap-sm);padding:0 var(--gap-sm);flex-shrink:0}.image-view-title-label{color:var(--color-cream);font-size:var(--text-base);text-shadow:var(--shadow-text);white-space:nowrap;flex-shrink:0}.image-view-title-required{color:var(--color-cream);margin-left:2px}.image-view-title-input{flex:1 1 0;min-width:0;padding:var(--gap-sm) var(--gap-md);background:var(--color-white);color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-base);line-height:1.5;border:1px solid var(--color-cream);border-radius:var(--radius-md)}.image-view-title-input:disabled,.image-view-title-input[readonly]{background:var(--color-cream-faint);color:var(--color-dark);cursor:default}.image-view-title-input::placeholder{color:var(--color-light-muted);font-style:italic}.image-view-title-update-btn{padding:var(--gap-sm) var(--gap-md);font-size:var(--text-base);flex-shrink:0}.image-view-buttons{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--gap-md) var(--gap-sm);flex-shrink:0}.image-view-action-btn{width:265px;max-width:100%}.image-view-panel{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap-md);overflow:hidden}.image-view-panel-label{display:flex;align-items:center;justify-content:center;padding:var(--gap-sm) var(--gap-md);background:rgba(51,51,51,0.7);border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--color-cream);font-size:var(--text-base);flex-shrink:0}.image-view-panel-label--with-action{justify-content:space-between}.image-view-panel-label-spacer{width:20px;flex-shrink:0}.image-view-copy-btn{padding:var(--gap-sm);background:transparent;border:0;color:var(--color-cream);font-size:var(--text-md);text-shadow:var(--shadow-text);cursor:pointer;transition:var(--transition-color)}.image-view-copy-btn:hover{color:var(--color-white)}.image-view-prompt-box{flex:1 1 0;min-height:0;padding:var(--gap-md);background:var(--color-white);color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-base);line-height:1.5;border:1px solid var(--color-cream);border-radius:var(--radius-md);overflow-y:auto;white-space:pre-wrap}.image-view-prompt-box:empty::before{content:attr(data-placeholder);color:var(--color-light-muted);font-style:italic}.media-library-grid{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1 1 auto}.media-library-search-row{flex:0 0 auto;display:flex;align-items:center;gap:8px}.media-library-search-input{flex:1 1 auto;height:32px;padding:0 12px;border:1px solid rgba(255,255,255,0.18);border-radius:6px;background:rgba(0,0,0,0.24);color:#fff;-webkit-text-fill-color:#fff;caret-color:#fff;font:inherit;outline:none;transition:border-color 0.12s ease,background-color 0.12s ease}.media-library-search-input:focus{border-color:var(--accent-color,#6cb3ff);background:rgba(0,0,0,0.36)}.media-library-search-input::placeholder{color:rgba(255,255,255,0.45)}.media-library-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px;border-radius:8px;background:rgba(0,0,0,0.18)}.media-library-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.media-library-tiles[hidden]{display:none}.media-library-sentinel{height:1px}.media-library-tile{position:relative;display:flex;flex-direction:column;padding:0;border:1px solid rgba(255,255,255,0.12);border-radius:8px;background:rgba(0,0,0,0.32);overflow:hidden;color:inherit;transition:border-color 0.12s ease,transform 0.08s ease,box-shadow 0.12s ease}.media-library-tile:hover{border-color:var(--accent-color,#6cb3ff);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.4)}.media-library-tile-select{display:flex;flex-direction:column;padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;width:100%}.media-library-tile-select:focus-visible{outline:2px solid var(--accent-color,#6cb3ff);outline-offset:-2px}.media-library-tile-img{width:100%;aspect-ratio:1 / 1;object-fit:contain;display:block;background:rgba(0,0,0,0.48)}.media-library-tile-label{padding:6px 8px;font-size:0.82em;line-height:1.2;color:rgba(255,255,255,0.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid rgba(255,255,255,0.08)}.media-library-tile-view,.media-library-tile-delete{position:absolute;top:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:rgba(0,0,0,0.55);color:rgba(255,255,255,0.88);font-size:14px;line-height:1;cursor:pointer;backdrop-filter:blur(2px);transition:background-color 0.12s ease,color 0.12s ease,transform 0.08s ease;z-index:1}.media-library-tile-view{left:6px}.media-library-tile-delete{right:6px}.media-library-tile-view:hover{background:rgba(0,0,0,0.78);color:#fff}.media-library-tile-delete:hover{background:var(--color-danger,#b3261e);color:#fff}.media-library-tile-view:focus-visible,.media-library-tile-delete:focus-visible{outline:2px solid var(--accent-color,#6cb3ff);outline-offset:2px}.media-library-tile--selected,.media-library-tile--selected:hover{border-color:var(--accent-color,#6cb3ff);box-shadow:0 0 0 2px var(--accent-color,#6cb3ff) inset,0 2px 10px rgba(108,179,255,0.35)}.media-library-tile--busy{pointer-events:none}.media-library-tile--busy::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.55);z-index:2}.media-library-tile--busy::before{content:'';position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px;border:3px solid rgba(255,255,255,0.35);border-top-color:var(--accent-color,#6cb3ff);border-radius:50%;animation:media-library-spinner 0.8s linear infinite;z-index:3}@keyframes media-library-spinner{to{transform:rotate(360deg)}}.media-library-status{padding:24px 16px;text-align:center;font-size:0.92em;color:rgba(255,255,255,0.55)}.add-image-library-pane{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;height:100%;min-height:320px}[data-vd-image-status="pending"],[data-vd-image-status="failed"]{position:relative}[data-vd-image-status="failed"]{background-color:rgb(50,8,8)}[data-vd-image-status="pending"]::after,[data-vd-image-status="failed"]::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit}[data-vd-image-status="pending"]::after{background:rgba(0,0,0,0.42)}[data-vd-image-status="failed"]::after{background:rgba(120,18,18,0.78)}[data-vd-image-status="pending"]::before,[data-vd-image-status="failed"]::before{position:absolute;top:50%;left:50%;pointer-events:none;z-index:1;box-sizing:border-box}[data-vd-image-status="pending"]::before{content:"";width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid rgba(255,255,255,0.22);border-top-color:rgba(255,255,255,0.88);border-radius:50%;animation:vd-image-status-spin 0.9s linear infinite}[data-vd-image-status="failed"]::before{content:"!";width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:rgba(255,78,78,0.92);color:#fff;font:700 22px/36px var(--font-body,system-ui),sans-serif;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,0.45)}@keyframes vd-image-status-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-vd-image-status="pending"]::before{animation-duration:3s}}.prompt-dialog{width:min(500px,90vw)}.prompt-dialog-body{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--gap-lg);color:var(--color-white);font-size:var(--text-base);line-height:1.5}.prompt-dialog-message{margin:0}.prompt-dialog-input{width:100%;height:32px;padding:0 var(--gap-md);background:var(--color-cream);color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-base);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-sm)}.prompt-dialog-input::placeholder{color:var(--color-muted);font-style:italic}.prompt-dialog-input:focus{outline:2px solid var(--color-teal);outline-offset:1px}.prompt-dialog-checkbox{display:inline-flex;align-items:center;gap:var(--gap-sm);align-self:flex-start;padding:4px 6px;margin:0;background:transparent;border:0;color:var(--color-cream);font-family:inherit;font-size:var(--text-base);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-color)}.prompt-dialog-checkbox:hover{color:var(--color-white)}.prompt-dialog-checkbox-icon{font-size:var(--text-lg)}.prompt-dialog-checkbox-label{line-height:1.2}.prompt-dialog-checkbox-group{display:flex;flex-wrap:wrap;gap:var(--gap-md);align-items:center;align-self:flex-start}.prompt-dialog-actions{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);padding:0 var(--gap-md) var(--gap-md)}.prompt-dialog-btn--cancel{background:transparent;border:1px solid var(--color-cream);color:var(--color-cream)}.prompt-dialog-btn--cancel:hover:not(:disabled){background:rgba(255,240,220,0.1)}.prompt-dialog-color-row{display:flex;flex-wrap:wrap;gap:var(--gap-sm);align-items:center;align-self:flex-start}.prompt-dialog-color-swatch{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:var(--radius-sm);border:2px solid rgba(0,0,0,0.2);cursor:pointer;transition:transform 0.12s ease,border-color 0.12s ease,box-shadow 0.12s ease;box-shadow:0 1px 2px rgba(0,0,0,0.4)}.prompt-dialog-color-swatch:hover{transform:translateY(-1px);border-color:rgba(0,0,0,0.6)}.prompt-dialog-color-swatch:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.prompt-dialog-color-swatch.active{border:3px solid var(--color-dark);transform:translateY(-2px);box-shadow:0 0 0 2px var(--color-teal),0 2px 6px rgba(0,0,0,0.5)}.prompt-dialog-color-swatch.active::after{content:"✓";display:block;line-height:1;text-align:center;color:var(--color-dark);font-size:14px;font-weight:800}.publish-dialog{width:min(520px,90vw)}.publish-dialog-body{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--gap-lg);color:var(--color-white);font-size:var(--text-base);line-height:1.5}.publish-dialog-row{display:flex;align-items:center;gap:var(--gap-md)}.publish-dialog-row[hidden],.publish-dialog-checkbox[hidden]{display:none}.publish-dialog-row--sub,.publish-dialog-checkbox.publish-dialog-checkbox--sub{margin-left:var(--gap-xl)}.publish-dialog-label{flex:0 0 auto;min-width:120px;color:var(--color-cream)}.publish-dialog-select{flex:1 1 auto;height:32px;padding:0 var(--gap-sm);background:var(--color-cream);color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-base);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-sm)}.publish-dialog-select:focus{outline:2px solid var(--color-teal);outline-offset:1px}.publish-dialog-input{flex:1 1 auto;height:32px;padding:0 var(--gap-md);background:var(--color-cream);color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-base);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-sm)}.publish-dialog-input::placeholder{color:var(--color-muted);font-style:italic}.publish-dialog-input:focus{outline:2px solid var(--color-teal);outline-offset:1px}.publish-dialog-cover-row{align-items:center;gap:var(--gap-sm)}.publish-dialog-cover-thumb-wrap{flex:0 0 auto;position:relative;width:42px;height:60px;border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:#2a2a2a;overflow:hidden;cursor:pointer}.publish-dialog-cover-thumb-wrap[hidden]{display:none}.publish-dialog-cover-thumb{width:100%;height:100%;object-fit:cover;display:block}.publish-dialog-cover-btn{flex:0 0 auto;padding:5px 12px;background:transparent;border:1px solid var(--color-cream);border-radius:var(--radius-md);color:var(--color-cream);font-family:inherit;font-size:var(--text-base);cursor:pointer;transition:var(--transition-color)}.publish-dialog-cover-btn:hover{background:rgba(255,240,220,0.1)}.publish-dialog-cover-name{flex:1 1 auto;min-width:0;color:var(--color-cream);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publish-dialog-checkbox{display:inline-flex;align-items:center;gap:var(--gap-sm);align-self:flex-start;padding:4px 6px;margin:0;background:transparent;border:0;color:var(--color-cream);font-family:inherit;font-size:var(--text-base);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-color)}.publish-dialog-checkbox:hover{color:var(--color-white)}.publish-dialog-checkbox-icon{font-size:var(--text-lg)}.publish-dialog-checkbox-label{line-height:1.2}.publish-dialog-status{margin:0;color:var(--color-cream);font-style:italic}.publish-dialog-status[hidden]{display:none}.publish-dialog-status--error{color:var(--color-danger,#e05a4e);font-style:normal}.publish-dialog-actions{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);padding:0 var(--gap-md) var(--gap-md)}.publish-dialog-btn--cancel{background:transparent;border:1px solid var(--color-cream);color:var(--color-cream)}.publish-dialog-btn--cancel:hover:not(:disabled){background:rgba(255,240,220,0.1)}.publish-dialog-body{transition:max-height 0.3s ease,opacity 0.25s ease,padding 0.3s ease,transform 0.3s ease}.publish-dialog--busy .publish-dialog-body{padding-top:0;padding-bottom:0;opacity:0;transform:scale(0.96);overflow:hidden;pointer-events:none}.publish-dialog--busy .publish-dialog-actions{display:none}.publish-dialog-busy{display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-md);padding:var(--gap-xl) var(--gap-lg);color:var(--color-cream);text-align:center}.publish-dialog--busy .publish-dialog-busy{display:flex;animation:publish-dialog-busy-in 0.3s ease both}@keyframes publish-dialog-busy-in{from{opacity:0;transform:scale(0.92)}to{opacity:1;transform:scale(1)}}.publish-dialog-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,0.25);border-top-color:var(--color-teal);border-radius:50%;animation:publish-dialog-spin 0.8s linear infinite}@keyframes publish-dialog-spin{to{transform:rotate(360deg)}}.publish-dialog-busy-msg{margin:0;max-width:360px;font-size:var(--text-base);line-height:1.5}.publish-dialog-busy-done-icon{display:none;font-size:40px;color:var(--color-teal)}.publish-dialog--done .publish-dialog-spinner{display:none}.publish-dialog--done .publish-dialog-busy-done-icon{display:inline-block}@media (prefers-reduced-motion:reduce){.publish-dialog-body{transition:none}.publish-dialog--busy .publish-dialog-busy{animation:none}.publish-dialog-spinner{animation:none}}.phase-manager-dialog{width:min(520px,92vw)}.phase-manager-body{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--gap-lg);color:var(--color-white);font-size:var(--text-base);line-height:1.5}.phase-manager-section{display:flex;flex-direction:column;gap:var(--gap-sm)}.phase-manager-section-title{font-size:var(--text-md);font-weight:700;color:var(--color-cream);text-shadow:var(--shadow-text)}.phase-manager-section--danger .phase-manager-section-title{color:var(--color-cream)}.phase-manager-warn{margin:0;color:var(--color-cream-dim);font-size:var(--text-base);line-height:1.4}.phase-manager-note{margin:0;color:var(--color-cream-dim);font-size:var(--text-base);line-height:1.4;font-style:italic}.phase-manager-row{display:flex;align-items:center;gap:var(--gap-sm)}.phase-manager-row--end{justify-content:flex-end}.phase-manager-input{flex:1 1 auto;min-width:0;height:32px;padding:0 var(--gap-md);background:var(--color-cream);color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-base);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-sm)}.phase-manager-input::placeholder{color:var(--color-muted);font-style:italic}.phase-manager-input:focus{outline:2px solid var(--color-teal);outline-offset:1px}.phase-manager-clone{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--gap-md);color:var(--color-white);font-size:var(--text-base);cursor:pointer;user-select:none}.phase-manager-clone-icon{color:var(--color-cream);font-size:var(--text-md);text-shadow:var(--shadow-text);transition:var(--transition-color)}.phase-manager-clone:hover .phase-manager-clone-icon{color:var(--color-white)}.phase-manager-btn{flex-shrink:0;padding:var(--gap-sm) var(--gap-lg);font-size:var(--text-base)}.phase-manager-btn--danger{background:var(--color-danger,#8a2a2a);border-color:var(--color-danger,#8a2a2a)}.phase-manager-btn--danger:hover:not(:disabled){background:var(--color-danger-hover,#a83838)}.phase-manager-sep{margin:0;border:0;border-top:1px solid var(--color-border-light);opacity:0.5}.phase-manager-actions{display:flex;align-items:center;justify-content:center;padding:0 var(--gap-md) var(--gap-md)}.phase-manager-btn--done{min-width:120px}.typed-confirm-dialog{width:min(500px,90vw)}.typed-confirm-body{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--gap-lg);color:var(--color-white);font-size:var(--text-base);line-height:1.5}.typed-confirm-message{margin:0}.typed-confirm-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:30vh;overflow-y:auto}.typed-confirm-item{padding:6px 10px;border-radius:var(--radius-sm);background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);font-size:var(--text-sm);line-height:1.35;word-break:break-word}.typed-confirm-input{width:100%;height:32px;padding:0 var(--gap-md);background:var(--color-cream);color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-base);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-sm)}.typed-confirm-input::placeholder{color:var(--color-muted);font-style:italic}.typed-confirm-input:focus{outline:2px solid var(--color-danger,#b3261e);outline-offset:1px}.typed-confirm-actions{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);padding:0 var(--gap-md) var(--gap-md)}.typed-confirm-btn--danger{background:var(--color-danger,#b3261e);color:var(--color-white)}.typed-confirm-btn--danger:hover:not(:disabled){background:#d12d24}.confirm-dialog{width:min(420px,90vw)}.confirm-dialog-subject{padding:var(--gap-md) var(--gap-lg);background:rgba(0,0,0,0.22);color:var(--color-cream);font-size:var(--text-base);font-style:italic;line-height:1.4;border-bottom:1px solid rgba(255,240,220,0.18);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.confirm-dialog-body{padding:var(--gap-lg);color:var(--color-white);font-size:var(--text-base);line-height:1.5}.confirm-dialog-actions{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);padding:0 var(--gap-md) var(--gap-md)}.confirm-dialog-btn--cancel{background:transparent;border:1px solid var(--color-cream);color:var(--color-cream)}.confirm-dialog-btn--cancel:hover:not(:disabled){background:rgba(255,240,220,0.1)}.modal-root:has(>.mobile-warning-dialog){z-index:var(--z-mobile-warning)}.mobile-warning-dialog{width:min(440px,92vw);max-width:92vw;max-height:90vh;max-height:90dvh}.mobile-warning-body{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--gap-lg);text-align:center;overflow-y:auto}.mobile-warning-icon{font-size:44px;line-height:1;color:var(--color-cream);text-shadow:var(--shadow-text)}.mobile-warning-message{margin:0;color:var(--color-white);font-size:var(--text-base);line-height:1.5}.mobile-warning-actions{display:flex;padding:0 var(--gap-lg) var(--gap-lg)}.mobile-warning-ok{flex:1 1 auto;min-height:44px}@media (max-width:400px){.mobile-warning-dialog{width:94vw}}.intro-video-dialog{width:min(460px,92vw);max-width:92vw;max-height:90vh}.intro-video-body{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--gap-lg);text-align:center;overflow-y:auto}.intro-video-icon{font-size:44px;line-height:1;color:var(--color-cream);text-shadow:var(--shadow-text)}.intro-video-message{margin:0;color:var(--color-white);font-size:var(--text-base);line-height:1.5}.intro-video-help-hint{margin:0;color:var(--color-cream);font-size:var(--text-sm);line-height:1.5}.intro-video-help-glyph{display:inline-flex;align-items:center;justify-content:center;color:var(--color-white)}.intro-video-actions{display:flex;padding:0 var(--gap-lg) var(--gap-lg)}.intro-video-ok{flex:1 1 auto;min-height:44px}.feedback-dialog{width:min(676px,94vw);max-height:90vh;max-height:90dvh}.feedback-body{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--gap-lg);padding-bottom:10px;overflow-y:auto;color:var(--color-white)}.feedback-divider{margin:0 var(--gap-lg);border-top:1px dashed var(--color-cream)}.feedback-intro{margin:0;color:var(--color-cream);font-size:var(--text-base);line-height:1.45}.feedback-field{display:flex;flex-direction:column;gap:var(--gap-xs)}.feedback-field[hidden]{display:none}.feedback-field-label{font-size:var(--text-base);font-weight:700;color:var(--color-white)}.feedback-field-control{display:flex;flex-direction:column;gap:var(--gap-xs)}.feedback-select,.feedback-textarea{width:100%;box-sizing:border-box;padding:var(--gap-sm) var(--gap-md);background:rgba(0,0,0,0.25);color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);line-height:1.4}.feedback-textarea{resize:vertical;min-height:64px}.feedback-textarea--steps{min-height:132px}.feedback-select:focus,.feedback-textarea:focus{outline:none;border-color:var(--color-cream)}.feedback-select option{background:var(--color-dark);color:var(--color-white)}.feedback-shot-row{display:flex;align-items:center;gap:var(--gap-md)}.feedback-shot-btn{flex:0 0 auto}.feedback-shot-status{font-size:var(--text-sm);color:var(--color-cream);opacity:0.85}.feedback-shot-status:empty{display:none}.feedback-shot-status.ok{color:var(--color-success,#7bd88f);opacity:1}.feedback-shot-frame{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:72px;padding:var(--gap-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:rgba(0,0,0,0.18);text-align:center;overflow:hidden}.feedback-shot-placeholder{color:var(--color-cream);opacity:0.7;font-size:var(--text-base);font-style:italic}.feedback-shot-thumb{max-width:100%;max-height:120px;border-radius:var(--radius-md)}.feedback-shot-thumb[hidden],.feedback-shot-placeholder[hidden],.feedback-shot-remove[hidden]{display:none}.feedback-shot-remove{flex:0 0 auto;align-self:center;background:transparent;border:none;color:var(--color-cream);text-decoration:underline;cursor:pointer;font-size:var(--text-base)}.feedback-shot-remove:hover{color:var(--color-white)}.feedback-hint{margin:0;font-size:var(--text-sm);color:var(--color-cream);opacity:0.8;line-height:1.4}.feedback-checkbox{display:flex;align-items:center;gap:var(--gap-sm);padding:0;background:transparent;border:none;cursor:pointer;text-align:left;font-size:var(--text-base);color:var(--color-white)}.feedback-checkbox .checkbox-icon{flex-shrink:0;font-size:var(--text-lg)}.feedback-error{padding:var(--gap-sm) var(--gap-md);background:rgba(180,40,40,0.25);border:1px solid rgba(255,120,120,0.5);border-radius:var(--radius-md);color:#ffd9d9;font-size:var(--text-base)}.feedback-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);padding:10px var(--gap-lg) var(--gap-lg)}.feedback-secondary-btn{display:inline-flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-md) var(--gap-lg);background:transparent;color:var(--color-cream);border:1px solid var(--color-cream);border-radius:var(--radius-lg);font-size:var(--text-md);font-weight:700;cursor:pointer;transition:var(--transition-color),background 0.15s ease}.feedback-secondary-btn:hover:not(:disabled){color:var(--color-white);background:rgba(255,240,220,0.1)}.feedback-secondary-btn:disabled{opacity:0.5;cursor:not-allowed}.feedback-thanks{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--gap-xl) var(--gap-lg);text-align:center;color:var(--color-white)}.feedback-thanks i{font-size:40px;color:var(--color-success,#7bd88f)}.feedback-thanks p{margin:0;font-size:var(--text-lg)}.modal-root:has(>.session-ended-dialog){z-index:var(--z-session-ended)}.session-ended-dialog{width:min(440px,92vw)}.session-ended-body{padding:var(--gap-lg);color:var(--color-white);font-size:var(--text-base);line-height:1.5;display:flex;flex-direction:column;gap:var(--gap-sm)}.session-ended-message{margin:0}.session-ended-detail{margin:0;color:var(--color-cream);font-style:italic;font-size:var(--text-sm)}#connection-banner{position:fixed;top:0;left:0;width:300px;height:var(--header-height);display:flex;align-items:center;justify-content:center;gap:var(--gap-md);padding:0 var(--gap-lg);background:rgba(0,0,0,0.78);color:var(--color-white);font-size:var(--text-md);font-weight:600;letter-spacing:0.02em;text-shadow:var(--shadow-text);box-shadow:var(--shadow-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1500;pointer-events:none;border-radius:0 0 var(--radius-lg) 0}#connection-banner[hidden]{display:none}.connection-banner-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,0.3);border-top-color:var(--color-white);border-radius:50%;animation:connection-banner-spin 0.8s linear infinite;flex-shrink:0}@keyframes connection-banner-spin{to{transform:rotate(360deg)}}.connection-banner-text{line-height:1.2}#system-banner{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:column;z-index:1600;pointer-events:none}#system-banner[hidden]{display:none}.system-banner-item{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 44px 10px 16px;position:relative;font-size:var(--text-md,14px);font-weight:600;line-height:1.3;color:#fff;text-align:center;box-shadow:0 1px 6px rgba(0,0,0,0.25)}.system-banner-item .sb-icon{display:inline-flex;flex-shrink:0}.system-banner-item .sb-text{max-width:1100px}.system-banner-item .sb-when{font-weight:700;white-space:nowrap}.system-banner-item .sb-dismiss{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:none;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer;border-radius:4px;opacity:0.8}.system-banner-item .sb-dismiss:hover{opacity:1;background:rgba(255,255,255,0.18)}.system-banner-item.sev-info{background:#1d4ed8}.system-banner-item.sev-warning{background:#b45309}.system-banner-item.sev-critical{background:#b91c1c;font-weight:700;letter-spacing:0.01em}:root{--imp-banner-height:38px}#impersonation-banner{position:fixed;top:0;left:0;right:0;height:var(--imp-banner-height);z-index:1700;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px;box-sizing:border-box;background:#92400e;color:#fff7ed;font-size:13px;line-height:1.2;box-shadow:0 1px 4px rgba(0,0,0,0.35);-webkit-user-select:none;user-select:none}#impersonation-banner[hidden]{display:none}#impersonation-banner .imp-icon{display:inline-flex;align-items:center;color:#fdba74}#impersonation-banner .imp-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#impersonation-banner .imp-text strong{font-weight:700;color:#fff}#impersonation-banner .imp-until{opacity:0.85;font-variant-numeric:tabular-nums}#impersonation-banner .imp-end-btn{flex:0 0 auto;appearance:none;border:1px solid rgba(255,255,255,0.55);background:rgba(255,255,255,0.12);color:#fff;font:inherit;font-weight:600;padding:3px 12px;border-radius:6px;cursor:pointer;transition:background 120ms ease,border-color 120ms ease}#impersonation-banner .imp-end-btn:hover{background:rgba(255,255,255,0.24);border-color:#fff}#impersonation-banner .imp-end-btn:focus-visible{outline:2px solid #fff;outline-offset:1px}body.vd-impersonating #app-container{margin-top:var(--imp-banner-height);height:calc(100vh - var(--imp-banner-height))}body.vd-impersonating #system-banner{top:var(--imp-banner-height)}#impersonation-loading{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;background:#1f2430;color:#e8eaf0}#impersonation-loading .imp-loading-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 36px;max-width:420px;text-align:center}#impersonation-loading .imp-loading-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,0.2);border-top-color:#fdba74;animation:imp-spin 0.8s linear infinite}@keyframes imp-spin{to{transform:rotate(360deg)}}.reduce-motion #impersonation-loading .imp-loading-spinner{animation:none}#impersonation-loading .imp-loading-text{margin:0;font-size:15px}#impersonation-loading .imp-loading-card--error .imp-loading-text{color:#fca5a5}#impersonation-loading .imp-loading-btn{appearance:none;border:1px solid rgba(255,255,255,0.4);background:rgba(255,255,255,0.08);color:#fff;font:inherit;font-weight:600;padding:8px 18px;border-radius:8px;cursor:pointer}#impersonation-loading .imp-loading-btn:hover{background:rgba(255,255,255,0.18)}.settings-dialog{width:min(1200px,95vw);height:min(800px,90vh);display:flex;flex-direction:column;max-height:900px}.settings-tabs{padding:var(--gap-md) var(--gap-md) 0;flex-shrink:0}.settings-tabs .tab-switcher-bar{width:100%}.settings-detail{margin:var(--gap-md);padding:var(--gap-sm);border-radius:var(--radius-lg);display:flex;flex-direction:row;gap:var(--gap-sm);min-height:0;flex:1 1 0;align-items:stretch;overflow:hidden}.settings-options{flex:1 1 0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:var(--gap-md) var(--gap-md) 60px;display:flex;flex-direction:column;gap:var(--gap-md);scrollbar-gutter:stable}.settings-options::-webkit-scrollbar{width:8px;background:transparent}.settings-options::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-light);border-radius:4px}.settings-options::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-light-hover)}.settings-options{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-light) transparent}.settings-section-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);flex-shrink:0}.settings-section-title{color:var(--color-cream);font-size:var(--text-md);font-weight:700;text-shadow:var(--shadow-text)}.settings-section-description{margin:0 0 var(--gap-md);color:var(--color-cream-dim);font-size:var(--text-sm);line-height:1.5}.settings-account{display:flex;flex-direction:column;gap:var(--gap-md)}.settings-account-intro{margin:0;color:var(--color-cream-dim);font-size:var(--text-sm)}.settings-account-list{margin:0;display:grid;grid-template-columns:auto 1fr;gap:var(--gap-sm) var(--gap-lg);align-items:baseline}.settings-account-label{margin:0;color:var(--color-cream-dim);font-size:var(--text-sm)}.settings-account-value{margin:0;color:var(--color-white);font-weight:600}.settings-account-note{margin:var(--gap-sm) 0 0;color:var(--color-cream-dim);font-style:italic;font-size:var(--text-sm);line-height:1.5}.settings-reset-btn{background:transparent;border:1px solid var(--color-cream-dim);color:var(--color-cream);font-family:var(--font-primary);font-size:var(--text-sm);padding:4px 10px;border-radius:var(--radius-round);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-color)}.settings-reset-btn:hover{background:rgba(255,255,255,0.1);border-color:var(--color-cream);color:var(--color-white)}.settings-reset-btn i{font-size:var(--text-sm)}.settings-subsection{display:flex;flex-direction:column;gap:var(--gap-sm)}.settings-subsection + .settings-subsection{margin-top:var(--gap-md)}.settings-subsection-header{color:var(--color-cream);font-size:var(--text-base);font-weight:700;padding:var(--gap-sm) 0 4px;border-bottom:1px solid var(--color-cream-faint);text-shadow:var(--shadow-text)}.settings-option{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--gap-sm);padding:4px 6px;border-radius:var(--radius-sm);min-height:32px;max-width:100%}.settings-option:hover{background:rgba(255,255,255,0.05)}.settings-option--disabled{opacity:0.5}.settings-option--sub-row{padding-left:25px}.settings-option--disabled .settings-option-control,.settings-option--disabled .settings-option-control *{pointer-events:none}.settings-option-label{color:var(--color-cream);font-size:var(--text-base);flex:0 0 auto;cursor:default;user-select:none}.settings-option-control{flex-shrink:0;display:flex;align-items:center;gap:6px}.settings-option-control--gated-off{opacity:0.45;pointer-events:none}.settings-option-info{background:transparent;border:none;color:var(--color-cream);font-size:var(--text-md);cursor:pointer;padding:6px;margin:-6px;line-height:1;flex-shrink:0;transition:var(--transition-color)}.settings-option-info:hover{color:var(--color-white)}.settings-option-info:focus,.settings-option-info:focus-visible{outline:none}.settings-option--toggle{flex-direction:row}.settings-option-toggle{background:transparent;border:none;color:var(--color-cream);font-size:var(--text-md);cursor:pointer;padding:4px;margin:-4px;line-height:1;flex-shrink:0;transition:var(--transition-color)}.settings-option-toggle:hover{color:var(--color-white)}.settings-option select,.settings-option input[type="text"],.settings-option input[type="number"]{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:6px;padding:5px 8px;font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-dark);outline:none}.settings-option select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path d='M4 6 L8 10 L12 6' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 6px center;background-size:16px 16px;min-width:140px;cursor:pointer}.settings-option select.settings-fontsize-select{min-width:0;width:64px}.settings-option select:focus,.settings-option input[type="text"]:focus,.settings-option input[type="number"]:focus{border-color:var(--color-teal);box-shadow:0 0 0 2px rgba(32,137,163,0.25)}.settings-option input[type="text"]{min-width:200px}.settings-option input[type="number"]{width:70px;text-align:right}.settings-option-inline-number{width:44px;margin:0 4px;padding:2px 4px;text-align:center;vertical-align:baseline}.settings-option input[type="number"]::-webkit-inner-spin-button,.settings-option input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.settings-option input[type="number"]{-moz-appearance:textfield;appearance:textfield}.settings-slider{display:flex;align-items:center;gap:8px}.settings-slider input[type="range"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:140px;height:18px;background:transparent;cursor:pointer;padding:0;margin:0}.settings-slider input[type="range"]::-webkit-slider-runnable-track{height:4px;background:rgba(255,255,255,0.25);border-radius:2px}.settings-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:16px;width:16px;border-radius:50%;background:var(--color-cream);border:2px solid var(--color-dark);margin-top:-6px;cursor:pointer;transition:transform 0.1s ease;box-shadow:0 1px 2px rgba(0,0,0,0.3)}.settings-slider input[type="range"]:hover::-webkit-slider-thumb,.settings-slider input[type="range"]:active::-webkit-slider-thumb{transform:scale(1.15)}.settings-slider input[type="range"]:focus{outline:none}.settings-slider input[type="range"]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(32,137,163,0.35)}.settings-slider input[type="range"]::-moz-range-track{height:4px;background:rgba(255,255,255,0.25);border-radius:2px;border:none}.settings-slider input[type="range"]::-moz-range-thumb{height:16px;width:16px;border-radius:50%;background:var(--color-cream);border:2px solid var(--color-dark);cursor:pointer;transition:transform 0.1s ease;box-shadow:0 1px 2px rgba(0,0,0,0.3)}.settings-slider input[type="range"]:hover::-moz-range-thumb,.settings-slider input[type="range"]:active::-moz-range-thumb{transform:scale(1.15)}.settings-slider input[type="range"]:focus::-moz-range-thumb{box-shadow:0 0 0 3px rgba(32,137,163,0.35)}.settings-slider .settings-slider-unit{color:var(--color-cream);font-size:var(--text-sm)}.settings-length{display:flex;align-items:center;gap:4px}.settings-length-unit{color:var(--color-cream);font-size:var(--text-sm)}.settings-voice{display:flex;align-items:center;gap:6px}.settings-voice .settings-voice-play{background:transparent;border:none;color:var(--color-cream);padding:4px;margin:-4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;transition:var(--transition-color)}.settings-voice .settings-voice-play:hover{color:var(--color-white)}.settings-option--placeholder{color:var(--color-cream-dim);font-style:italic;padding:var(--gap-sm) var(--gap-md);border:1px dashed var(--color-cream-faint);border-radius:var(--radius-md);text-align:center;justify-content:center}.settings-option--subheading{margin-top:var(--gap-sm);padding-top:var(--gap-sm);border-top:1px dashed var(--color-cream-faint)}.settings-subheading-label{color:var(--color-cream-dim);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:0.04em;text-shadow:var(--shadow-text)}.settings-tokens{display:flex;flex-direction:column;gap:6px;padding:var(--gap-sm) var(--gap-md);background:rgba(0,0,0,0.25);border-radius:var(--radius-md);color:var(--color-cream);flex-shrink:0}.settings-tokens-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.settings-tokens-label strong{color:var(--color-white)}.settings-tokens-bar{width:100%;height:8px;background:rgba(255,255,255,0.15);border-radius:4px;overflow:hidden}.settings-tokens-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-teal),#4ab8d2);border-radius:4px;transition:width 0.25s ease}.settings-not-available{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-md);height:100%;color:var(--color-cream);text-align:center;padding:var(--gap-xl)}.settings-not-available i{font-size:48px;color:var(--color-cream-dim)}.settings-not-available .settings-not-available-title{font-size:var(--text-xl);font-weight:700;text-shadow:var(--shadow-text)}.settings-not-available .settings-not-available-body{font-size:var(--text-base);color:var(--color-cream-dim);max-width:360px;line-height:1.4}.settings-help{width:320px;flex-shrink:0;border-left:1px solid var(--color-cream);padding:var(--gap-sm) var(--gap-md);display:flex;flex-direction:column;gap:var(--gap-md);min-height:0}.settings-help-title{color:var(--color-white);font-size:var(--text-md);font-weight:400;text-align:center;padding:var(--gap-sm) var(--gap-md);border-bottom:1px solid var(--color-cream);flex-shrink:0}.settings-help-body{color:var(--color-white);font-size:var(--text-sm);line-height:1.45;overflow-y:auto;flex:1 1 0;min-height:0;padding-right:var(--gap-sm)}.settings-help-body p{margin:0 0 var(--gap-sm)}.settings-help-body p:last-child{margin-bottom:0}.settings-help-body b,.settings-help-body strong{color:var(--color-white);font-weight:700}.settings-help-body u{text-decoration:underline}.settings-help-empty{color:var(--color-cream-dim);font-style:italic;text-align:center;padding:var(--gap-md)}.settings-help-body::-webkit-scrollbar{width:8px;background:transparent}.settings-help-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-light);border-radius:4px}.settings-help-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-light-hover)}.settings-help-body{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-light) transparent}.settings-option--dictionary-list{flex-direction:column;align-items:stretch;gap:var(--gap-sm)}.settings-option--dictionary-list .settings-option-header{display:flex;align-items:center;gap:var(--gap-md)}.settings-option--dictionary-list .settings-option-header .settings-option-label{flex:1 1 0}.settings-dictionary-list{display:flex;flex-direction:column;gap:var(--gap-xs);max-height:240px;overflow-y:auto;padding:var(--gap-sm);background:rgba(0,0,0,0.18);border:1px solid var(--color-dark-mid);border-radius:var(--radius-md);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-light) transparent}.settings-dictionary-list::-webkit-scrollbar{width:8px;background:transparent}.settings-dictionary-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-light);border-radius:4px}.settings-dictionary-empty{color:var(--color-cream-dim);font-style:italic;font-size:var(--text-sm);padding:var(--gap-sm);text-align:center}.settings-dictionary-row{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-xs) var(--gap-sm);border-radius:var(--radius-sm);background:rgba(255,240,220,0.06);color:var(--color-cream);font-size:var(--text-base)}.settings-dictionary-row:hover{background:rgba(255,240,220,0.12)}.settings-dictionary-word{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-dictionary-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:0;border-radius:var(--radius-sm);color:var(--color-cream-dim);cursor:pointer;transition:var(--transition-color)}.settings-dictionary-remove:hover{background:var(--color-danger,#b3261e);color:var(--color-white)}.help-dialog{width:min(1200px,95vw);height:min(800px,90vh);display:flex;flex-direction:column;max-height:900px}.help-tabs{display:flex;justify-content:center;padding:var(--gap-md) var(--gap-md) 0}.help-body{flex:1 1 0;min-height:0;margin:var(--gap-md);display:flex;flex-direction:column}.help-panel{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:var(--gap-md);overflow-y:auto;padding:var(--gap-md);border-radius:var(--radius-lg);background:rgba(0,0,0,0.18);color:var(--color-white)}.help-panel[hidden]{display:none}.help-intro{margin:0;color:var(--color-cream);font-size:var(--text-base);line-height:1.5}.help-hint{margin:0;color:var(--color-cream);opacity:0.8;font-size:var(--text-sm);line-height:1.45}.help-placeholder{color:var(--color-cream);opacity:0.6;font-style:italic;font-size:var(--text-md)}.help-panel--documentation{overflow:hidden}.help-doc-search{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-sm) var(--gap-md);background:rgba(0,0,0,0.3);border:1px solid var(--color-border-light);border-radius:var(--radius-md);flex:0 0 auto}.help-doc-search-icon{color:var(--color-cream);opacity:0.8}.help-doc-search-input{flex:1 1 auto;background:transparent;border:none;outline:none;color:var(--color-white);font-family:inherit;font-size:var(--text-base)}.help-doc-body{flex:1 1 0;min-height:0;display:flex;gap:var(--gap-md)}.help-doc-nav{flex:0 0 220px;min-height:0;overflow-y:auto;padding-right:var(--gap-xs);scrollbar-width:thin;scrollbar-color:transparent transparent}.help-doc-nav:hover{scrollbar-color:rgba(255,255,255,0.4) transparent}.help-doc-nav-list{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--gap-xl)}.help-doc-nav-item[hidden]{display:none}.help-doc-nav-link{display:flex;align-items:center;gap:var(--gap-sm);width:100%;text-align:left;padding:var(--gap-sm);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-cream);font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:var(--transition-color)}.help-doc-nav-link>i{flex:0 0 auto;width:1.2em;text-align:center;opacity:0.85}.help-doc-nav-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-doc-nav-link:hover{background:rgba(255,255,255,0.10);color:var(--color-white)}.help-doc-nav-link.active{background:var(--color-teal);color:var(--color-white)}.help-doc-nav-link.active>i{opacity:1}.help-doc-nav-sub{display:flex;flex-direction:column;gap:1px;margin:2px 0 var(--gap-sm) 1.9em}.help-doc-nav-sublink{text-align:left;background:transparent;border:none;border-radius:var(--radius-sm);padding:3px var(--gap-sm);color:var(--color-cream);opacity:0.75;font-family:inherit;font-size:var(--text-xs);line-height:1.4;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:var(--transition-color),opacity 0.15s ease}.help-doc-nav-sublink:hover{background:rgba(255,255,255,0.08);color:var(--color-white);opacity:1}.help-doc-main{flex:1 1 auto;min-width:0;min-height:0;overflow-y:auto;padding:var(--gap-lg) var(--gap-xl);background:linear-gradient(160deg,rgba(255,255,255,0.13),rgba(255,255,255,0.06));border:1px solid rgba(255,255,255,0.16);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 2px 14px rgba(0,0,0,0.18);scrollbar-width:thin;scrollbar-color:transparent transparent}.help-doc-main:hover{scrollbar-color:rgba(255,255,255,0.4) transparent}.help-doc-article{max-width:760px;margin:0 auto;color:var(--color-white);font-size:var(--text-base);line-height:1.6}.help-doc-status,.help-doc-empty{padding:var(--gap-xl) 0;color:var(--color-cream);opacity:0.7;font-style:italic;text-align:center}.help-doc-empty[hidden]{display:none}.help-doc-section{padding:var(--gap-lg) 0}.help-doc-section[hidden]{display:none}.help-doc-section-divider{height:0;border-top:1px solid var(--color-border-light);opacity:0.6;margin-bottom:var(--gap-lg)}.help-doc-section-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-sm) var(--gap-md);margin-bottom:var(--gap-md)}.help-doc-section-head>i{color:var(--color-teal);font-size:var(--text-xl)}.help-doc-section-title{margin:0;font-size:24px;font-weight:600;color:var(--color-white)}.help-doc-coming{color:var(--color-cream);opacity:0.6;font-style:italic}.help-doc-section-body>:first-child{margin-top:0}.help-doc-section-body p{margin:0 0 var(--gap-md)}.help-doc-section-body .help-lead{font-size:var(--text-md);color:var(--color-cream);line-height:1.55}.help-doc-section-body h2{margin:var(--gap-lg) 0 var(--gap-sm);font-size:var(--text-lg);font-weight:600;color:var(--color-white)}.help-doc-section-body h3{margin:var(--gap-md) 0 var(--gap-sm);font-size:var(--text-md);font-weight:600;color:var(--color-white)}.help-doc-section-body ul,.help-doc-section-body ol{margin:0 0 var(--gap-md);padding-left:1.5em}.help-doc-section-body li{margin-bottom:var(--gap-sm)}.help-doc-section-body a{color:#5cc6e0;text-decoration:none}.help-doc-section-body a:hover{color:#7ad6ec;text-decoration:underline}.help-doc-section-body strong{color:var(--color-white);font-weight:600}.help-doc-section-body ol.help-steps{counter-reset:help-step;list-style:none;padding-left:0}.help-doc-section-body ol.help-steps>li{counter-increment:help-step;position:relative;padding-left:2.2em;margin-bottom:var(--gap-md)}.help-doc-section-body ol.help-steps>li::before{content:counter(help-step);position:absolute;left:0;top:-1px;width:1.6em;height:1.6em;display:flex;align-items:center;justify-content:center;background:var(--color-teal);color:var(--color-white);border-radius:50%;font-size:var(--text-sm);font-weight:600}.help-doc-section-body .help-ui{padding:1px 6px;background:rgba(255,255,255,0.12);border-radius:var(--radius-sm);font-size:0.92em;white-space:nowrap}.help-doc-section-body kbd{display:inline-block;padding:1px 6px;background:rgba(0,0,0,0.35);border:1px solid var(--color-border-light);border-bottom-width:2px;border-radius:var(--radius-sm);font-family:var(--font-mono,ui-monospace,monospace);font-size:0.85em;color:var(--color-white)}.help-doc-kbd-plus,.help-doc-section-body .help-doc-kbd-plus{margin:0 2px;opacity:0.7}.help-doc-section-body .help-note{margin:0 0 var(--gap-md);padding:var(--gap-md);background:rgba(255,255,255,0.07);border-left:3px solid var(--color-cream);border-radius:var(--radius-sm);color:var(--color-cream);line-height:1.5}.help-doc-section-body .help-note>:last-child{margin-bottom:0}.help-doc-section-body .help-note--tip{border-left-color:var(--color-teal)}.help-doc-section-body .help-note--warn{border-left-color:#e0a13a;background:rgba(224,161,58,0.10)}.help-doc-section-body .help-note--ai{border-left-color:var(--color-teal);background:rgba(32,137,163,0.14)}.help-doc-ai-badge,.help-doc-section-body .help-ai-tag,.help-doc-section-body .help-doc-ai-tag{display:inline-flex;align-items:center;gap:5px;background:var(--color-teal);color:var(--color-white);border-radius:var(--radius-round);font-weight:600;white-space:nowrap}.help-doc-ai-badge{padding:2px 10px;font-size:var(--text-xs)}.help-doc-section-body .help-ai-tag,.help-doc-section-body .help-doc-ai-tag{padding:0 7px;font-size:0.78em;vertical-align:middle}.help-doc-section-body .help-shot{position:relative;margin:var(--gap-md) 0 var(--gap-lg)}.help-doc-section-body .help-shot[data-shot-id]:has(>.help-shot-desc)::after{content:"ID: " attr(data-shot-id);position:absolute;top:var(--gap-sm);right:var(--gap-sm);padding:1px 8px;background:rgba(0,0,0,0.45);border:1px solid var(--color-cream-faint);border-radius:var(--radius-sm);color:var(--color-cream-dim);font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--text-xs);font-style:normal;letter-spacing:0.02em;pointer-events:none}.help-doc-section-body .help-shot img{display:block;max-width:100%;height:auto;margin-inline:auto;border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.help-doc-section-body .help-shot-desc{display:flex;align-items:center;min-height:120px;padding:var(--gap-lg);background:rgba(0,0,0,0.25);border:1px dashed var(--color-cream-faint);border-radius:var(--radius-md);color:var(--color-cream-dim);font-style:italic;line-height:1.5}.help-doc-section-body .help-shot-desc::before{content:"\f03e";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;font-style:normal;margin-right:var(--gap-md);font-size:var(--text-xl);opacity:0.6;flex:0 0 auto}.help-doc-section-body .help-shot figcaption{margin-top:var(--gap-sm);color:var(--color-cream);opacity:0.8;font-size:var(--text-sm);font-style:italic;text-align:center}.help-doc-search-nav{display:flex;align-items:center;gap:var(--gap-xs);flex:0 0 auto}.help-doc-search-nav[hidden]{display:none}.help-doc-search-count{color:var(--color-cream);font-size:var(--text-sm);min-width:3.5em;text-align:right;font-variant-numeric:tabular-nums}.help-doc-search-btn{display:flex;align-items:center;justify-content:center;padding:3px 5px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-cream);cursor:pointer;transition:var(--transition-color)}.help-doc-search-btn:hover{background:rgba(255,255,255,0.14);color:var(--color-white)}mark.help-doc-hit{background:var(--color-teal);color:var(--color-white);border-radius:2px;padding:0 1px}mark.help-doc-hit.current{background:#f0b429;color:#1a1a1a;box-shadow:0 0 0 2px rgba(240,180,41,0.5)}.help-font-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap-sm)}.help-font-link{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);padding:var(--gap-sm) var(--gap-md);background:rgba(0,0,0,0.22);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-white);text-decoration:none;font-size:var(--text-lg);transition:var(--transition-color),background 0.15s ease}.help-font-link:hover{background:rgba(255,255,255,0.12);border-color:var(--color-cream)}.help-font-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-font-ext{flex:0 0 auto;font-size:var(--text-sm);color:var(--color-cream);opacity:0.7}.help-attr-status{color:var(--color-cream);opacity:0.7;font-style:italic;font-size:var(--text-base)}.help-attr-status[hidden]{display:none}.help-attr-text{margin:0;flex:1 1 auto;min-height:0;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--text-sm);line-height:1.5;color:var(--color-white)}.help-attr-text[hidden]{display:none}.popup-menu{position:fixed;z-index:1000;min-width:200px;background:var(--color-cream);border:1px solid var(--color-dark-mid);border-radius:var(--radius-md);box-shadow:var(--shadow-element);padding:var(--gap-xs);display:flex;flex-direction:column;gap:2px}.popup-menu-item{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-md);background:transparent;color:var(--color-dark);font-size:var(--text-base);font-family:var(--font-primary);text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-color);white-space:nowrap}.popup-menu-item:hover:not(:disabled){background:var(--color-dark);color:var(--color-cream)}.popup-menu-item:disabled{opacity:0.4;cursor:not-allowed}.popup-menu-item i{width:16px;text-align:center;flex-shrink:0}.popup-menu-item-label{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis}.popup-menu-item-meta{flex-shrink:0;margin-left:var(--gap-md);color:var(--color-dark-mid);font-size:0.85em}.popup-menu-item:hover:not(:disabled) .popup-menu-item-meta{color:var(--color-cream);opacity:0.7}.popup-menu-item-action{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;margin-left:var(--gap-sm);border-radius:var(--radius-sm);color:var(--color-dark-mid);cursor:pointer;transition:var(--transition-color)}.popup-menu-item-action i{width:auto;text-align:center}.popup-menu-item:hover:not(:disabled) .popup-menu-item-action{color:var(--color-cream);opacity:0.6}.popup-menu-item-action:hover{background:var(--color-danger,#b3261e);color:var(--color-white);opacity:1}.popup-menu-item--danger{color:var(--color-danger,#b3261e)}.popup-menu-item--danger:hover:not(:disabled){background:var(--color-danger,#b3261e);color:var(--color-white)}.popup-menu-separator{height:1px;margin:var(--gap-xs) var(--gap-sm);background:var(--color-dark-mid);opacity:0.4}.grammar-issue{text-decoration-line:underline;text-decoration-style:double;text-decoration-color:#16a34a;text-decoration-thickness:2px;text-underline-offset:2px;text-decoration-skip-ink:none;cursor:help}.grammar-issue.duplicate-word,.grammar-issue.duplicate-spaces{text-decoration-color:#16a34a}.grammar-issue.spelling{text-decoration-style:wavy;text-decoration-color:#dc2626;text-decoration-thickness:1px;text-underline-offset:1px}.grammar-issue-overlay{position:absolute;inset:0;pointer-events:none;color:transparent;white-space:pre-wrap;overflow:hidden;z-index:2}.grammar-issue-overlay--ce{color:inherit;white-space:normal;z-index:1}.grammar-issue-overlay-mark{position:absolute;pointer-events:none;background-repeat:repeat-x;background-position:left bottom;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path d='M0,1 L4,1' stroke='%2316a34a' stroke-width='1' fill='none'/><path d='M0,3 L4,3' stroke='%2316a34a' stroke-width='1' fill='none'/></svg>");background-size:4px 4px}.grammar-issue-overlay-mark.spelling{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='3' viewBox='0 0 4 3'><path d='M0,2 Q1,0 2,2 T4,2' stroke='%23dc2626' stroke-width='1' fill='none'/></svg>");background-size:4px 3px}.grammar-issue-overlay-mark.duplicate-word,.grammar-issue-overlay-mark.duplicate-spaces{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path d='M0,1 L4,1' stroke='%2316a34a' stroke-width='1' fill='none'/><path d='M0,3 L4,3' stroke='%2316a34a' stroke-width='1' fill='none'/></svg>");background-size:4px 4px}.grammar-field-wrapper{position:relative;display:inline-flex;align-items:stretch;width:100%;max-width:100%;box-sizing:border-box}.grammar-field-wrapper--block{display:flex}.grammar-field-wrapper>input,.grammar-field-wrapper>textarea{position:relative;flex:1 1 auto;min-width:0;width:100%;box-sizing:border-box}.popup-menu--grammar{min-width:220px}.popup-menu-caption{padding:var(--gap-sm) var(--gap-md) var(--gap-xs);color:var(--color-dark-light);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:0.04em}.popup-menu-empty{padding:var(--gap-sm) var(--gap-md);color:var(--color-dark-light);font-size:var(--text-sm);font-style:italic}.popup-menu-item-shortcut{margin-left:auto;color:var(--color-dark-light);font-size:var(--text-sm)}.popup-menu-item:hover:not(:disabled) .popup-menu-item-shortcut{color:rgba(255,240,220,0.85)}.comment-mark{background-color:var(--comment-bg-normal);cursor:help;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.05)}.comment-mark--correction{background-color:var(--comment-bg-correction)}.ProseMirror--comments-hidden .comment-mark{background-color:transparent;box-shadow:none;cursor:text}.comment-tooltip{position:fixed;z-index:var(--z-notification);min-width:200px;max-width:400px;max-height:300px;display:flex;flex-direction:column;background:var(--comment-bg-normal);color:var(--color-dark);border:1px solid rgba(0,0,0,0.12);border-radius:var(--radius-md);box-shadow:var(--shadow-element);font-size:var(--text-base);line-height:1.45;animation:comment-tooltip-fade-in 0.12s ease-out forwards}.comment-tooltip--correction{background:var(--comment-bg-correction)}.comment-tooltip--alongside{pointer-events:none}.comment-tooltip-caption{padding:var(--gap-xs) var(--gap-md);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-dark-mid);border-bottom:1px solid rgba(0,0,0,0.1);flex:0 0 auto}.comment-tooltip-body{padding:var(--gap-sm) var(--gap-md);overflow-y:auto;flex:1 1 auto;white-space:pre-wrap;word-break:break-word}@keyframes comment-tooltip-fade-in{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.comment-dialog{width:min(560px,92vw)}.comment-dialog-body{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--gap-lg);color:var(--color-white);font-size:var(--text-base);line-height:1.5}.comment-dialog-flavor-row{display:flex;justify-content:center;margin-bottom:var(--gap-xs)}.comment-dialog-preview-label,.comment-dialog-body-label{margin:0;color:var(--color-cream-dim);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:0.04em}.comment-dialog-preview{padding:var(--gap-sm) var(--gap-md);background:rgba(255,240,220,0.08);color:var(--color-cream);border-left:3px solid var(--color-cream-dim);border-radius:var(--radius-sm);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-dialog-textarea{width:100%;min-height:110px;max-height:320px;padding:var(--gap-sm) var(--gap-md);background:var(--color-cream);color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-base);line-height:1.5;border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-sm);overflow-y:auto;white-space:pre-wrap;overflow-wrap:break-word;cursor:text;box-sizing:border-box}.comment-dialog-textarea:empty::before{content:attr(data-placeholder);color:var(--color-muted);font-style:italic;pointer-events:none}.comment-dialog-textarea:focus{outline:2px solid var(--color-teal);outline-offset:1px}.comment-dialog-counter{align-self:flex-end;margin-top:calc(var(--gap-xs) * -1);color:var(--color-cream-dim);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.comment-dialog-counter--near{color:var(--color-yellow,#f5c451)}.comment-dialog-counter--full{color:var(--color-coral,#ff9b9b);font-weight:600}.comment-dialog-actions{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);padding:0 var(--gap-md) var(--gap-md)}.comment-dialog-btn--cancel{background:transparent;border:1px solid var(--color-cream);color:var(--color-cream)}.comment-dialog-btn--cancel:hover:not(:disabled){background:rgba(255,240,220,0.1)}.comment-dialog--correction .comment-dialog-preview{border-left-color:var(--comment-bg-correction)}.reference-mark{text-decoration:underline dotted var(--reference-line);text-decoration-thickness:2px;text-underline-offset:2px;text-decoration-skip-ink:none;cursor:help}.ProseMirror--references-hidden .reference-mark{text-decoration:none;cursor:text}.reference-tooltip{position:fixed;z-index:var(--z-notification);display:flex;flex-direction:column;align-items:stretch;min-width:116px;max-width:180px;background:var(--color-dark);color:var(--color-cream);border:1px solid rgba(0,0,0,0.35);border-radius:var(--radius-md);box-shadow:var(--shadow-element);padding:14px var(--gap-sm) var(--gap-xs);animation:reference-tooltip-fade-in 0.12s ease-out forwards}.reference-tooltip-caption{color:var(--color-cream-dim);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:0.05em;text-align:center;flex:0 0 auto;margin-bottom:var(--gap-xs)}.reference-tooltip-card{display:flex;flex-direction:column;align-items:center;padding:0;cursor:pointer;background:transparent;border:none;color:inherit;transition:background-color 120ms ease;border-radius:var(--radius-sm)}.reference-tooltip-card:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.reference-tooltip-card-image{position:relative;width:96px;height:96px;border-radius:var(--radius-md);background-color:var(--color-dark-mid);background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;color:var(--color-cream-faint);font-size:32px;box-shadow:var(--shadow-element)}.reference-tooltip-card-type{position:absolute;top:-8px;left:-8px;width:22px;height:22px;background:var(--color-cream);color:var(--color-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:var(--shadow-light)}.reference-tooltip-card-name{margin-top:3px;margin-bottom:1px;max-width:96px;text-align:center;font-size:var(--text-sm);font-weight:700;color:var(--color-cream);text-shadow:var(--shadow-text);word-break:break-word;line-height:1.15}@keyframes reference-tooltip-fade-in{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.reference-dialog{width:min(560px,92vw)}.reference-dialog-body{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--gap-lg);color:var(--color-white);font-size:var(--text-base);line-height:1.5}.reference-dialog-preview-label,.reference-dialog-search-label{margin:0;color:var(--color-cream-dim);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:0.04em}.reference-dialog-preview{padding:var(--gap-sm) var(--gap-md);background:rgba(255,240,220,0.08);color:var(--color-cream);border-left:3px solid var(--color-cream-dim);border-radius:var(--radius-sm);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-dialog-search{}.reference-dialog-results{position:relative;height:310px;overflow-y:auto;padding:18px 18px var(--gap-md);border-radius:var(--radius-lg)}.reference-dialog-results-strip{display:flex;flex-wrap:wrap;gap:var(--gap-md);align-content:flex-start;row-gap:18px}.reference-dialog-results-empty{color:var(--color-cream-dim);font-style:italic;text-align:center;padding:var(--gap-md)}.reference-dialog-result-card{flex:0 0 auto;width:96px;display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);padding:var(--gap-xs);border-radius:var(--radius-md);cursor:pointer;user-select:none;transition:background-color 120ms ease}.reference-dialog-result-card:hover{background:rgba(255,255,255,0.08)}.reference-dialog-result-card--selected{background:rgba(255,240,220,0.12);outline:2px dashed var(--color-teal);outline-offset:-2px}.reference-dialog-result-card-image{position:relative;width:96px;height:96px;background-color:var(--color-dark-mid);background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:var(--radius-md);color:var(--color-cream-faint);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:var(--shadow-element)}.reference-dialog-result-card-type{position:absolute;top:-8px;left:-8px;width:22px;height:22px;background:var(--color-cream);color:var(--color-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:var(--shadow-light);z-index:1}.reference-dialog-result-card-label{width:100%;text-align:center;font-size:var(--text-sm);font-weight:700;color:var(--color-cream);text-shadow:var(--shadow-text);word-break:break-word;line-height:1.2}.reference-dialog-result-card-phase-btn{position:absolute;top:50%;transform:translateY(-50%);width:22px;height:22px;padding:0;background:var(--color-cream);color:var(--color-dark);border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 120ms ease,background-color 120ms ease,color 120ms ease;z-index:2;box-shadow:var(--shadow-light)}.reference-dialog-result-card-phase-btn--prev{left:-11px}.reference-dialog-result-card-phase-btn--next{right:-11px}.reference-dialog-result-card:hover .reference-dialog-result-card-phase-btn{opacity:1;pointer-events:auto}.reference-dialog-result-card-phase-btn:hover{background:var(--color-white);color:var(--color-teal)}.reference-dialog-actions{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);padding:0 var(--gap-md) var(--gap-md)}.reference-dialog-btn--cancel{background:transparent;border:1px solid var(--color-cream);color:var(--color-cream)}.reference-dialog-btn--cancel:hover:not(:disabled){background:rgba(255,240,220,0.1)}.resource-details-content.voice-active{background:transparent;border:0;padding:0;color:var(--color-white)}.voice-pane{flex:1 1 0;min-height:0;width:100%;display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--gap-md);border-radius:var(--radius-md);overflow:hidden}.voice-pane-tabs{flex-shrink:0}.voice-pane-error-banner{flex-shrink:0;padding:var(--gap-sm) var(--gap-md);border-radius:var(--radius-sm);background:rgba(220,53,69,0.18);color:var(--color-text-primary,#fff);border:1px solid rgba(220,53,69,0.55);font-size:0.9rem;line-height:1.4}.voice-pane-body{flex:1 1 0;min-height:0;display:flex;gap:var(--gap-md);width:100%}.voice-pane-main{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--gap-md)}.voice-pane-side{flex:1 1 0;min-width:0;display:flex;flex-direction:column;padding:var(--gap-md)}.voice-pane-field{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:var(--gap-md);width:100%}.voice-pane-field-bar{display:flex;align-items:center;gap:var(--gap-md);width:100%;flex-shrink:0}.voice-pane-field-label{color:var(--color-white);font-size:var(--text-md);white-space:nowrap}.voice-pane-insert-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--color-cream);font-size:var(--text-lg);text-shadow:var(--shadow-text);background:transparent;border:0;padding:0;cursor:pointer;transition:var(--transition-color)}.voice-pane-insert-btn:hover{color:var(--color-white)}.voice-pane-insert-btn[hidden]{display:none}.voice-pane-textarea{flex:1 1 0;width:100%;min-height:0;padding:var(--gap-md);background:var(--color-white);color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-base);line-height:1.5;border:1px solid var(--color-cream);border-radius:var(--radius-md);overflow-y:auto;scrollbar-gutter:stable;white-space:pre-wrap;overflow-wrap:break-word;outline:none;cursor:text;box-sizing:border-box}.voice-pane-textarea:empty::before{content:attr(data-placeholder);color:var(--color-light-muted);font-style:italic;pointer-events:none}.voice-pane-textarea[data-no-voice="true"]:empty::before{color:#c84a4a}.voice-pane-textarea--disabled{background:rgba(255,255,255,0.85);cursor:not-allowed}.voice-pane-textarea::-webkit-scrollbar{width:8px;background:transparent}.voice-pane-textarea::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.voice-pane-textarea:hover::-webkit-scrollbar-thumb,.voice-pane-textarea:focus::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-dark)}.voice-pane-textarea:hover::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-dark-hover)}.voice-pane-textarea{scrollbar-width:thin;scrollbar-color:transparent transparent}.voice-pane-textarea:hover,.voice-pane-textarea:focus{scrollbar-color:var(--scrollbar-thumb-dark) transparent}.voice-pane-actionbar{display:flex;align-items:center;justify-content:center;padding:var(--gap-sm) var(--gap-sm) var(--gap-md);flex-shrink:0}.voice-pane-token-meter{margin-left:auto;display:inline-flex;align-items:center;gap:var(--gap-sm);color:var(--color-white);font-size:var(--text-md);text-shadow:var(--shadow-text);white-space:nowrap;pointer-events:none}.voice-pane-token-meter strong{font-weight:700}.voice-pane-list-label{display:flex;align-items:center;justify-content:center;padding:var(--gap-sm) var(--gap-md);background:rgba(51,51,51,0.7);border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--color-cream);font-size:var(--text-base);flex-shrink:0;margin-bottom:var(--gap-sm)}.voice-pane-list{flex:1 1 0;min-height:0;padding:var(--gap-sm);border:1px solid var(--color-cream);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;overflow-y:auto}.voice-pane-list-empty{flex:1 1 0;display:flex;align-items:center;justify-content:center;color:var(--color-cream-faint);font-style:italic;font-size:var(--text-base);padding:var(--gap-md);text-align:center}.voice-pane-row{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-md);color:var(--color-white);font-size:var(--text-base)}.voice-pane-row-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;color:var(--color-cream);font-size:var(--text-md);text-shadow:var(--shadow-text);cursor:pointer;flex-shrink:0;transition:var(--transition-color)}.voice-pane-row-btn:hover{color:var(--color-white)}.voice-pane-row-checkbox{font-size:var(--text-md)}.voice-pane-row-text{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-pane-row-date{flex-shrink:0;color:var(--color-white);font-size:var(--text-base);white-space:nowrap}.notification-panel{position:fixed;top:0;left:300px;width:540px;max-width:calc(100vw - 300px - var(--gap-md));z-index:var(--z-notification-panel);display:flex;flex-direction:column;transform:translateY(-100%);transition:transform 0.3s ease;pointer-events:none;background:rgba(128,128,128,0.5);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-panel);overflow:hidden;outline:none}.notification-panel--open{transform:translateY(0);pointer-events:auto}.notification-titlebar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);padding:var(--gap-md);border-bottom:1px solid var(--color-cream)}.notification-title-wrap{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;overflow:hidden}.notification-title{font-family:var(--font-primary);font-size:var(--text-xl);color:var(--color-white);text-shadow:var(--shadow-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.notification-time{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-cream);opacity:0.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.notification-actions{display:flex;align-items:center;gap:var(--gap-md);flex-shrink:0}.notification-action-group{display:flex;align-items:center;gap:var(--gap-md)}.notification-action-btn{background:transparent;border:0;padding:0;font-size:var(--text-xl);color:var(--color-cream);text-shadow:var(--shadow-text);transition:var(--transition-color);cursor:pointer;line-height:1}.notification-action-btn:hover:not(:disabled){color:var(--color-white)}.notification-action-btn:disabled{color:var(--color-cream-faint);cursor:default}.notification-notice-area{padding:var(--gap-md) var(--gap-sm)}.notification-detail{position:relative;padding:var(--gap-md);border-radius:var(--radius-lg);background:rgba(128,128,128,0.8);box-shadow:var(--shadow-panel),var(--glass-edge-shadow);color:var(--color-white);font-family:var(--font-primary);font-size:var(--text-sm);line-height:1.4;overflow:hidden}.notification-html p{margin:0 0 var(--gap-sm)}.notification-html p:last-child{margin-bottom:0}.notification-html .notification-headline{font-size:var(--text-xl);margin-bottom:var(--gap-md)}.notification-html a{color:var(--color-cream);text-decoration:underline}.notification-html a:hover{color:var(--color-white)}.notification-html .notification-body-actions{display:flex;flex-wrap:wrap;gap:var(--gap-sm);margin-top:var(--gap-md)}.notification-html .notification-body-btn{appearance:none;cursor:pointer;border:1px solid var(--color-teal);background:var(--color-teal);color:var(--color-white);border-radius:var(--radius-md,6px);padding:6px 14px;font-size:var(--text-base);font-weight:600;transition:filter 120ms ease-out}.notification-html .notification-body-btn:hover:not(:disabled){filter:brightness(0.95)}.notification-html .notification-body-btn:disabled{cursor:default;opacity:0.6;filter:none}.notification-html .notification-body-btn--done{background:transparent;color:var(--color-cream);cursor:default}.notification-empty{display:none;color:var(--color-cream-dim);font-style:italic;text-align:center;padding:var(--gap-md)}.notification-html--empty{display:none}.vd-tooltip{position:fixed;z-index:var(--z-notification);background:var(--color-dark);color:var(--color-white);font-size:var(--text-sm);font-weight:700;line-height:1.35;padding:var(--gap-sm) var(--gap-md);border-radius:var(--radius-md);box-shadow:var(--shadow-element);max-width:320px;pointer-events:none;text-shadow:var(--shadow-text);animation:vd-tooltip-fade-in 0.12s ease-out forwards}.vd-tooltip-code{padding:0 5px;margin:0 1px;border-radius:var(--radius-sm);background:rgba(255,255,255,0.14);color:#bbf7d0;font-family:inherit;font-size:0.95em;font-weight:600;text-shadow:none}@keyframes vd-tooltip-fade-in{from{opacity:0}to{opacity:1}}.vd-tooltip::before{content:'';position:absolute;width:0;height:0;border:6px solid transparent}.vd-tooltip[data-placement="right"]::before{top:50%;left:-12px;transform:translateY(-50%);border-right-color:var(--color-dark)}.vd-tooltip[data-placement="left"]::before{top:50%;right:-12px;transform:translateY(-50%);border-left-color:var(--color-dark)}.vd-tooltip[data-placement="top"]::before{bottom:-12px;left:50%;transform:translateX(-50%);border-top-color:var(--color-dark)}.vd-tooltip[data-placement="bottom"]::before{top:-12px;left:50%;transform:translateX(-50%);border-bottom-color:var(--color-dark)}.find-replace-panel{position:fixed;top:calc(var(--header-height) + var(--gap-md));right:calc(var(--chat-current-width) + var(--gap-md));z-index:var(--z-find-replace);width:360px;min-width:280px;display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);transition:right 0.3s ease}.find-replace-panel[hidden]{display:none}.find-replace-titlebar{display:flex;align-items:center;gap:var(--gap-sm)}.find-replace-titlebar .tab-switcher-bar{flex:1 1 0;min-width:0}.find-replace-close{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--color-cream);font-size:var(--text-md);text-shadow:var(--shadow-text-glow);transition:var(--transition-color),background-color 0.15s ease;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.find-replace-close:hover{background:rgba(255,255,255,0.15);color:var(--color-cream)}.find-replace-row{display:flex;align-items:center;gap:var(--gap-sm);background:var(--color-cream);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-sm);padding:0 var(--gap-sm);height:28px}.find-replace-row[hidden]{display:none}.find-replace-input{flex:1 1 0;min-width:0;height:100%;font-size:var(--text-base);color:var(--color-black);background:transparent;border:0;outline:none}.find-replace-input::placeholder{color:var(--color-muted)}.find-replace-status{flex-shrink:0;font-size:var(--text-sm);color:var(--color-dark-light);white-space:nowrap;padding-left:var(--gap-sm);border-left:1px solid var(--color-border-light)}.find-replace-status.empty{color:var(--color-light-muted)}.find-replace-status.no-matches{color:#c44}.find-replace-options{flex-shrink:0;display:flex;align-items:center;gap:2px}.find-replace-opt{width:22px;height:22px;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-dark-mid);background:transparent;transition:var(--transition-color),background-color 0.15s ease;display:inline-flex;align-items:center;justify-content:center}.find-replace-opt:hover{background:rgba(0,0,0,0.06)}.find-replace-opt.active{background:var(--color-teal);color:var(--color-cream)}.find-replace-opt[data-opt="wholeWord"]{font-style:italic;font-weight:700;position:relative}.find-replace-opt[data-opt="wholeWord"]::after{content:'';position:absolute;left:4px;right:4px;bottom:4px;height:1px;background:currentColor}.find-replace-actions{flex-shrink:0;display:flex;align-items:center;gap:2px}.find-replace-action{height:22px;min-width:22px;padding:0 var(--gap-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-dark-mid);background:transparent;border:1px solid transparent;transition:var(--transition-color),background-color 0.15s ease,border-color 0.15s ease;display:inline-flex;align-items:center;justify-content:center}.find-replace-action[data-action="prev"],.find-replace-action[data-action="next"]{width:22px;padding:0;font-size:var(--text-md)}.find-replace-action[data-action="replace-one"],.find-replace-action[data-action="replace-all"]{border-color:rgba(0,0,0,0.2);background:rgba(255,255,255,0.5)}.find-replace-action:hover:not(:disabled){background:rgba(0,0,0,0.06);color:var(--color-teal);border-color:var(--color-teal)}.find-replace-action[data-action="replace-one"]:hover:not(:disabled),.find-replace-action[data-action="replace-all"]:hover:not(:disabled){background:rgba(32,137,163,0.12);color:var(--color-teal);border-color:var(--color-teal)}.find-replace-action:disabled{opacity:0.4;cursor:not-allowed}.find-replace-match{background:rgba(255,235,130,0.65);border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.find-replace-match-active{background:var(--color-teal);color:var(--color-cream);border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.font-family-select-popup,.font-size-select-popup,.paragraph-style-select-popup,.scene-break-style-select-popup,.editor-toolbar-line-spacing-popup{position:fixed;z-index:var(--z-popup);display:flex;flex-direction:column;padding:4px 0;background:rgba(38,38,38,0.98);border:1px solid var(--color-cream-faint);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);color:var(--color-white);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}.script-element-select-popup,.scene-jump-select-popup,.character-extension-select-popup{position:fixed;z-index:var(--z-popup);padding:var(--gap-xs) 0;background:var(--color-dark);border:1px solid var(--color-cream-faint);border-radius:var(--radius-sm);box-shadow:var(--shadow-element);color:var(--color-cream);font-size:var(--text-sm);max-height:320px;overflow-y:auto}.font-family-select-popup[hidden],.font-size-select-popup[hidden],.paragraph-style-select-popup[hidden],.scene-break-style-select-popup[hidden],.editor-toolbar-line-spacing-popup[hidden],.script-element-select-popup[hidden],.scene-jump-select-popup[hidden],.character-extension-select-popup[hidden]{display:none}.font-family-select{position:relative;display:inline-flex;align-items:stretch;min-width:var(--font-family-min-width,130px);flex-shrink:1}.font-family-select-store{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0 0 0 0)}.font-family-select-btn{flex:1 1 auto;height:30px;padding:0 var(--gap-sm);background:var(--color-white);color:var(--color-dark);border:1px solid var(--color-border-light);border-radius:6px;font-size:var(--text-base);font-family:var(--font-primary);text-align:left;cursor:pointer;display:inline-flex;align-items:center;gap:var(--gap-xs);overflow:hidden;white-space:nowrap}.font-family-select-btn:focus,.font-family-select-btn[aria-expanded="true"]{outline:none;border-color:var(--color-teal);box-shadow:0 0 0 2px rgba(32,137,163,0.25)}.font-family-select-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-family-select-caret{flex-shrink:0;font-size:10px;color:var(--color-border-light);pointer-events:none}.font-family-select-popup{max-height:320px;overflow-y:auto;overflow-x:hidden}.font-family-select-option{padding:6px 14px;cursor:pointer;font-size:var(--text-md);line-height:1.3;white-space:nowrap;color:var(--color-white)}.font-family-select-option:hover,.font-family-select-option.highlighted{background:rgba(32,137,163,0.4)}.font-size-select{position:relative;display:inline-flex;align-items:stretch;flex-shrink:0;background:var(--color-white);color:var(--color-dark);border:1px solid var(--color-border-light);border-radius:6px;overflow:hidden}.font-size-select:focus-within{border-color:var(--color-teal);box-shadow:0 0 0 2px rgba(32,137,163,0.25)}.font-size-select-store{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0 0 0 0)}.font-size-select-input{flex:1 1 auto;min-width:0;height:30px;padding:0 var(--gap-xs);background:transparent;color:inherit;border:0;outline:none;font-size:var(--text-base);font-family:var(--font-primary);text-align:center;appearance:textfield;-moz-appearance:textfield}.font-size-select-input::-webkit-outer-spin-button,.font-size-select-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.font-size-select-input.mixed::placeholder{color:var(--color-border-light);font-style:italic}.font-size-select-caret-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;padding:0 4px;background:transparent;color:inherit;border:0;border-left:1px solid var(--color-border-light);cursor:pointer}.font-size-select-caret-btn:hover{background:rgba(0,0,0,0.05)}.font-size-select-caret{font-size:10px;color:var(--color-border-light);pointer-events:none}.font-size-select-popup{max-height:320px;overflow-y:auto;overflow-x:hidden}.font-size-select-option{padding:6px 14px;cursor:pointer;font-size:var(--text-md);line-height:1.3;white-space:nowrap;color:var(--color-white);text-align:center}.font-size-select-option:hover,.font-size-select-option.highlighted{background:rgba(32,137,163,0.4)}.scene-break{display:flex;align-items:center;justify-content:center;margin:1.5em 0;padding:4px 8px;border-radius:4px;cursor:default;transition:background-color 120ms ease;user-select:none}.scene-break:hover{background-color:rgba(32,137,163,0.08)}.ProseMirror-selectednode.scene-break,.scene-break.ProseMirror-selectednode{background-color:rgba(32,137,163,0.18);outline:1px solid rgba(32,137,163,0.55);outline-offset:2px}.scene-break-text{font-family:inherit;font-size:1.2em;letter-spacing:0.15em;color:inherit;line-height:1}.scene-break-svg{display:inline-block;width:100%;max-width:320px;line-height:0;color:inherit}.scene-break-svg svg{width:100%;height:auto;color:inherit;fill:currentColor;stroke:currentColor}.editor-hr{transition:background-color 120ms ease}.editor-hr:hover{background-color:rgba(32,137,163,0.08)}.ProseMirror-selectednode.editor-hr,.editor-hr.ProseMirror-selectednode{background-color:rgba(32,137,163,0.18);outline:1px solid rgba(32,137,163,0.55);outline-offset:2px}.scene-break-style-select{position:relative;display:inline-flex;align-items:stretch;min-width:440px}.scene-break-style-select-store{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0 0 0 0)}.scene-break-style-select-btn{flex:1 1 auto;min-height:38px;padding:4px var(--gap-sm);background:var(--color-white);color:var(--color-dark);border:1px solid var(--color-border-light);border-radius:6px;font-size:var(--text-base);font-family:var(--font-primary);text-align:left;cursor:pointer;display:inline-flex;align-items:center;gap:var(--gap-xs);overflow:hidden;white-space:nowrap}.scene-break-style-select-btn:focus,.scene-break-style-select-btn[aria-expanded="true"]{outline:none;border-color:var(--color-teal);box-shadow:0 0 0 2px rgba(32,137,163,0.25)}.scene-break-style-select-preview{flex:1 1 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0}.scene-break-style-select-caret{flex-shrink:0;font-size:10px;color:var(--color-border-light);pointer-events:none}.scene-break-style-select-popup{max-height:240px;overflow-y:auto;overflow-x:hidden}.scene-break-style-select-option{display:flex;align-items:center;gap:var(--gap-sm);padding:6px 14px;cursor:pointer;color:var(--color-white);border-bottom:1px solid rgba(255,255,255,0.06)}.scene-break-style-select-option:last-child{border-bottom:0}.scene-break-style-select-option:hover,.scene-break-style-select-option.highlighted{background:rgba(32,137,163,0.4)}.scene-break-style-select-option-preview{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}.scene-break-style-select-option-label{flex-shrink:0;font-size:var(--text-sm);color:rgba(255,255,255,0.6);white-space:nowrap}.scene-break-style-select-text{font-size:1.1em;letter-spacing:0.15em}.scene-break-style-select-svg{display:inline-block;width:100%;max-width:380px;line-height:0;color:currentColor}.scene-break-style-select-svg svg{width:100%;height:auto;color:inherit;fill:currentColor;stroke:currentColor}.editor-image-wrap{position:relative;display:block;margin:1em auto;width:100%;max-width:100%;box-sizing:border-box;user-select:none;cursor:move;line-height:0;border-radius:4px;transition:background-color 120ms ease}.editor-image-wrap .editor-image{display:block;width:100%;height:auto;max-width:100%;outline:none;pointer-events:auto}.editor-image-wrap:hover{background-color:rgba(32,137,163,0.04)}.ProseMirror-selectednode.editor-image-wrap,.editor-image-wrap.ProseMirror-selectednode{background-color:rgba(32,137,163,0.10);outline:1px solid rgba(32,137,163,0.55);outline-offset:2px}.editor-image-handle{position:absolute;width:20px;height:20px;pointer-events:none;opacity:0;transition:opacity 120ms ease;z-index:2;background:transparent;border:none}.editor-image-handle::before{content:'';position:absolute;width:12px;height:12px;background:rgba(32,137,163,0.95);border:1.5px solid rgb(255,255,255);border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,0.3);box-sizing:border-box}.editor-image-wrap.ProseMirror-selectednode .editor-image-handle,.editor-image-wrap--resizing .editor-image-handle{opacity:1;pointer-events:auto}.editor-image-handle--nw{top:-15px;left:-15px;cursor:nwse-resize}.editor-image-handle--nw::before{bottom:0;right:0}.editor-image-handle--ne{top:-15px;right:-15px;cursor:nesw-resize}.editor-image-handle--ne::before{bottom:0;left:0}.editor-image-handle--sw{bottom:-15px;left:-15px;cursor:nesw-resize}.editor-image-handle--sw::before{top:0;right:0}.editor-image-handle--se{bottom:-15px;right:-15px;cursor:nwse-resize}.editor-image-handle--se::before{top:0;left:0}.editor-image-wrap--resizing{z-index:3}.ProseMirror--readonly .editor-image-handle{display:none}.editor-top-drop-indicator{background:rgba(32,137,163,0.95);border-radius:1px;box-shadow:0 0 4px rgba(32,137,163,0.45)}.editor-image-dialog{width:min(920px,90vw);height:min(728px,90vh)}.editor-image-detail-area{margin:var(--gap-md) var(--gap-md) 0;padding:var(--gap-md);border-radius:var(--radius-lg);display:flex;flex-direction:column;flex:1 1 0;min-height:0}.editor-image-tabs{padding:var(--gap-md) var(--gap-md) 0}.editor-image-mode-content{display:flex;flex-direction:column;flex:1 1 0;min-height:0}.editor-image-library-pane{display:flex;flex-direction:column;min-height:320px;flex:1 1 auto}.editor-toolbar{position:relative;display:flex;align-items:center;flex-shrink:0;width:100%;padding:var(--gap-sm) var(--gap-md);gap:var(--gap-sm);background:linear-gradient(to bottom,var(--panel-gradient-from),var(--panel-gradient-to));backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);box-shadow:var(--shadow-panel),var(--glass-edge-shadow);border-radius:var(--radius-lg);z-index:2}.editor-toolbar::before{content:'';position:absolute;inset:0;background:linear-gradient(var(--glass-light-angle),var(--glass-light-from),var(--glass-light-to) 60%);border-radius:inherit;pointer-events:none;z-index:0;border:1px solid rgba(255,255,255,0.25)}.editor-toolbar>*{position:relative;z-index:1}.editor-toolbar-main{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:var(--gap-sm);overflow:hidden;white-space:nowrap}.editor-toolbar-group{display:inline-flex;align-items:center;gap:2px;padding:0 var(--gap-sm) 0 0;border-right:1px solid var(--color-cream-faint);flex-shrink:0}.editor-toolbar-main>.editor-toolbar-group:last-child{border-right:0}.editor-toolbar-btn{position:relative;height:28px;min-width:28px;padding:0 var(--gap-sm);border:1px solid transparent;background:transparent;color:var(--color-cream);font-size:var(--text-md);text-shadow:var(--shadow-text);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-color),border-color 0.15s ease;display:inline-flex;align-items:center;justify-content:center}.editor-toolbar-btn:hover:not(:disabled){color:var(--color-white);background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.editor-toolbar-btn.active{color:var(--color-cream);background:rgba(32,137,163,0.4);border-color:var(--color-teal)}.editor-toolbar-btn:disabled{color:var(--color-cream-faint);cursor:not-allowed}.editor-toolbar-btn.danger{color:#ffb4b4}.editor-toolbar-btn.danger:hover:not(:disabled){color:#ff8a8a}.editor-toolbar-btn-mod{position:absolute;right:2px;bottom:2px;font-size:8px;color:inherit;text-shadow:none;opacity:0.85;pointer-events:none}.editor-toolbar-btn-label{display:none;font-size:var(--text-sm);text-align:left;line-height:1.2}.font-family-select--toolbar .font-family-select-btn{height:28px;background:rgba(255,255,255,0.15);color:var(--color-cream);border-color:var(--color-cream-faint);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:inherit}.font-family-select--toolbar .font-family-select-btn:hover{background-color:rgba(255,255,255,0.2)}.font-family-select--toolbar .font-family-select-btn:focus,.font-family-select--toolbar .font-family-select-btn[aria-expanded="true"]{border-color:var(--color-cream);box-shadow:none}.font-family-select--toolbar .font-family-select-caret{color:var(--color-cream-faint)}.editor-toolbar-line-spacing{display:inline-flex;align-items:stretch;height:28px;border:1px solid var(--color-cream-faint);border-radius:var(--radius-sm);background:rgba(255,255,255,0.15);color:var(--color-cream);overflow:hidden;flex-shrink:0}.editor-toolbar-line-spacing:focus-within{border-color:var(--color-cream)}.editor-toolbar-line-spacing-icon{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--color-cream);border:0;padding:0 6px;cursor:pointer;font-size:var(--text-sm)}.editor-toolbar-line-spacing-icon:hover{background:rgba(255,255,255,0.12)}.editor-toolbar-line-spacing-input{width:38px;min-width:0;flex:0 0 auto;padding:0 4px;background:transparent;border:0;border-left:1px solid var(--color-cream-faint);color:var(--color-cream);font-size:var(--text-sm);text-align:center;outline:none;appearance:textfield;-moz-appearance:textfield}.editor-toolbar-line-spacing-input::-webkit-outer-spin-button,.editor-toolbar-line-spacing-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editor-toolbar-line-spacing-input.mixed::placeholder{color:rgba(255,240,220,0.5)}.editor-toolbar-line-spacing-header{padding:6px 14px;font-size:var(--text-sm);font-weight:700;color:var(--color-cream);border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:4px}.editor-toolbar-line-spacing-option{padding:6px 14px;cursor:pointer;font-size:var(--text-md);line-height:1.3;color:var(--color-white)}.editor-toolbar-line-spacing-option:hover,.editor-toolbar-line-spacing-option.highlighted{background:rgba(32,137,163,0.4)}.font-size-select--toolbar{height:28px;width:60px;background:rgba(255,255,255,0.15);color:var(--color-cream);border-color:var(--color-cream-faint);border-radius:var(--radius-sm);font-family:inherit}.font-size-select--toolbar:focus-within{border-color:var(--color-cream);box-shadow:none}.font-size-select--toolbar .font-size-select-input{height:100%;color:var(--color-cream);font-size:var(--text-sm)}.font-size-select--toolbar .font-size-select-input::placeholder{color:rgba(255,240,220,0.5)}.font-size-select--toolbar .font-size-select-caret-btn{border-left-color:var(--color-cream-faint);color:var(--color-cream)}.font-size-select--toolbar .font-size-select-caret-btn:hover{background:rgba(255,255,255,0.12)}.font-size-select--toolbar .font-size-select-caret{color:var(--color-cream-faint)}.editor-toolbar-overflow-btn{height:28px;min-width:28px;padding:0 var(--gap-sm);border:1px solid transparent;background:transparent;color:var(--color-cream);font-size:var(--text-md);text-shadow:var(--shadow-text);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-color),border-color 0.15s ease;flex-shrink:0}.editor-toolbar-overflow-btn:hover{color:var(--color-white);background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.editor-toolbar-overflow-btn.active{color:var(--color-cream);background:rgba(32,137,163,0.4);border-color:var(--color-teal)}.editor-toolbar-overflow-btn[hidden]{display:none}.editor-toolbar-dropdown{position:absolute;top:calc(100% + 4px);right:var(--gap-md);display:flex;flex-direction:column;gap:0;padding:var(--gap-xs) 0;min-width:200px;background:rgba(51,51,51,0.95);border:1px solid var(--color-cream-faint);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);z-index:50;max-width:90vw}.editor-toolbar-dropdown[hidden]{display:none}.editor-toolbar-group.in-overflow{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border-right:0;border-top:1px solid rgba(255,255,255,0.12)}.editor-toolbar-dropdown .editor-toolbar-group.in-overflow:first-child{border-top:0}.editor-toolbar-group.in-overflow .editor-toolbar-btn{display:flex;justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:32px;padding:6px var(--gap-md);gap:var(--gap-md);border:0;border-radius:0}.editor-toolbar-group.in-overflow .editor-toolbar-btn:hover:not(:disabled){background:rgba(255,255,255,0.12);border-color:transparent}.editor-toolbar-group.in-overflow .editor-toolbar-btn.active{background:rgba(32,137,163,0.4);border-color:transparent}.editor-toolbar-group.in-overflow .editor-toolbar-btn-label{display:inline-block}.editor-toolbar-group.in-overflow .font-family-select,.editor-toolbar-group.in-overflow .font-size-select{width:100%;margin:4px var(--gap-md);width:calc(100% - 2 * var(--gap-md))}.editor-toolbar-group.in-overflow .editor-toolbar-btn-mod{position:static;margin-left:-6px;margin-right:0;font-size:9px;align-self:center}.editor-toolbar--disabled{opacity:0.5}.paragraph-style-select{display:inline-flex;align-items:stretch;height:28px;flex-shrink:0}.paragraph-style-select-btn{display:inline-flex;align-items:center;gap:var(--gap-xs);height:28px;padding:0 var(--gap-sm);background:rgba(255,255,255,0.15);color:var(--color-cream);border:1px solid var(--color-cream-faint);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1;cursor:pointer;transition:var(--transition-color),border-color 0.15s ease;width:170px}.paragraph-style-select-btn:hover{background-color:rgba(255,255,255,0.2)}.paragraph-style-select-btn:focus,.paragraph-style-select-btn[aria-expanded="true"]{outline:none;border-color:var(--color-cream)}.paragraph-style-select-icon{flex:0 0 auto;color:var(--color-cream);font-size:var(--text-md)}.paragraph-style-select-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:var(--color-cream);min-height:1em;position:relative}.paragraph-style-select-label.mixed::before{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);border-top:2px dashed var(--color-cream-faint);height:0}.paragraph-style-select-caret{flex:0 0 auto;color:var(--color-cream-faint);font-size:10px;margin-left:auto}.paragraph-style-select-list{max-height:330px;overflow-y:auto;flex:0 1 auto}.paragraph-style-select-option{display:flex;align-items:center;gap:var(--gap-sm);padding:6px 12px;cursor:pointer;font-size:var(--text-md);line-height:1.3;color:var(--color-white);min-height:28px}.paragraph-style-select-option:hover,.paragraph-style-select-option.highlighted{background:rgba(32,137,163,0.4)}.paragraph-style-select-option-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paragraph-style-select-delete{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:6px;margin:-6px -4px -6px 0;background:transparent;color:var(--color-cream-faint);border:0;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:var(--transition-color)}.paragraph-style-select-delete:hover{color:#ff8a8a;background:rgba(255,138,138,0.12)}.paragraph-style-select-separator{height:1px;background:rgba(255,255,255,0.12);margin:4px 0}.paragraph-style-select-action{display:flex;align-items:center;gap:var(--gap-sm);width:100%;padding:8px 12px;background:transparent;color:var(--color-white);border:0;cursor:pointer;text-align:left;font-size:var(--text-md);font-family:inherit}.paragraph-style-select-action:hover{background:rgba(32,137,163,0.4)}.paragraph-style-select-action-icon{color:var(--color-cream);font-size:var(--text-md)}.paragraph-style-select-action-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-toolbar-group.in-overflow .paragraph-style-select{width:100%;margin:4px var(--gap-md);width:calc(100% - 2 * var(--gap-md))}.editor-toolbar-group.in-overflow .paragraph-style-select-btn{width:100%;max-width:none}.editor-ruler{position:relative;width:100%;height:32px;background:var(--ruler-bg);border:1px solid var(--ruler-border);border-bottom:0;box-shadow:0 4px 8px rgba(16,24,40,0.08);user-select:none;flex-shrink:0}.editor-ruler-side-fill{position:absolute;top:0;height:100%;background:var(--ruler-bg);z-index:0}.editor-ruler-side-fill--left{left:0;border-right:1px solid var(--ruler-border-mid)}.editor-ruler-side-fill--right{right:0;border-left:1px solid var(--ruler-border-mid)}.editor-ruler-band{position:absolute;left:0;right:0;top:8px;height:16px;background:var(--ruler-band-bg);border-top:1px solid var(--ruler-border-strong);border-bottom:1px solid var(--ruler-border-strong);z-index:0}.editor-ruler-margin{position:absolute;top:8px;height:16px;background:var(--ruler-margin-bg);z-index:1}.editor-ruler-margin--left{left:0;border-right:1px solid var(--ruler-border-strong)}.editor-ruler-margin--right{right:0;border-left:1px solid var(--ruler-border-strong)}.editor-ruler-scale{position:absolute;top:8px;height:16px;z-index:2;pointer-events:none}.editor-ruler-label{position:absolute;top:1px;transform:translateX(-50%);font-size:10px;line-height:1;color:var(--ruler-handle);font-family:var(--font-primary)}.editor-ruler-half-tick,.editor-ruler-dot{position:absolute;transform:translateX(-50%)}.editor-ruler-half-tick{width:1px;height:6px;top:5px;background:var(--ruler-handle-mid)}.editor-ruler-dot{width:3px;height:3px;border-radius:50%;top:8px;background:var(--ruler-handle-soft)}.editor-ruler-handle{position:absolute;z-index:4;transform:translateX(-50%);cursor:ew-resize;background:transparent;border:0;padding:0}.editor-ruler-handle:hover{filter:brightness(0.8)}.editor-ruler--readonly .editor-ruler-handle,.editor-ruler--readonly .editor-ruler-handle--margin-left,.editor-ruler--readonly .editor-ruler-handle--margin-right{pointer-events:none;cursor:default}.editor-ruler--readonly .editor-ruler-handle:hover{filter:none}.editor-ruler-handle--first-line{width:14px;height:10px;top:-1px}.editor-ruler-handle--first-line::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--ruler-handle)}.editor-ruler-handle--hanging{width:14px;height:10px;top:15px}.editor-ruler-handle--hanging::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid var(--ruler-handle)}.editor-ruler-handle--left-indent{width:14px;height:6px;top:25px;border-radius:2px;background:var(--ruler-handle)}.editor-ruler-handle--right-indent{width:14px;height:10px;top:15px}.editor-ruler-handle--right-indent::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid var(--ruler-handle)}.editor-ruler-handle--margin-left,.editor-ruler-handle--margin-right{top:6px;height:20px;width:9px;background:transparent;border-radius:0;cursor:ew-resize;z-index:3}.editor-ruler-handle--margin-left::before,.editor-ruler-handle--margin-right::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:var(--ruler-handle)}.editor-ruler-handle--margin-left:hover::before,.editor-ruler-handle--margin-right:hover::before,.editor-ruler-handle--margin-left.dragging::before,.editor-ruler-handle--margin-right.dragging::before{background:var(--color-teal);width:2px}.editor-ruler-handle--margin-left:hover,.editor-ruler-handle--margin-right:hover,.editor-ruler-handle--margin-left.dragging,.editor-ruler-handle--margin-right.dragging{filter:none}.editor-ruler-handle--first-line.dragging::before{border-top-color:var(--color-teal)}.editor-ruler-handle--hanging.dragging::before,.editor-ruler-handle--right-indent.dragging::before{border-bottom-color:var(--color-teal)}.editor-ruler-handle--left-indent.dragging{background:var(--color-teal)}.editor-ruler-drag-guide{position:fixed;top:0;bottom:0;width:1px;background:rgba(var(--editor-blue-rgb),0.45);box-shadow:0 0 0 1px rgba(var(--editor-blue-rgb),0.12);display:none;z-index:55;pointer-events:none}.editor-ruler-drag-readout{position:fixed;transform:translateX(-50%);background:var(--color-teal);color:var(--color-white);font-family:var(--font-primary);font-size:11px;line-height:1;font-weight:600;letter-spacing:0.02em;padding:4px 7px;border-radius:4px;box-shadow:0 2px 6px rgba(16,24,40,0.22);pointer-events:none;z-index:56;display:none;white-space:nowrap}.page-editor-toolbar-host{flex-shrink:0;align-self:center;width:min(calc(var(--work-area-max-width) * var(--work-area-zoom)),calc(100vw - 2 * max(var(--nav-current-width),var(--chat-current-width)) - 2 * var(--gap-md)));display:flex;justify-content:center;position:relative;z-index:34}.editor-ruler-row{flex-shrink:0;position:sticky;top:0;z-index:31;align-self:center;display:flex;flex-direction:column;align-items:center}.editor-ruler-row--hidden{display:none}.editor-ruler-zoom{flex-shrink:0;zoom:var(--page-zoom,1)}.page-stack{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:0 0 80px}.page-zoom-layer{display:flex;flex-direction:column;align-items:stretch;zoom:var(--page-zoom,1)}.page-surface .ProseMirror{min-height:100%;outline:none;font-family:var(--font-editor);font-size:12pt;color:var(--color-black);white-space:pre-wrap;-webkit-font-smoothing:antialiased}.page-surface .ProseMirror p{margin:0 0 0.9em}.page-surface .ProseMirror p.has-drop-cap{display:flow-root}.page-surface .ProseMirror p.has-drop-cap .drop-cap-letter{float:left;font-size:calc(var(--drop-cap-lines,3) * 1.6em);line-height:0.78;margin:0.06em 0.12em 0 0;color:inherit;font-weight:inherit;font-style:inherit;font-family:inherit}@supports (initial-letter:3) or (-webkit-initial-letter:3){.page-surface .ProseMirror p.has-drop-cap .drop-cap-letter{float:none;font-size:inherit;line-height:inherit;margin:0;font-family:inherit}.page-surface .ProseMirror p.has-drop-cap::first-letter {-webkit-initial-letter:var(--drop-cap-lines,3);initial-letter:var(--drop-cap-lines,3);margin-right:0.25em;color:inherit;font-weight:inherit;font-style:inherit}}.page-surface .ProseMirror>*:first-child{margin-top:0}.page-surface .ProseMirror>*:last-child{margin-bottom:0}.page-surface .ProseMirror h1,.page-surface .ProseMirror h2,.page-surface .ProseMirror h3,.page-surface .ProseMirror h4,.page-surface .ProseMirror h5,.page-surface .ProseMirror h6{font-family:var(--font-primary);line-height:1.2;margin:1.1em 0 0.45em}.page-surface .ProseMirror h1{font-size:24pt}.page-surface .ProseMirror h2{font-size:20pt}.page-surface .ProseMirror h3{font-size:16pt}.page-surface .ProseMirror ul,.page-surface .ProseMirror ol{margin:0.5em 0;padding-left:1.5em}.page-surface .ProseMirror li{display:block}.page-surface .ProseMirror li>p{display:list-item;list-style-position:outside;margin:0}.page-surface .ProseMirror ul>li>p{list-style-type:disc}.page-surface .ProseMirror ol>li>p{list-style-type:decimal}.page-surface .ProseMirror ul ul>li>p{list-style-type:circle}.page-surface .ProseMirror ul ul ul>li>p{list-style-type:square}.page-surface .ProseMirror ol ol>li>p{list-style-type:lower-alpha}.page-surface .ProseMirror ol ol ol>li>p{list-style-type:lower-roman}.page-surface .ProseMirror blockquote{margin:1em 0;padding:0.1em 1em;border-left:4px solid var(--pm-blockquote-border);color:var(--pm-blockquote-text);background:var(--pm-blockquote-bg)}.page-surface .ProseMirror pre{background:var(--pm-codeblock-bg);color:var(--pm-codeblock-text);border-radius:8px;padding:12px 14px;overflow:auto;font-size:10.5pt;line-height:1.45}.page-surface .ProseMirror code{background:var(--pm-fill-faint);border:1px solid var(--pm-code-border);border-radius:4px;padding:0 0.25em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.page-surface .ProseMirror pre code{background:transparent;border:0;padding:0}.page-surface .ProseMirror a{color:var(--pm-link);text-decoration:underline}.page-surface .ProseMirror hr{border:0;border-top:1px solid var(--pm-hr);margin:0.75em 0}.page-surface .ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;margin:1em 0;overflow:hidden}.page-surface .ProseMirror td,.page-surface .ProseMirror th{border:1px solid var(--pm-table-border);padding:6px 8px;vertical-align:top;position:relative}.page-surface .ProseMirror th{background:var(--pm-fill-faint);font-weight:700}.page-surface .ProseMirror .selectedCell:after{background:rgba(var(--editor-blue-rgb),0.15);content:'';position:absolute;inset:0;pointer-events:none}.page-surface .ProseMirror.ProseMirror--readonly{cursor:default}.page-surface .ProseMirror .pm-faux-selection{background-color:rgba(var(--editor-blue-rgb),0.22)}:is(.page-editor-view--movie,.page-editor-view--tv-single,.page-editor-view--tv-multicam,.page-editor-view--play) .page-stack{padding-top:var(--gap-md)}:is(.page-editor-view--movie,.page-editor-view--tv-single,.page-editor-view--tv-multicam,.page-editor-view--play) .ProseMirror p[data-script-element]{margin:0;line-height:1;margin-bottom:1em;text-transform:none;text-align:left}:is(.page-editor-view--movie,.page-editor-view--tv-single,.page-editor-view--tv-multicam,.page-editor-view--play) .ProseMirror p.script-scene-heading{text-transform:uppercase;font-weight:700;margin-top:1em}:is(.page-editor-view--movie,.page-editor-view--tv-single,.page-editor-view--tv-multicam,.page-editor-view--play) .ProseMirror p.script-action{}:is(.page-editor-view--movie,.page-editor-view--tv-single,.page-editor-view--tv-multicam,.page-editor-view--play) .ProseMirror p.script-character{margin-left:2.2in;text-transform:uppercase;margin-bottom:0}:is(.page-editor-view--movie,.page-editor-view--tv-single,.page-editor-view--tv-multicam,.page-editor-view--play) .ProseMirror p.script-parenthetical{margin-left:1.6in;margin-right:1.9in;margin-bottom:0}:is(.page-editor-view--movie,.page-editor-view--tv-single,.page-editor-view--tv-multicam,.page-editor-view--play) .ProseMirror p.script-dialogue{margin-left:1.0in;margin-right:1.5in;margin-bottom:0}:is(.page-editor-view--movie,.page-editor-view--tv-single,.page-editor-view--tv-multicam,.page-editor-view--play) .ProseMirror p.script-dialogue + p[data-script-element]:not(.script-dialogue):not(.script-parenthetical){margin-top:1em}:is(.page-editor-view--movie,.page-editor-view--tv-single,.page-editor-view--tv-multicam,.page-editor-view--play) .ProseMirror p.script-transition{text-transform:uppercase;text-align:right}:is(.page-editor-view--movie,.page-editor-view--tv-single,.page-editor-view--tv-multicam) .ProseMirror p.script-shot{text-transform:uppercase}:is(.page-editor-view--movie,.page-editor-view--tv-single,.page-editor-view--tv-multicam,.page-editor-view--play) .ProseMirror .character-extension{text-transform:uppercase;white-space:pre;user-select:text}:is(.page-editor-view--movie,.page-editor-view--tv-single,.page-editor-view--tv-multicam,.page-editor-view--play) .ProseMirror .character-extension.ProseMirror-selectednode{background:rgba(32,137,163,0.18);outline:1px solid rgba(32,137,163,0.55);outline-offset:2px;border-radius:2px;user-select:none}.script-element-select{display:inline-flex;align-items:center}.script-element-select-btn{display:inline-flex;align-items:center;gap:var(--gap-xs);height:28px;min-width:140px;padding:0 var(--gap-sm);border:1px solid var(--color-cream-faint);border-radius:var(--radius-sm);background:transparent;color:var(--color-cream);font-size:var(--text-sm);font-weight:600;cursor:pointer;user-select:none}.script-element-select-btn:hover:not(:disabled){background:var(--color-cream-faint)}.script-element-select-btn:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.script-element-select-label{flex:1 1 auto;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.script-element-select-caret{flex:0 0 auto;font-size:var(--text-xs);opacity:0.7}.script-element-select-popup{min-width:200px}.script-element-select-option{display:flex;align-items:center;padding:var(--gap-xs) var(--gap-md);cursor:pointer;user-select:none}.script-element-select-option:hover{background:var(--color-teal);color:var(--color-cream)}.script-element-select-option.current{background:var(--color-cream-faint);font-weight:700}.script-element-select-option-label{flex:1 1 auto}.script-element-select-option-shortcut{flex:0 0 auto;margin-left:var(--gap-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;opacity:0.7;white-space:nowrap}.script-element-select-option:hover .script-element-select-option-shortcut{opacity:0.9}.scene-jump-select{display:inline-flex;align-items:center}.scene-jump-select-btn{display:inline-flex;align-items:center;gap:var(--gap-xs);height:28px;min-width:110px;padding:0 var(--gap-sm);border:1px solid var(--color-cream-faint);border-radius:var(--radius-sm);background:transparent;color:var(--color-cream);font-size:var(--text-sm);font-weight:600;cursor:pointer;user-select:none}.scene-jump-select-btn:disabled{opacity:0.5;cursor:default}.scene-jump-select-label{flex:1 1 auto;text-align:left;white-space:nowrap}.scene-jump-select-caret{flex:0 0 auto;font-size:var(--text-xs);opacity:0.7}.scene-jump-select-popup{min-width:240px;max-width:480px}.scene-jump-select-empty{padding:var(--gap-sm) var(--gap-md);color:var(--color-cream-faint);font-style:italic}.scene-jump-select-option{display:flex;align-items:baseline;gap:var(--gap-sm);padding:var(--gap-xs) var(--gap-md);cursor:pointer;user-select:none;white-space:nowrap}.scene-jump-select-option:hover{background:var(--color-teal);color:var(--color-cream)}.scene-jump-select-option.current{background:var(--color-cream-faint);font-weight:700}.scene-jump-select-option-num{flex:0 0 auto;font-weight:700;min-width:64px}.scene-jump-select-option-text{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;color:inherit;opacity:0.85}.character-extension-select{display:inline-flex;align-items:center}.character-extension-select-btn:disabled{opacity:0.4;cursor:default}.character-extension-select-popup{min-width:200px}.character-extension-select-option{display:flex;align-items:center;padding:var(--gap-xs) var(--gap-md);cursor:pointer;user-select:none}.character-extension-select-option:hover{background:var(--color-teal);color:var(--color-cream)}.character-extension-select-option.current{background:var(--color-cream-faint);font-weight:700}.character-extension-select-option-label{flex:1 1 auto}.character-extension-select-separator{height:1px;margin:var(--gap-xs) var(--gap-md);background:var(--color-cream-faint);opacity:0.4}.character-extension-select-option.character-extension-select-remove .character-extension-select-option-label{color:var(--color-coral,#d97a6c)}.character-extension-select-option.character-extension-select-remove:hover{background:var(--color-coral,#d97a6c)}.character-extension-select-option.character-extension-select-remove:hover .character-extension-select-option-label{color:var(--color-cream)}.editor-toolbar.editor-toolbar--movie{display:flex;align-items:center;justify-content:center;gap:0;padding:var(--gap-xs) var(--gap-sm)}.editor-toolbar.editor-toolbar--movie .editor-toolbar-main{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);flex:0 0 auto}.editor-toolbar.editor-toolbar--disabled{opacity:0.5;pointer-events:none}.page-editor-view--tv-multicam .ProseMirror p.script-scene-heading{text-decoration:underline}.page-editor-view--tv-multicam .ProseMirror p.script-action{text-transform:uppercase}.page-editor-view--tv-multicam .ProseMirror p.script-dialogue{line-height:2.0}.page-editor-view--tv-multicam .ProseMirror p.script-scene-label{text-align:center;text-transform:uppercase;text-decoration:underline;font-weight:700;margin-top:1em}.page-editor-view--tv-multicam .ProseMirror p.script-characters-in-scene{text-align:center;text-transform:uppercase}.page-editor-view--tv-multicam .ProseMirror p.script-sound-effect{text-transform:uppercase;text-decoration:underline}.page-editor-view--play .ProseMirror p.script-scene-heading{text-align:center;text-transform:none;font-weight:normal;text-decoration:underline}.page-editor-view--play .ProseMirror p.script-action{margin-left:1.5in;margin-right:1.5in}.page-editor-view--play .ProseMirror p.script-character{margin-left:0;text-align:center}.page-editor-view--play .ProseMirror p.script-dialogue{margin-left:0;margin-right:0}.page-editor-view--play .ProseMirror p.script-transition{text-align:center;margin-top:1em}.page-editor-view--play .ProseMirror p.script-setting{}.page-editor-view--play .ProseMirror p.script-at-rise{}.resource-view{display:flex;flex-direction:column;gap:var(--gap-sm);width:100%;height:100%;padding:0}.resource-phase{flex-shrink:0}.resource-specs{display:flex;flex:3 1 0;min-height:0;gap:var(--gap-md);width:100%;border-radius:var(--radius-lg)}.resource-specs-divider{flex:0 0 1px;width:1px;align-self:stretch;margin:var(--gap-md) 0;background:var(--color-cream);opacity:0.55}.resource-visual{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap-sm);border-radius:var(--radius-lg)}.resource-visual-images{flex:1 1 0;min-height:0;display:flex;align-items:stretch;width:100%}.resource-visual-main{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:var(--gap-sm)}.resource-visual-main-img{flex:1 1 0;min-height:0;width:auto;max-width:100%;align-self:center;aspect-ratio:1 / 1;border-radius:var(--radius-md);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:var(--color-dark-mid);display:flex;align-items:center;justify-content:center;color:var(--color-cream-faint);font-size:48px;cursor:pointer;transition:var(--transition-color)}.resource-visual-main-img:hover{color:var(--color-cream)}.resource-visual-alts{display:grid;grid-template-columns:repeat(1,64px);grid-auto-rows:64px;align-content:start;justify-content:center;flex-shrink:0;gap:var(--gap-md);padding:var(--gap-md) 0 var(--gap-md) var(--gap-md);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}.resource-visual-alts:hover{scrollbar-color:var(--scrollbar-thumb-light) transparent}.resource-visual-alts::-webkit-scrollbar{width:8px;background:transparent}.resource-visual-alts::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.resource-visual-alts:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-light)}.resource-visual-alts:hover::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-light-hover)}.resource-visual-alt{width:64px;height:64px;flex-shrink:0;border-radius:var(--radius-md);background-size:contain;background-repeat:no-repeat;background-position:center;background-color:var(--color-dark-mid);cursor:pointer;border:1px solid transparent;transition:border-color 0.15s ease}.resource-visual-alt:hover{border-color:var(--color-cream-dim)}.resource-visual-alt-add{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:var(--gap-md);border:1px dashed var(--color-cream);border-radius:0;color:var(--color-cream-faint);font-size:var(--text-md);background:transparent;cursor:pointer;transition:var(--transition-color)}.resource-visual-alt-add:hover{color:var(--color-cream);border-color:var(--color-white)}.resource-visual-name{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-md);width:100%;flex-shrink:0}.resource-visual-name-text{flex:1 1 0;min-width:0;text-align:center;font-size:var(--text-md);font-weight:700;color:var(--color-white);text-shadow:var(--shadow-text)}.resource-stats{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap-md);border-radius:var(--radius-lg)}.resource-stats-pane-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);min-height:26px;padding:0 var(--gap-xs) var(--gap-xs);border-bottom:1px solid var(--color-cream)}.resource-stats-edit-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:var(--color-dark-mid);color:var(--color-cream);border-radius:var(--radius-round);font-size:var(--text-sm);text-shadow:var(--shadow-text-glow);box-shadow:var(--shadow-inset);cursor:pointer;flex-shrink:0;transition:var(--transition-color)}.resource-stats-edit-toggle:hover{background:var(--color-dark);color:var(--color-white)}.resource-stats-edit-toggle.active{background:var(--color-teal);color:var(--color-white);border-color:var(--color-teal)}.resource-stats-stacked{flex:1 1 0;min-height:0;display:grid;grid-template-rows:minmax(140px,1fr) auto auto;gap:var(--gap-md)}.resource-stats-pane{display:flex;flex-direction:column;min-height:0;gap:var(--gap-xs)}.resource-stats-pane-label{margin:0;padding:0 var(--gap-xs);font-size:var(--text-sm);font-weight:600;color:var(--color-cream);letter-spacing:0.04em;text-transform:uppercase}.resource-stats-pane-body{padding:var(--gap-sm);border-radius:var(--radius-md);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}.resource-stats-pane-body:hover{scrollbar-color:var(--scrollbar-thumb-light) transparent}.resource-stats-pane-body::-webkit-scrollbar{width:8px;background:transparent}.resource-stats-pane-body::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.resource-stats-pane-body:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-light)}.resource-stats-pane-body:hover::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-light-hover)}.resource-stats-pane--aliases .resource-stats-pane-body{max-height:120px}.resource-stats-pane--properties{min-height:0}.resource-stats-pane--properties .resource-stats-pane-body{flex:1 1 0;min-height:0}.resource-stats-pane--tags .resource-stats-pane-body{max-height:76px}.resource-kv{display:flex;align-items:stretch;font-size:var(--text-base);overflow:hidden}.resource-kv-keys{display:flex;flex-direction:column;align-items:flex-end;min-width:80px;padding:0 var(--gap-sm);background:var(--color-cream);color:var(--color-black);border-radius:var(--radius-md) 0 0 var(--radius-md);text-align:right;white-space:nowrap}.resource-kv-values{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:0 var(--gap-sm);color:var(--color-white);border-radius:0 var(--radius-md) var(--radius-md) 0}.resource-kv-key,.resource-kv-value{line-height:1.4}.resource-aliases{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-xs)}.resource-alias-item{padding:var(--gap-xs) var(--gap-sm);color:var(--color-white);font-size:var(--text-base);border-bottom:1px dashed rgba(255,240,220,0.3)}.resource-alias-item:last-child{border-bottom:none}.resource-tags{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.resource-tag{display:inline-flex;align-items:center;padding:var(--gap-xs) var(--gap-md);background:var(--color-cream);color:var(--color-black);font-size:var(--text-sm);border-radius:var(--radius-round);white-space:nowrap}.resource-kv-key.unknown,.resource-kv-value.unknown{font-style:italic;opacity:0.55}.resource-stats-empty{padding:var(--gap-xs) 0;color:rgba(255,240,220,0.3);font-style:italic;font-size:var(--text-sm);text-align:left;pointer-events:none}.resource-kv.editing{flex-direction:column;gap:var(--gap-xs);padding:var(--gap-sm);border:1px solid var(--color-cream);border-radius:var(--radius-md);background:transparent}.resource-kv-row{display:flex;align-items:center;gap:var(--gap-sm)}.resource-kv-input{height:22px;padding:0 var(--gap-sm);background:rgba(255,255,255,0.08);border:1px solid rgba(255,240,220,0.35);border-radius:var(--radius-sm);color:var(--color-cream);font-family:var(--font-primary);font-size:var(--text-base);transition:var(--transition-color),border-color 120ms ease}.resource-kv-input:focus{outline:none;border-color:var(--color-teal);background:rgba(255,255,255,0.14)}.resource-kv-input::placeholder{color:rgba(255,240,220,0.4);font-style:italic}.resource-kv-input-key{flex:0 0 35%;text-align:right;color:var(--color-white)}.resource-kv-input-value{flex:1 1 0;min-width:0}.resource-kv-remove{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;color:rgba(255,240,220,0.5);font-size:var(--text-sm);border-radius:var(--radius-round);transition:var(--transition-color)}.resource-kv-remove:hover{color:var(--color-teal);background:rgba(255,255,255,0.08)}.resource-kv-row.blank .resource-kv-input{background:transparent;border-color:rgba(255,240,220,0.18)}.resource-aliases.editing{padding:var(--gap-sm);border:1px solid var(--color-cream);border-radius:var(--radius-md)}.resource-alias-item.editing{border-bottom:none;padding:0}.resource-alias-input{width:100%;height:22px;padding:0 var(--gap-sm);background:rgba(255,255,255,0.08);border:1px solid rgba(255,240,220,0.35);border-radius:var(--radius-sm);color:var(--color-white);font-family:var(--font-primary);font-size:var(--text-base);transition:var(--transition-color),border-color 120ms ease}.resource-alias-input:focus{outline:none;border-color:var(--color-teal);background:rgba(255,255,255,0.14)}.resource-alias-input::placeholder{color:rgba(255,240,220,0.4);font-style:italic}.resource-alias-item.blank .resource-alias-input{background:transparent;border-color:rgba(255,240,220,0.18)}.resource-tags.editing{padding:var(--gap-sm);border:1px solid var(--color-cream);border-radius:var(--radius-md)}.resource-tag.editing{padding:2px var(--gap-sm);background:var(--color-cream)}.resource-tag-input{background:transparent;border:none;color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-sm);padding:0;min-width:1ch}.resource-tag-input:focus{outline:none}.resource-tag-input::placeholder{color:rgba(0,0,0,0.45);font-style:italic}.resource-tag.editing.blank{background:transparent;border:1px dashed rgba(255,240,220,0.4);color:rgba(255,240,220,0.55)}.resource-tag.editing.blank .resource-tag-input{color:var(--color-cream)}.resource-tag.editing.blank .resource-tag-input::placeholder{color:rgba(255,240,220,0.45)}.resource-details{flex:2 1 0;min-height:0;display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--gap-md);border-radius:var(--radius-lg)}.resource-details-content{flex:1 1 0;min-height:0;background:var(--color-white);border:1px solid var(--color-cream);border-radius:var(--radius-md);padding:var(--gap-md);overflow:hidden;color:var(--color-black);font-size:var(--text-base);line-height:1.5;display:flex}.resource-details-textarea{flex:1 1 0;width:100%;min-height:0;background:transparent;border:0;padding:0;font-family:var(--font-primary);font-size:var(--text-base);line-height:1.5;color:var(--color-black);overflow-y:auto;scrollbar-gutter:stable;white-space:pre-wrap;overflow-wrap:break-word;outline:none;cursor:text}.resource-details-textarea:empty::before{content:attr(data-placeholder);color:var(--color-light-muted);font-style:italic;pointer-events:none}.resource-details-textarea::-webkit-scrollbar{width:8px;background:transparent}.resource-details-textarea::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.resource-details-textarea:hover::-webkit-scrollbar-thumb,.resource-details-textarea:focus::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-dark)}.resource-details-textarea:hover::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-dark-hover)}.resource-details-textarea{scrollbar-width:thin;scrollbar-color:transparent transparent}.resource-details-textarea:hover,.resource-details-textarea:focus{scrollbar-color:var(--scrollbar-thumb-dark) transparent}.resource-placeholder{flex:1 1 0;display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-style:italic;font-size:var(--text-base)}.resource-references{flex:1 1 0;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.resource-references:hover{scrollbar-color:var(--scrollbar-thumb-dark) transparent}.resource-references-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-style:italic;font-size:var(--text-base)}.resource-references-table{width:100%;border-collapse:collapse;font-size:var(--text-base);color:var(--color-dark)}.resource-references-table th{text-align:left;font-weight:600;color:var(--color-dark-light);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:0.04em;padding:4px 10px 6px;border-bottom:1px solid var(--color-border-light)}.resource-references-table td{padding:7px 10px;border-bottom:1px solid var(--color-border-light);vertical-align:middle}.resource-reference-row--link{cursor:pointer}.resource-reference-row--link:hover,.resource-reference-row--link:focus-visible{background:var(--color-cream);outline:none}.resource-references-table td:last-child{color:var(--color-dark-light)}.resource-view.locked .resource-visual-alt-add,.resource-view.locked .tab-switcher-action-segment,.resource-view.locked .tab-switcher-action-pill,.resource-view.locked .resource-stats-edit-toggle,.resource-stats-edit-toggle--locked{opacity:0.4;pointer-events:none}.resource-view.locked .resource-details-textarea{pointer-events:none;user-select:text}.relationship-view{display:flex;flex-direction:column;gap:var(--gap-sm);width:100%;height:100%}.relationship-phase{flex-shrink:0}.relationship-search{flex-shrink:0;padding:var(--gap-sm);border-radius:var(--radius-lg)}.relationship-search .search-bar{height:32px}.relationship-search .search-input{font-size:var(--text-base)}.relationship-search .search-icon.has-results{color:var(--color-teal);cursor:pointer;transition:var(--transition-color)}.relationship-search .search-icon.has-results:hover{color:var(--color-dark)}.relationship-results{flex-shrink:0;padding:var(--gap-sm);border-radius:var(--radius-lg)}.relationship-results-strip{display:flex;align-items:stretch;gap:var(--gap-md);padding:var(--gap-md) var(--gap-sm) var(--gap-sm) var(--gap-md);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-light) transparent}.relationship-results-strip::-webkit-scrollbar{height:8px;background:transparent}.relationship-results-strip::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-light);border-radius:4px}.relationship-results-empty{padding:var(--gap-md);color:var(--color-cream-dim);font-style:italic;font-size:var(--text-base);text-align:center}.relationship-result-card{flex:0 0 auto;width:96px;display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);padding:var(--gap-xs);border-radius:var(--radius-md);cursor:grab;transition:var(--transition-color);user-select:none}.relationship-result-card:hover{background:rgba(255,255,255,0.1)}.relationship-result-card:active{cursor:grabbing}.relationship-result-card-image{position:relative;width:96px;height:96px;border-radius:var(--radius-md);background-size:contain;background-repeat:no-repeat;background-position:center;background-color:var(--color-dark-mid);display:flex;align-items:center;justify-content:center;color:var(--color-cream-faint);font-size:32px;box-shadow:var(--shadow-light)}.relationship-result-card-type{position:absolute;top:-8px;left:-8px;width:24px;height:24px;border-radius:50%;background:var(--color-cream);color:var(--color-dark);font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-light);pointer-events:none;z-index:1}.relationship-result-card-label{width:100%;text-align:center;font-size:var(--text-sm);color:var(--color-white);text-shadow:var(--shadow-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relationship-canvas{flex:1 1 0;min-height:0;position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:grab}.relationship-canvas.panning{cursor:grabbing}.relationship-zoom-layer{position:absolute;top:0;left:0;width:1px;height:1px;transform-origin:0 0}.relationship-connections{position:absolute;top:-10000px;left:-10000px;width:20000px;height:20000px;pointer-events:none;z-index:1;overflow:visible}.relationship-connections .connection-line{stroke:var(--color-cream);stroke-width:2;fill:none;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.4))}.relationship-connections .connection-arrow{fill:var(--color-cream);filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.4))}.relationship-connections .connection-label{overflow:visible;pointer-events:none}.connection-label-fo-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.connection-label-pill{max-width:200px;padding:2px 8px;border-radius:4px;background:var(--color-cream);color:var(--color-black);font-family:var(--font-primary);font-size:12px;line-height:1.4;text-align:center;cursor:pointer;pointer-events:auto;user-select:none;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}.relationship-canvas.locked .connection-label-pill{cursor:default}.relationship-canvas.connect-mode .connection-label-pill{cursor:crosshair}.relationship-indicator-layer{position:absolute;top:-10000px;left:-10000px;width:20000px;height:20000px;pointer-events:none;z-index:1;overflow:visible}.relationship-indicator-layer .connection-indicator{stroke:var(--color-cream);stroke-width:2;stroke-dasharray:6 4;fill:none;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.4))}.relationship-card{position:absolute;width:128px;display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);z-index:2;user-select:none}.relationship-card.dragging{z-index:3}.relationship-card-frame{position:relative;width:96px;height:96px;border-radius:var(--radius-md);box-shadow:var(--shadow-element)}.relationship-card-image{position:absolute;inset:0;border-radius:var(--radius-md);background-size:contain;background-repeat:no-repeat;background-position:center;background-color:var(--color-dark-mid);display:flex;align-items:center;justify-content:center;color:var(--color-cream-faint);font-size:28px;cursor:pointer}.relationship-card-type-btn{position:absolute;top:-8px;left:-8px;width:24px;height:24px;border-radius:50%;background:var(--color-cream);color:var(--color-dark);font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-light);cursor:pointer;transition:var(--transition-color);z-index:1}.relationship-card-type-btn:hover{background:var(--color-white);color:var(--color-teal)}.relationship-card-phase-btn{position:absolute;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;border:0;background:var(--color-cream);color:var(--color-dark);font-size:11px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-light);cursor:pointer;opacity:0;pointer-events:none;transition:opacity 0.12s ease,var(--transition-color);z-index:2}.relationship-card-phase-btn--prev{left:-11px}.relationship-card-phase-btn--next{right:-11px}.relationship-card:hover .relationship-card-phase-btn,.relationship-result-card:hover .relationship-card-phase-btn{opacity:1;pointer-events:auto}.relationship-card-phase-btn:hover{background:var(--color-white);color:var(--color-teal)}.relationship-canvas.connect-mode .relationship-card-phase-btn{display:none}.relationship-canvas.locked .relationship-card-phase-btn{display:none}.relationship-card-name{width:128px;text-align:center;font-size:var(--text-sm);font-weight:700;color:var(--color-white);text-shadow:var(--shadow-text);cursor:grab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relationship-card.dragging .relationship-card-name{cursor:grabbing}.relationship-card.connect-source .relationship-card-frame{outline:2px dashed var(--color-teal);outline-offset:4px}.relationship-canvas.connect-mode .relationship-card:not(.connect-source):hover .relationship-card-frame{outline:2px dashed var(--color-teal);outline-offset:4px}.relationship-canvas.connect-mode .relationship-card.connect-disallowed:hover .relationship-card-frame{outline:2px dashed var(--color-danger,#b3261e);outline-offset:4px}.relationship-canvas.connect-mode .relationship-card.connect-disallowed,.relationship-canvas.connect-mode .relationship-card.connect-disallowed .relationship-card-image,.relationship-canvas.connect-mode .relationship-card.connect-disallowed .relationship-card-name{cursor:not-allowed}.relationship-canvas.connect-mode{cursor:crosshair}.relationship-canvas.connect-mode .relationship-card-image{cursor:crosshair}.relationship-canvas.locked .relationship-card-name,.relationship-canvas.locked.locked .relationship-card.dragging .relationship-card-name{cursor:default}.relationship-canvas.locked .relationship-card-image{cursor:default}.relationship-card-menu{position:absolute;z-index:10;min-width:160px;background:var(--color-cream);border:1px solid var(--color-dark-mid);border-radius:var(--radius-md);box-shadow:var(--shadow-element);padding:var(--gap-xs);display:flex;flex-direction:column;gap:2px}.relationship-card-menu-item{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-md);background:transparent;color:var(--color-dark);font-size:var(--text-base);font-family:var(--font-primary);text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-color)}.relationship-card-menu-item:hover{background:var(--color-dark);color:var(--color-cream)}.relationship-card-menu-item i{width:14px;text-align:center}.toolbar-btn-text{color:var(--color-cream);font-size:var(--text-base);font-weight:700;text-shadow:var(--shadow-text);min-width:44px;text-align:center;transition:var(--transition-color)}.toolbar-btn-text:hover{color:var(--color-white)}.nav-tree-item.nav-singleton{height:32px;padding-left:0;font-size:var(--text-lg)}.nav-tree-item.nav-singleton i{font-size:var(--text-lg)}.nav-tree-item.nav-singleton .nav-page-label{color:var(--color-cream);text-shadow:var(--shadow-text)}.media-library-view{display:flex;flex-direction:column;gap:var(--gap-sm);width:100%;height:100%}.media-library-search{flex-shrink:0;padding:var(--gap-sm);border-radius:var(--radius-lg)}.media-library-search .search-bar{height:32px}.media-library-search .search-input{font-size:var(--text-base)}.media-library-search .search-icon.has-results{color:var(--color-teal);cursor:pointer;transition:var(--transition-color)}.media-library-search .search-icon.has-results:hover{color:var(--color-dark)}.media-library-content{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:var(--gap-md);border-radius:var(--radius-lg)}.media-library-content-host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.create-project-view{display:flex;flex-direction:column;width:100%;height:100%;padding:var(--gap-md);overflow-y:auto}.create-project-shell{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--gap-md);border-radius:var(--radius-lg)}.create-project-banner{flex-shrink:0;height:96px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-element)}.create-project-banner-img{display:block;width:100%;height:100%;object-fit:cover}.create-project-type-row{flex-shrink:0;display:flex;align-items:center;justify-content:center}.edit-project-type-pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);height:29px;padding:var(--gap-sm) var(--gap-md);background:var(--tab-active-bg);color:var(--color-white);font-size:var(--text-base);font-weight:700;border-radius:var(--radius-round);white-space:nowrap}.create-project-form-row{display:flex;gap:var(--gap-lg);flex-shrink:0}.create-project-form-left{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--gap-md)}.create-project-form-right{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--gap-md)}.create-project-field{display:flex;flex-direction:column;gap:var(--gap-xs)}.create-project-series-row{display:flex;flex-direction:row;gap:var(--gap-md)}.create-project-series-row>.create-project-field{min-width:0}.create-project-series-row>.create-project-field:first-child{flex:2 1 0}.create-project-series-row>.create-project-field:last-child{flex:1 1 0}.create-project-field-label{color:var(--color-white);font-size:var(--text-base);text-shadow:var(--shadow-text);padding:0 var(--gap-sm)}.create-project-field-input{height:32px;padding:0 var(--gap-md);background:var(--color-cream);color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-base);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-sm)}.create-project-field-input:focus{outline:2px solid var(--color-teal);outline-offset:1px}.create-project-field-error{color:var(--color-danger,#ff8585);font-size:var(--text-sm,0.8rem);padding:0 var(--gap-sm);text-shadow:var(--shadow-text)}.create-project-field.has-error .create-project-field-input,.create-project-field--combo.has-error .create-project-field-combo{border-color:var(--color-danger,#ff8585)}.create-project-field-combo{position:relative;display:flex;align-items:stretch;height:32px;background:var(--color-cream);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-sm)}.create-project-field-combo .create-project-field-input{flex:1 1 0;min-width:0;height:auto;background:transparent;border:none;border-radius:0;box-shadow:none;padding-right:var(--gap-xs)}.create-project-field-combo:focus-within{outline:2px solid var(--color-teal);outline-offset:1px}.create-project-field-combo .create-project-field-input:focus{outline:none}.create-project-field-caret{flex:0 0 auto;width:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-left:1px solid var(--color-border-light);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-black);cursor:pointer;padding:0}.create-project-field-caret:hover{background:rgba(0,0,0,0.06)}.create-project-field-caret svg{width:12px;height:12px;transition:transform 0.12s ease-out}.create-project-field-caret[aria-expanded="true"] svg{transform:rotate(180deg)}.create-project-field-combo-popup{position:fixed;z-index:var(--z-popup);display:flex;flex-direction:column;padding:var(--gap-xs) 0;background:var(--color-cream);color:var(--color-black);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);max-height:240px;overflow-y:auto}.create-project-field-combo-popup[hidden]{display:none}.create-project-field-combo-option{padding:var(--gap-xs) var(--gap-md);font-family:var(--font-primary);font-size:var(--text-base);line-height:1.3;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-project-field-combo-option:hover,.create-project-field-combo-option.highlighted{background:rgba(0,0,0,0.08)}.create-project-field-combo-empty{padding:var(--gap-xs) var(--gap-md);font-family:var(--font-primary);font-size:var(--text-base);font-style:italic;color:var(--color-grey-dim,#777);cursor:default}.create-project-synopsis{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:var(--gap-xs)}.create-project-synopsis-textarea{flex:1 1 0;min-height:0;box-sizing:border-box;padding:var(--gap-sm) var(--gap-md);background:var(--color-cream);color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-base);line-height:1.4;border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-sm);overflow-y:auto;white-space:pre-wrap;overflow-wrap:break-word;cursor:text;scrollbar-width:thin;scrollbar-color:transparent transparent}.create-project-synopsis-textarea:empty::before{content:attr(data-placeholder);color:var(--color-muted);font-style:italic;pointer-events:none}.create-project-synopsis-textarea::-webkit-scrollbar{width:8px;background:transparent}.create-project-synopsis-textarea::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.create-project-synopsis-textarea:hover::-webkit-scrollbar-thumb,.create-project-synopsis-textarea:focus::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-dark)}.create-project-synopsis-textarea:hover::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-dark-hover)}.create-project-synopsis-textarea:hover,.create-project-synopsis-textarea:focus{scrollbar-color:var(--scrollbar-thumb-dark) transparent}.create-project-synopsis-textarea:focus{outline:2px solid var(--color-teal);outline-offset:1px}.create-project-selection-field{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--gap-xs)}.create-project-selection-field[hidden]{display:none}.create-project-selection-field .tab-switcher-bar{width:100%}.create-project-selection-hint{color:rgba(255,240,220,0.9);font-size:var(--text-sm);font-style:italic}.edit-project-selection-pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);height:29px;padding:var(--gap-sm) var(--gap-md);background:var(--tab-active-bg);color:var(--color-white);font-size:var(--text-base);font-weight:700;border-radius:var(--radius-round);white-space:nowrap;align-self:flex-start}.create-project-background{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:var(--gap-sm);margin-top:var(--gap-md)}.create-project-images{flex:1 1 0;min-height:0;display:flex;gap:var(--gap-md);padding:var(--gap-sm);background:rgba(0,0,0,0.15);border-radius:var(--radius-md)}.create-project-image-main{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.25);background-size:cover;background-position:center;color:var(--color-cream-faint);font-size:48px;border-radius:var(--radius-md);box-shadow:var(--shadow-inset-sm);position:relative}.create-project-image-main.has-image{box-shadow:var(--shadow-inset-sm),inset 0 0 0 2px rgba(255,240,220,0.4)}.create-project-image-alts{width:74px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--gap-sm);overflow-y:auto;padding-right:var(--gap-xs);scrollbar-gutter:stable}.create-project-image-alt,.create-project-image-add{width:64px;height:64px;border-radius:var(--radius-md);background-color:rgba(0,0,0,0.25);flex-shrink:0}.create-project-image-alt{appearance:none;-webkit-appearance:none;padding:0;border:1px solid transparent;background-size:cover;background-position:center;cursor:pointer;transition:border-color 0.15s ease,transform 0.15s ease;position:relative}.create-project-image-alt:hover{border-color:var(--color-cream);transform:translateY(-1px)}.create-project-image-alt:focus-visible{outline:2px solid var(--color-teal);outline-offset:1px}.create-project-image-alt-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;padding:0;border:none;border-radius:50%;background:rgba(0,0,0,0.7);color:var(--color-cream);font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity 0.15s ease,background 0.15s ease,transform 0.15s ease}.create-project-image-alt:hover>.create-project-image-alt-remove,.create-project-image-alt:focus-within>.create-project-image-alt-remove,.create-project-image-main:hover>.create-project-image-alt-remove,.create-project-image-main:focus-within>.create-project-image-alt-remove,.create-project-image-alt-remove:hover,.create-project-image-alt-remove:focus-visible{opacity:1}.create-project-image-main>.create-project-image-alt-remove{width:24px;height:24px;top:6px;right:6px;font-size:12px}.create-project-image-alt-remove:hover{background:rgba(160,50,50,0.9);transform:scale(1.1)}.create-project-image-add{display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-cream-faint);color:var(--color-cream-faint);font-size:var(--text-md);cursor:pointer;transition:var(--transition-color)}.create-project-image-add:hover{color:var(--color-cream);border-color:var(--color-cream)}.create-project-footer{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:var(--gap-sm) 0}.create-project-submit{min-width:180px;font-size:var(--text-md);padding:var(--gap-sm) var(--gap-lg)}.create-project-cancel{position:absolute;left:0;top:50%;transform:translateY(-50%);min-width:140px;font-size:var(--text-md);padding:var(--gap-sm) var(--gap-lg);background:transparent;border:1px solid var(--color-cream);color:var(--color-cream)}.create-project-cancel:hover:not(:disabled){background:rgba(255,240,220,0.1)}.create-project-shell--compact{flex:0 0 auto;max-width:1040px;width:100%;align-self:center}.create-episode-heading{color:var(--color-cream);font-size:var(--text-2xl);font-weight:700;text-shadow:var(--shadow-text);margin-bottom:var(--gap-md)}.create-episode-title-field{width:100%}.create-episode-meta-row{display:flex;flex-direction:row;gap:var(--gap-md)}.create-episode-meta-row>.create-project-field{flex:1 1 0;min-width:0}.create-episode-multiline{display:flex;flex-direction:column;gap:var(--gap-xs);flex:0 0 auto}.create-episode-multiline-textarea{flex:0 0 auto;height:160px}body[data-app-mode="create-universe"] #nav-panel,body[data-app-mode="universe-select"] #nav-panel{display:none}body[data-app-mode="create-universe"],body[data-app-mode="universe-select"]{--nav-current-width:0px}.create-universe-shell{max-width:1280px;width:100%;align-self:center}.create-universe-banner{height:112px}#welcome-screen{transition:opacity 1s ease}#welcome-screen.welcome-screen--overlay{position:fixed;inset:0;z-index:var(--z-welcome-fade)}#welcome-screen.welcome-screen--fading-out{opacity:0;pointer-events:none}.switch-universe-view{display:flex;flex-direction:column;width:100%;height:100%;padding:var(--gap-md);overflow:hidden}.switch-universe-shell{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--gap-md);border-radius:var(--radius-lg);max-width:1280px;width:100%;align-self:center;overflow:hidden}.switch-universe-heading{flex-shrink:0;display:flex;flex-direction:column;gap:var(--gap-xs);padding:var(--gap-sm) var(--gap-sm) 0}.switch-universe-title-row{display:flex;align-items:center;gap:var(--gap-sm)}.switch-universe-title{color:var(--color-cream);font-size:var(--text-2xl);font-weight:700;text-shadow:var(--shadow-text);margin:0}.switch-universe-subtitle{color:rgba(255,240,220,0.85);font-size:var(--text-base);margin:0}.switch-universe-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(auto-fill,320px);grid-auto-rows:380px;gap:var(--gap-md);padding:var(--gap-sm) 0;align-content:start;justify-content:center;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable}.switch-universe-grid::-webkit-scrollbar{width:8px;background:transparent}.switch-universe-grid::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.switch-universe-grid:hover{scrollbar-color:var(--scrollbar-thumb-light) transparent}.switch-universe-grid:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-light)}.switch-universe-grid:hover::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-light-hover)}.universe-card{display:flex;flex-direction:column;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;color:var(--color-cream);text-align:left;padding:0;box-shadow:var(--shadow-panel);transition:transform 0.15s ease,box-shadow 0.15s ease,border-color 0.15s ease}.universe-card:hover{transform:translateY(-2px);border-color:rgba(255,240,220,0.35);box-shadow:var(--shadow-panel),0 6px 16px rgba(0,0,0,0.35)}.universe-card--active{border-color:var(--color-teal);box-shadow:var(--shadow-panel),0 0 0 2px var(--color-teal) inset}.universe-card--active:hover{border-color:var(--color-teal)}.universe-card-image{position:relative;width:100%;aspect-ratio:16 / 9;background-color:rgba(0,0,0,0.4);background-size:cover;background-position:center;flex-shrink:0}.universe-card-image-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);pointer-events:none}.universe-card-current-pill{position:absolute;top:var(--gap-sm);right:var(--gap-sm);padding:2px 10px;background:var(--color-teal);color:var(--color-white);font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-round);text-shadow:0 1px 2px rgba(0,0,0,0.35);letter-spacing:0.03em}.universe-card-image-overlay{position:absolute;inset:auto 0 0 0;padding:var(--gap-sm) var(--gap-md)}.universe-card-name{color:var(--color-white);font-size:var(--text-xl);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,0.6);margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.universe-card-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap-md)}.universe-card-genre{align-self:flex-start;padding:2px 10px;background:rgba(255,240,220,0.18);color:var(--color-cream);font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-round);letter-spacing:0.02em}.universe-card-synopsis{flex:1 1 auto;color:rgba(255,240,220,0.92);font-size:var(--text-sm);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.universe-card-meta{color:rgba(255,240,220,0.7);font-size:var(--text-xs);font-style:italic;line-height:1.2}.universe-card--create{align-items:center;justify-content:center;gap:var(--gap-sm);background:rgba(0,0,0,0.2);border-style:dashed;border-color:rgba(255,240,220,0.4);color:rgba(255,240,220,0.7);padding:var(--gap-lg);transition:transform 0.15s ease,border-color 0.15s ease,color 0.15s ease,background 0.15s ease;box-shadow:none}.universe-card--create:hover{transform:translateY(-2px);border-color:var(--color-cream);color:var(--color-cream);background:rgba(255,240,220,0.06);box-shadow:0 6px 16px rgba(0,0,0,0.35)}.universe-card-create-icon{font-size:48px;line-height:1}.universe-card-create-label{font-size:var(--text-md);font-weight:700;text-align:center}.plan-board-view{display:flex;flex-direction:column;gap:var(--gap-md);width:100%;height:100%;overflow:hidden}.plan-board-missing{color:var(--color-cream-faint);font-size:var(--text-lg);text-align:center;margin-top:2em}.plan-board-toolbar{display:flex;align-items:center;gap:var(--gap-md);flex-shrink:0;padding:0 0 var(--gap-md) 0;border-bottom:1px solid rgba(255,255,255,0.10)}.plan-board-toolbar-group{display:flex;gap:var(--gap-sm)}.plan-board-toolbar-btn{display:inline-flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-sm) var(--gap-md);background:rgba(0,0,0,0.35);color:var(--color-cream);border:1px solid rgba(255,255,255,0.1);border-radius:5px;font-size:var(--text-md);cursor:pointer;transition:var(--transition-color),background-color 0.15s ease}.plan-board-toolbar-btn:hover{background:rgba(0,0,0,0.5);color:var(--color-white)}.plan-board-surface{flex:1 1 0;min-height:0;display:flex;flex-direction:column;padding:var(--gap-md);border-radius:var(--radius-lg);overflow:hidden}.plan-board-sections{flex:1 1 0;min-height:0;overflow:auto;position:relative}.plan-board-stage{display:flex;flex-direction:column;gap:var(--gap-md);padding-top:var(--gap-md);box-sizing:border-box}.plan-board-section-drop-indicator{position:absolute;left:var(--gap-md);right:var(--gap-md);height:3px;background-image:linear-gradient(to right,#FFFFFF 0,#FFFFFF 6px,transparent 6px,transparent 12px);background-size:12px 100%;background-repeat:repeat-x;pointer-events:none;z-index:5;transition:top 0.06s linear;transform:translateY(-50%)}.plan-board-empty{color:var(--color-cream-faint);text-align:center;margin:4em 0;font-style:italic}.plan-board-section{display:flex;flex-direction:column;gap:var(--gap-sm);background:rgba(20,20,22,0.85);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-md);padding:var(--gap-sm);box-shadow:var(--shadow-panel)}.plan-board-section-header{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-xs) var(--gap-sm)}.plan-board-section-handle{color:var(--color-cream-faint);cursor:grab;flex-shrink:0}.plan-board-section-title{flex:1 1 0;min-width:0;color:var(--color-cream);font-size:var(--text-lg);font-weight:700;text-shadow:var(--shadow-text);padding:var(--gap-xs) var(--gap-sm);border-radius:var(--radius-sm);outline:none;cursor:text;border:1px dashed transparent;transition:border-color 0.12s ease}.plan-board-section-title:not([contenteditable="false"]):hover{border-color:rgba(255,255,255,0.30)}.plan-board-section-title:focus{background:rgba(255,255,255,0.05);border-color:transparent}.plan-board-section-title:empty::before{content:attr(data-placeholder);color:var(--color-cream-faint);font-style:italic;font-weight:400}.plan-board-section-spacer{flex:1 1 0;min-width:0}.plan-board-section-remove{color:var(--color-cream-faint);padding:var(--gap-xs) var(--gap-sm);margin:calc(-1 * var(--gap-xs)) calc(-1 * var(--gap-sm));transition:opacity 0.15s ease,color 0.15s ease;opacity:0;pointer-events:none}.plan-board-section:hover .plan-board-section-remove{opacity:1;pointer-events:auto}.plan-board-section-remove:hover{color:var(--color-coral)}.plan-board-cards{display:flex;flex-direction:row;align-items:stretch;gap:var(--gap-md);overflow-x:auto;overflow-y:hidden;padding:var(--gap-sm);min-height:280px;position:relative;scrollbar-width:none}.plan-board-cards::-webkit-scrollbar{display:none}.plan-board-scrollbar{height:20px;margin:0 var(--gap-sm) var(--gap-sm);background:rgba(0,0,0,0.20);border-radius:10px;position:relative;cursor:pointer;flex-shrink:0}.plan-board-scrollbar-thumb{position:absolute;top:0;bottom:0;left:0;background:rgba(120,130,145,0.75);border-radius:10px;cursor:grab;transition:background 0.15s ease;min-width:40px;touch-action:none}.plan-board-scrollbar:hover .plan-board-scrollbar-thumb,.plan-board-scrollbar-thumb.dragging{background:rgba(170,180,195,0.95)}.plan-board-scrollbar-thumb.dragging{cursor:grabbing}.plan-board-cards.drag-target{background:rgba(0,180,200,0.06);outline:2px dashed rgba(0,180,200,0.5);outline-offset:-4px;border-radius:var(--radius-sm)}.plan-board-drop-indicator{position:absolute;top:var(--gap-sm);bottom:var(--gap-sm);width:3px;background-image:linear-gradient(to bottom,#FFFFFF 0,#FFFFFF 6px,transparent 6px,transparent 12px);background-size:100% 12px;background-repeat:repeat-y;pointer-events:none;z-index:5;transition:left 0.06s linear}.plan-board-card{--plan-card-color:#E0E0E0;--plan-card-stripe-w:18px;flex:0 0 320px;display:flex;flex-direction:column;background:#2A2A2E;border:1px solid rgba(255,255,255,0.10);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);overflow:hidden;position:relative;cursor:grab}.plan-board-card.dragging-source{opacity:0.4}.plan-board-card-stripe{position:absolute;top:0;left:0;width:var(--plan-card-stripe-w);bottom:0;background:var(--plan-card-color)}.plan-board-card-grip{color:rgba(0,0,0,0.55);font-size:12px;flex-shrink:0;line-height:1;cursor:grab}.plan-board-card-image{aspect-ratio:16 / 9;background:#2A2A2E center / contain no-repeat;border-bottom:1px solid rgba(255,255,255,0.05);position:relative;flex-shrink:0;z-index:1;display:flex;align-items:center;justify-content:center}.plan-board-card-image-empty{color:var(--color-cream-faint);font-size:32px;pointer-events:none}.plan-board-card[data-uploading="true"] .plan-board-card-image::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.55);z-index:4}.plan-board-card[data-uploading="true"] .plan-board-card-image::before{content:'';position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px;border:3px solid rgba(255,255,255,0.35);border-top-color:var(--accent-color,#6cb3ff);border-radius:50%;animation:plan-board-card-spinner 0.8s linear infinite;z-index:5}@keyframes plan-board-card-spinner{to{transform:rotate(360deg)}}.plan-board-card-image-edit,.plan-board-card-image-view{position:absolute;top:var(--gap-xs);background:rgba(0,0,0,0.6);color:var(--color-cream);padding:6px 8px;border-radius:var(--radius-pill);opacity:0;transition:var(--transition-color),opacity 0.15s ease}.plan-board-card-image-edit{right:var(--gap-xs)}.plan-board-card-image-view{left:var(--gap-xs)}.plan-board-card:hover .plan-board-card-image-edit,.plan-board-card:hover .plan-board-card-image-view{opacity:1}.plan-board-card-image-edit:hover,.plan-board-card-image-view:hover{color:var(--color-white)}.plan-board-card-type{padding:4px 12px 4px var(--gap-sm);color:#1a1a1a;font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:filter 0.15s ease;display:flex;align-items:center;gap:var(--gap-sm);border:0;position:relative;z-index:1}.plan-board-card-type-name{flex:1 1 0;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-board-view.locked .plan-board-card-type,.plan-board-view.locked .plan-board-card-grip{cursor:default}.plan-board-card-type:hover{filter:brightness(0.95)}.plan-board-card-title{color:var(--color-cream);font-size:16px;font-weight:700;text-shadow:var(--shadow-text);padding:var(--gap-sm) var(--gap-md);margin-left:var(--plan-card-stripe-w);outline:none;cursor:text}.plan-board-card-title:focus{background:rgba(255,255,255,0.05)}.plan-board-card-title:empty::before{content:attr(data-placeholder);color:var(--color-cream-faint);font-style:italic;font-weight:400}.plan-board-card-desc{color:rgba(255,240,220,0.92);font-size:12px;padding:0 var(--gap-md) var(--gap-sm);margin-left:var(--plan-card-stripe-w);flex:1 1 auto;min-height:60px;outline:none;cursor:text;background:transparent;border:none;overflow:hidden;font-family:inherit;font-weight:inherit;line-height:inherit;width:auto;box-sizing:border-box;overflow-wrap:anywhere;white-space:pre-wrap}.plan-board-card-desc:focus{background:rgba(255,255,255,0.05)}.plan-board-card-desc:empty::before{content:attr(data-placeholder);color:var(--color-cream-faint);font-style:italic;font-weight:400;pointer-events:none}.plan-board-card-remove{color:var(--color-cream-faint);padding:var(--gap-xs) var(--gap-sm);margin:var(--gap-xs) var(--gap-sm);margin-left:calc(var(--gap-sm) + var(--plan-card-stripe-w));transition:var(--transition-color);align-self:flex-start;opacity:0}.plan-board-card:hover .plan-board-card-remove{opacity:1}.plan-board-card-remove:hover{color:var(--color-coral)}.plan-board-surface.images-hidden .plan-board-card-image{display:none}.plan-board-surface.images-hidden .plan-board-card-stripe{cursor:grab}.plan-board-add-card-tile{flex:0 0 320px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-sm);background:rgba(255,255,255,0.03);border:2px dashed rgba(255,255,255,0.18);border-radius:var(--radius-md);color:var(--color-cream-faint);font-size:var(--text-md);cursor:pointer;transition:var(--transition-color),background-color 0.15s ease;min-height:240px}.plan-board-add-card-tile:hover{background:rgba(255,255,255,0.08);color:var(--color-cream);border-color:rgba(255,255,255,0.32)}.plan-board-view.locked .plan-board-card,.plan-board-view.locked .plan-board-card-title,.plan-board-view.locked .plan-board-card-desc,.plan-board-view.locked .plan-board-section-title{cursor:default}.plan-board-view.locked .plan-board-section-handle{cursor:default;opacity:0.5}.plan-board-type-picker-popup{position:fixed;z-index:var(--z-plan-board-type-picker);background:rgba(20,22,28,0.96);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-md);box-shadow:var(--shadow-panel),0 12px 32px rgba(0,0,0,0.55);padding:var(--gap-sm)}.plan-board-type-picker-popup[hidden]{display:none}.plan-board-type-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-sm)}.plan-board-type-pick{display:inline-flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-sm) var(--gap-md);background:rgba(40,44,54,0.95);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-md);color:var(--color-cream);font-size:var(--text-md);cursor:pointer;transition:background-color 0.12s ease,border-color 0.12s ease;white-space:nowrap}.plan-board-type-pick:hover{background:rgba(60,65,78,1);border-color:rgba(255,255,255,0.18)}.plan-board-type-pick--scene-break{grid-column:1 / -1;justify-content:center;background:rgba(60,65,78,0.95);border-color:rgba(255,255,255,0.22);font-weight:700;letter-spacing:0.06em;margin-top:var(--gap-sm);position:relative}.plan-board-type-pick--scene-break::before{content:'';position:absolute;left:0;right:0;top:calc(-1 * var(--gap-sm) - 1px);border-top:1px dashed rgba(255,255,255,0.16)}.plan-board-type-pick--scene-break:hover{background:rgba(80,86,100,1);border-color:rgba(255,255,255,0.40)}.plan-board-type-pick-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,0.35) inset}.plan-board-type-pick-name{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis}.plan-board-card--scene-break{flex:0 0 44px;background:rgba(20,22,28,0.75);border:1px solid rgba(255,255,255,0.08);border-left:4px solid var(--plan-card-color,#FFFFFF);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;cursor:grab;align-self:stretch;padding:var(--gap-sm) 0;position:relative}.plan-board-card--scene-break:hover{background:rgba(40,44,54,0.85)}.plan-board-scene-break-label{color:var(--color-cream);text-shadow:var(--shadow-text);font-size:var(--text-md);font-weight:700;letter-spacing:0.18em;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;user-select:none;pointer-events:none}.plan-board-scene-break-remove{color:var(--color-cream-faint);padding:4px 6px;border-radius:var(--radius-pill);transition:var(--transition-color),opacity 0.15s ease;opacity:0;flex-shrink:0;position:absolute;bottom:var(--gap-sm);left:50%;transform:translateX(-50%)}.plan-board-card--scene-break:hover .plan-board-scene-break-remove{opacity:1}.plan-board-scene-break-remove:hover{color:var(--color-coral)}#login-screen{position:fixed;inset:0;z-index:var(--z-login-screen);display:flex;align-items:center;justify-content:center;background:url('../img/backgrounds/signin/writer-producer-desk.avif') center / cover no-repeat;overflow:hidden;transition:opacity 1s ease}#login-screen[hidden]{display:none}#login-screen.login-screen--fading-out{opacity:0;pointer-events:none}.login-card{width:min(1024px,calc(100vw - 40px));max-height:calc(100vh - 40px);aspect-ratio:1024 / 720;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 20px 50px;border-radius:var(--radius-lg)}.login-logo-row{display:flex;align-items:flex-start;justify-content:center;gap:10px;padding:20px 0;width:100%;flex:0 0 auto}.login-logo{width:min(951px,92%);height:auto;display:block}.login-trademark{color:var(--color-white);font-size:18px;line-height:1;padding-top:4px}.login-welcome{font-family:'Waterfall',cursive;font-size:clamp(64px,12vw,120px);font-weight:400;line-height:0.75;color:var(--color-white);text-shadow:0 4px 4px rgba(0,0,0,0.25);margin:0;padding:10px 0 0;text-align:center;flex:0 0 auto}.login-form{display:flex;flex-direction:column;align-items:stretch;gap:5px;width:400px;max-width:100%;margin-top:10px;flex:0 0 auto}.login-field{display:flex;flex-direction:column;align-items:center;gap:0}.login-field + .login-field{margin-top:15px}.login-label{color:var(--color-white);font-family:var(--font-primary);font-size:16px;line-height:1.4;text-shadow:var(--shadow-text-glow);padding:10px 10px 5px}.login-input{width:100%;padding:10px;border:1px solid var(--color-dark-mid);border-radius:var(--radius-lg);background:var(--color-cream);color:var(--color-dark);font-family:var(--font-primary);font-size:14px;text-align:center;box-shadow:0 0 8px rgba(0,0,0,0.25),inset 0 0 4px rgba(255,255,255,0.25);outline:none}.login-input::placeholder{color:rgba(140,113,76,0.75);font-style:italic}.login-input:focus{border-color:var(--color-teal)}.login-options-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 5px 0;width:100%}.login-remember-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:4px 4px;margin:-4px -4px;color:var(--color-white);font-family:var(--font-primary);font-size:14px;font-weight:700;text-shadow:var(--shadow-text-glow);cursor:pointer}.login-remember-btn .checkbox-icon{font-size:16px}.login-forgot-link{color:var(--color-white);font-family:var(--font-primary);font-size:14px;font-weight:700;text-decoration:underline;text-shadow:var(--shadow-text-glow);cursor:pointer;background:transparent;border:0;padding:4px 4px;margin:-4px -4px}.login-forgot-link:hover{color:var(--color-cream)}.login-error{flex:0 0 auto;align-self:center;max-width:100%;margin-top:10px;padding:8px 16px;text-align:center;font-family:var(--font-primary);font-size:14px;font-weight:600;line-height:1.4;color:#ff9b9b;text-shadow:0 1px 3px rgba(0,0,0,0.55);background:rgba(0,0,0,0.3);border-radius:10px}.login-error[hidden]{display:none}.login-capslock{display:flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;margin-top:8px;font-family:var(--font-primary);font-size:13px;font-weight:600;line-height:1.4;color:#ffcf7a;text-shadow:0 1px 3px rgba(0,0,0,0.55)}.login-capslock[hidden]{display:none}.login-submit-row{display:flex;justify-content:center;padding:30px 0 0;flex:0 0 auto}.login-submit-btn{padding:10px 30px;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-dark);color:var(--color-white);font-family:var(--font-primary);font-size:20px;line-height:1.4;cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,0.25),inset 0 0 4px rgba(0,0,0,0.25)}.login-submit-btn:hover{background:#424242}.login-submit-btn:active{transform:translateY(1px)}.login-submit-btn[disabled],.login-submit-btn[disabled]:hover{background:var(--color-dark);opacity:0.6;cursor:progress;transform:none}#registration-screen{position:fixed;inset:0;z-index:var(--z-pre-auth-screen);display:flex;align-items:center;justify-content:center;background:url('../img/backgrounds/signin/writer-producer-desk.avif') center / cover no-repeat;overflow:auto;padding:20px}#registration-screen[hidden]{display:none}.reg-card{width:min(640px,calc(100vw - 40px));max-height:calc(100vh - 40px);display:flex;flex-direction:column;align-items:center;padding:30px 40px 40px;border-radius:var(--radius-lg);overflow:auto}.reg-logo-row{display:flex;align-items:flex-start;justify-content:center;gap:8px;width:100%;padding:4px 0 6px;flex:0 0 auto}.reg-logo{width:min(420px,80%);height:auto;display:block}.reg-trademark{color:var(--color-white);font-size:14px;line-height:1;padding-top:3px}.reg-heading{font-family:var(--font-primary);font-size:26px;font-weight:700;line-height:1.4;color:var(--color-white);text-shadow:var(--shadow-text-glow);margin:0;padding:4px 0 18px;text-align:center;flex:0 0 auto}.reg-form{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:400px;max-width:100%;flex:0 0 auto}.reg-form[hidden],.reg-done[hidden]{display:none}.reg-field{display:flex;flex-direction:column;align-items:stretch;gap:4px}.reg-label{color:var(--color-white);font-family:var(--font-primary);font-size:15px;line-height:1.4;text-shadow:var(--shadow-text-glow);padding:2px 4px}.reg-input{width:100%;padding:10px;border:1px solid var(--color-dark-mid);border-radius:var(--radius-lg);background:var(--color-cream);color:var(--color-dark);font-family:var(--font-primary);font-size:14px;text-align:center;box-shadow:0 0 8px rgba(0,0,0,0.25),inset 0 0 4px rgba(255,255,255,0.25);outline:none}.reg-input::placeholder{color:rgba(140,113,76,0.75);font-style:italic}.reg-input:focus{border-color:var(--color-teal)}#reg-code-input{text-transform:uppercase;letter-spacing:2px;font-weight:700}.reg-nocode{font-family:var(--font-primary);font-size:13px;line-height:1.5;color:var(--color-white);text-shadow:0 1px 3px rgba(0,0,0,0.55);background:rgba(0,0,0,0.28);border-radius:10px;padding:12px 16px}.reg-nocode p{margin:0}.reg-nocode p + p{margin-top:8px}.reg-nocode a{color:var(--color-cream);font-weight:700;text-decoration:underline}.reg-terms-row{display:flex;align-items:flex-start;gap:8px;padding:2px 4px}.reg-checkbox-btn{display:inline-flex;align-items:center;background:transparent;border:0;padding:4px;margin:-4px 0 -4px -4px;cursor:pointer;flex:0 0 auto}.reg-checkbox-btn .checkbox-icon{font-size:18px;color:var(--color-white)}.reg-terms-label{color:var(--color-white);font-family:var(--font-primary);font-size:14px;font-weight:600;line-height:1.4;text-shadow:var(--shadow-text-glow);padding-top:2px}.reg-terms-label a{color:var(--color-cream);font-weight:700;text-decoration:underline}.reg-error{align-self:center;max-width:100%;margin:2px 0;padding:8px 16px;text-align:center;font-family:var(--font-primary);font-size:14px;font-weight:600;line-height:1.4;color:#ff9b9b;text-shadow:0 1px 3px rgba(0,0,0,0.55);background:rgba(0,0,0,0.3);border-radius:10px}.reg-error[hidden]{display:none}.reg-submit-row{display:flex;justify-content:center;padding:8px 0 0}.reg-submit-btn{padding:10px 30px;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-dark);color:var(--color-white);font-family:var(--font-primary);font-size:18px;line-height:1.4;cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,0.25),inset 0 0 4px rgba(0,0,0,0.25)}.reg-submit-btn:hover{background:#424242}.reg-submit-btn:active{transform:translateY(1px)}.reg-submit-btn[disabled],.reg-submit-btn[disabled]:hover{background:var(--color-dark);opacity:0.5;cursor:not-allowed;transform:none}.reg-alt-row{display:flex;justify-content:center;padding:4px 0 0}.reg-link{color:var(--color-white);font-family:var(--font-primary);font-size:14px;font-weight:700;text-decoration:underline;text-shadow:var(--shadow-text-glow);cursor:pointer;background:transparent;border:0;padding:4px}.reg-link:hover{color:var(--color-cream)}.reg-done{display:flex;flex-direction:column;align-items:center;gap:12px;width:440px;max-width:100%;text-align:center;color:var(--color-white)}.reg-done h2{font-family:var(--font-primary);font-size:22px;font-weight:700;line-height:1.4;text-shadow:var(--shadow-text-glow);margin:0}.reg-done p{font-family:var(--font-primary);font-size:15px;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,0.55);margin:0}.reg-done strong{color:var(--color-cream)}.reg-resend-msg{font-family:var(--font-primary);font-size:13px;font-weight:600;line-height:1.4;color:#b6e3c4;text-shadow:0 1px 3px rgba(0,0,0,0.55)}.reg-resend-msg[hidden]{display:none}#email-verify-screen{position:fixed;inset:0;z-index:var(--z-pre-auth-screen);display:flex;align-items:center;justify-content:center;background:url('../img/backgrounds/signin/writer-producer-desk.avif') center / cover no-repeat;overflow:auto;padding:20px}#email-verify-screen[hidden]{display:none}.verify-card{width:min(560px,calc(100vw - 40px));max-height:calc(100vh - 40px);display:flex;flex-direction:column;align-items:center;padding:30px 40px 40px;border-radius:var(--radius-lg);overflow:auto}.verify-logo-row{display:flex;align-items:flex-start;justify-content:center;gap:8px;width:100%;padding:4px 0 6px;flex:0 0 auto}.verify-logo{width:min(420px,80%);height:auto;display:block}.verify-trademark{color:var(--color-white);font-size:14px;line-height:1;padding-top:3px}.verify-heading{font-family:var(--font-primary);font-size:26px;font-weight:700;line-height:1.4;color:var(--color-white);text-shadow:var(--shadow-text-glow);margin:0;padding:4px 0 18px;text-align:center;flex:0 0 auto}.verify-loading,.verify-form,.verify-invalid,.verify-success{width:400px;max-width:100%;display:flex;flex-direction:column;align-items:stretch;gap:12px}.verify-loading[hidden],.verify-form[hidden],.verify-invalid[hidden],.verify-success[hidden]{display:none}.verify-loading,.verify-success,.verify-invalid{align-items:center;text-align:center;color:var(--color-white)}.verify-intro{font-family:var(--font-primary);font-size:15px;line-height:1.5;color:var(--color-white);text-shadow:0 1px 3px rgba(0,0,0,0.55);text-align:center;margin:0}.verify-intro strong,.verify-invalid strong,.verify-success strong{color:var(--color-cream)}.verify-field{display:flex;flex-direction:column;align-items:stretch;gap:4px}.verify-field--full{width:100%}.verify-label{color:var(--color-white);font-family:var(--font-primary);font-size:15px;line-height:1.4;text-shadow:var(--shadow-text-glow);padding:2px 4px}.verify-input{width:100%;padding:10px;border:1px solid var(--color-dark-mid);border-radius:var(--radius-lg);background:var(--color-cream);color:var(--color-dark);font-family:var(--font-primary);font-size:14px;text-align:center;box-shadow:0 0 8px rgba(0,0,0,0.25),inset 0 0 4px rgba(255,255,255,0.25);outline:none}.verify-input::placeholder{color:rgba(140,113,76,0.75);font-style:italic}.verify-input:focus{border-color:var(--color-teal)}.verify-capslock{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-primary);font-size:13px;font-weight:600;line-height:1.4;color:#ffcf7a;text-shadow:0 1px 3px rgba(0,0,0,0.55)}.verify-capslock[hidden]{display:none}.verify-error{align-self:center;max-width:100%;padding:8px 16px;text-align:center;font-family:var(--font-primary);font-size:14px;font-weight:600;line-height:1.4;color:#ff9b9b;text-shadow:0 1px 3px rgba(0,0,0,0.55);background:rgba(0,0,0,0.3);border-radius:10px}.verify-error[hidden]{display:none}.verify-submit-btn{align-self:center;padding:10px 30px;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-dark);color:var(--color-white);font-family:var(--font-primary);font-size:18px;line-height:1.4;cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,0.25),inset 0 0 4px rgba(0,0,0,0.25)}.verify-submit-btn:hover{background:#424242}.verify-submit-btn:active{transform:translateY(1px)}.verify-submit-btn[disabled],.verify-submit-btn[disabled]:hover{background:var(--color-dark);opacity:0.6;cursor:progress;transform:none}.verify-p{font-family:var(--font-primary);font-size:15px;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,0.55);margin:0}.verify-success h2{font-family:var(--font-primary);font-size:22px;font-weight:700;line-height:1.4;text-shadow:var(--shadow-text-glow);margin:0}.verify-link{color:var(--color-white);font-family:var(--font-primary);font-size:14px;font-weight:700;text-decoration:underline;text-shadow:var(--shadow-text-glow);cursor:pointer;background:transparent;border:0;padding:4px}.verify-link:hover{color:var(--color-cream)}.verify-resend-msg{font-family:var(--font-primary);font-size:13px;font-weight:600;line-height:1.4;color:#b6e3c4;text-shadow:0 1px 3px rgba(0,0,0,0.55)}.verify-resend-msg[hidden]{display:none}#password-reset-screen{position:fixed;inset:0;z-index:var(--z-pre-auth-screen);display:flex;align-items:center;justify-content:center;background:url('../img/backgrounds/signin/writer-producer-desk.avif') center / cover no-repeat;overflow:auto;padding:20px}#password-reset-screen[hidden]{display:none}.pwreset-card{width:min(560px,calc(100vw - 40px));max-height:calc(100vh - 40px);display:flex;flex-direction:column;align-items:center;padding:30px 40px 40px;border-radius:var(--radius-lg);overflow:auto}.pwreset-logo-row{display:flex;align-items:flex-start;justify-content:center;gap:8px;width:100%;padding:4px 0 6px;flex:0 0 auto}.pwreset-logo{width:min(420px,80%);height:auto;display:block}.pwreset-trademark{color:var(--color-white);font-size:14px;line-height:1;padding-top:3px}.pwreset-heading{font-family:var(--font-primary);font-size:26px;font-weight:700;line-height:1.4;color:var(--color-white);text-shadow:var(--shadow-text-glow);margin:0;padding:4px 0 18px;text-align:center;flex:0 0 auto}.pwreset-request,.pwreset-requested,.pwreset-loading,.pwreset-form,.pwreset-invalid,.pwreset-success{width:400px;max-width:100%;display:flex;flex-direction:column;align-items:stretch;gap:12px}.pwreset-request[hidden],.pwreset-requested[hidden],.pwreset-loading[hidden],.pwreset-form[hidden],.pwreset-invalid[hidden],.pwreset-success[hidden]{display:none}.pwreset-loading,.pwreset-requested,.pwreset-success,.pwreset-invalid{align-items:center;text-align:center;color:var(--color-white)}.pwreset-intro{font-family:var(--font-primary);font-size:15px;line-height:1.5;color:var(--color-white);text-shadow:0 1px 3px rgba(0,0,0,0.55);text-align:center;margin:0}.pwreset-intro strong,.pwreset-requested strong,.pwreset-invalid strong,.pwreset-success strong{color:var(--color-cream)}.pwreset-field{display:flex;flex-direction:column;align-items:stretch;gap:4px}.pwreset-field--full{width:100%}.pwreset-label{color:var(--color-white);font-family:var(--font-primary);font-size:15px;line-height:1.4;text-shadow:var(--shadow-text-glow);padding:2px 4px}.pwreset-input{width:100%;padding:10px;border:1px solid var(--color-dark-mid);border-radius:var(--radius-lg);background:var(--color-cream);color:var(--color-dark);font-family:var(--font-primary);font-size:14px;text-align:center;box-shadow:0 0 8px rgba(0,0,0,0.25),inset 0 0 4px rgba(255,255,255,0.25);outline:none}.pwreset-input::placeholder{color:rgba(140,113,76,0.75);font-style:italic}.pwreset-input:focus{border-color:var(--color-teal)}.pwreset-capslock{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-primary);font-size:13px;font-weight:600;line-height:1.4;color:#ffcf7a;text-shadow:0 1px 3px rgba(0,0,0,0.55)}.pwreset-capslock[hidden]{display:none}.pwreset-error{align-self:center;max-width:100%;padding:8px 16px;text-align:center;font-family:var(--font-primary);font-size:14px;font-weight:600;line-height:1.4;color:#ff9b9b;text-shadow:0 1px 3px rgba(0,0,0,0.55);background:rgba(0,0,0,0.3);border-radius:10px}.pwreset-error[hidden]{display:none}.pwreset-submit-btn{align-self:center;padding:10px 30px;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-dark);color:var(--color-white);font-family:var(--font-primary);font-size:18px;line-height:1.4;cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,0.25),inset 0 0 4px rgba(0,0,0,0.25)}.pwreset-submit-btn:hover{background:#424242}.pwreset-submit-btn:active{transform:translateY(1px)}.pwreset-submit-btn[disabled],.pwreset-submit-btn[disabled]:hover{background:var(--color-dark);opacity:0.6;cursor:progress;transform:none}.pwreset-p{font-family:var(--font-primary);font-size:15px;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,0.55);margin:0}.pwreset-success h2,.pwreset-requested h2{font-family:var(--font-primary);font-size:22px;font-weight:700;line-height:1.4;text-shadow:var(--shadow-text-glow);margin:0}.pwreset-rerequest-msg{font-family:var(--font-primary);font-size:13px;font-weight:600;line-height:1.4;color:#b6e3c4;text-shadow:0 1px 3px rgba(0,0,0,0.55)}.pwreset-rerequest-msg[hidden]{display:none}.pwreset-link{color:var(--color-white);font-family:var(--font-primary);font-size:14px;font-weight:700;text-decoration:underline;text-shadow:var(--shadow-text-glow);cursor:pointer;background:transparent;border:0;padding:4px}.pwreset-link:hover{color:var(--color-cream)}body[data-app-mode="welcome"] #app-main,body[data-app-mode="welcome"] #app-footer{display:none}body[data-app-mode="welcome"] #context-view>i{display:none}#welcome-screen{position:relative;flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--gap-md);background:url('../img/backgrounds/signin/welcome-writer-desk.avif') center / cover no-repeat;overflow:hidden}#welcome-screen[hidden]{display:none}.welcome-card{width:min(1280px,calc(100% - var(--gap-lg)));max-height:100%;aspect-ratio:1280 / 800;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 20px;gap:var(--gap-md);border-radius:var(--radius-lg)}.welcome-logo-row{display:flex;align-items:flex-start;justify-content:center;gap:10px;padding:50px 10px 10px;width:100%;flex:0 0 auto}.welcome-logo{width:min(1028px,88%);height:auto;display:block}.welcome-trademark{color:var(--color-white);font-size:18px;line-height:1;padding-top:4px}.welcome-headline{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding-top:var(--gap-lg);width:100%;text-align:center;color:var(--color-white);text-shadow:0 4px 4px rgba(0,0,0,0.25);flex:0 0 auto}.welcome-greeting{font-family:'Waterfall',cursive;font-size:37px;font-weight:400;line-height:1;margin:0;white-space:nowrap;max-width:960px;width:100%}.welcome-subtitle{font-family:var(--font-primary);font-size:16px;font-weight:400;line-height:1.4;margin:0;max-width:720px}.welcome-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-lg);flex:1 1 0;min-height:0;padding-bottom:50px;width:100%}.welcome-action-btn{padding:10px 20px;border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:20px;font-weight:400;line-height:1.4;cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,0.25),inset 0 0 4px rgba(0,0,0,0.25)}.welcome-action-btn--secondary{border:1px solid var(--color-dark);background:var(--color-border-light);color:#3d3d3d}.welcome-action-btn--secondary:hover{background:#e8e8e8}.welcome-action-btn--primary{border:1px solid var(--color-border-light);background:var(--color-dark);color:var(--color-white)}.welcome-action-btn--primary:hover{background:#424242}.welcome-action-btn:active{transform:translateY(1px)}.welcome-divider{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);color:var(--color-cream);text-shadow:0 4px 4px rgba(0,0,0,0.25);pointer-events:none;user-select:none}.welcome-divider .fa-timeline{font-size:32px}.welcome-divider .fa-globe{font-size:48px}body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important;scroll-behavior:auto!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}