:root{color-scheme:light;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--control-sm: 28px;--control-md: 32px;--control-touch: 44px;--header-h: 44px;--sidebar-w: 260px;--rail-w: 74px;--inspector-w: 300px;--content-w: 720px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 17px;--text-title: 28px;--ease: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur: .2s;--z-header: 10;--z-sidebar: 20;--z-floating: 30;--z-overlay: 40;--z-menu: 50;--z-modal: 60;--z-toast: 70;--z-tooltip: 45;--background: #f5f5f7;--surface: #ffffff;--workspace: var(--surface);--canvas: var(--background);--fill: rgba(118, 118, 128, .12);--fill-hover: rgba(118, 118, 128, .16);--fill-active: rgba(118, 118, 128, .22);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #a1a1a6;--separator: rgba(60, 60, 67, .12);--separator-strong: rgba(60, 60, 67, .24);--accent: #0071e3;--accent-soft: rgba(0, 113, 227, .12);--accent-contrast: #ffffff;--auth-glow: rgba(0, 113, 227, .14);--auth-mist: rgba(120, 130, 150, .16);--danger: #d70015;--danger-soft: rgba(215, 0, 21, .1);--scrim: rgba(0, 0, 0, .2);--glass-bg: rgba(250, 250, 252, .72);--glass-fallback: #f2f2f5;--glass-highlight: inset 0 0 0 .5px rgba(255, 255, 255, .7), inset 0 1px 0 rgba(255, 255, 255, .6);--glass-edge: 0 0 0 .5px rgba(0, 0, 0, .08);--glass-blur: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06);--focus: 0 0 0 3px rgba(0, 113, 227, .35);--node-generic: #8e8e93;--node-component: #5e5ce6;--node-module: #0071e3;--node-api: #30a46c;--node-database: #c27c0e;--node-requirement: #af52de;--node-note: #d4a20b}html[data-theme=dark]{color-scheme:dark;--background: #1c1c1e;--surface: #232326;--workspace: var(--surface);--canvas: var(--background);--fill: rgba(118, 118, 128, .24);--fill-hover: rgba(118, 118, 128, .3);--fill-active: rgba(118, 118, 128, .38);--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #6e6e73;--separator: rgba(84, 84, 88, .45);--separator-strong: rgba(84, 84, 88, .7);--accent: #0a84ff;--accent-soft: rgba(10, 132, 255, .2);--accent-contrast: #ffffff;--auth-glow: rgba(10, 132, 255, .1);--auth-mist: rgba(90, 100, 120, .22);--danger: #ff453a;--danger-soft: rgba(255, 69, 58, .16);--scrim: rgba(0, 0, 0, .45);--glass-bg: rgba(40, 40, 44, .68);--glass-fallback: #2a2a2e;--glass-highlight: inset 0 0 0 .5px rgba(255, 255, 255, .1), inset 0 1px 0 rgba(255, 255, 255, .06);--glass-edge: 0 0 0 .5px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .3);--focus: 0 0 0 3px rgba(10, 132, 255, .45);--node-generic: #98989d;--node-component: #7d7aff;--node-module: #0a84ff;--node-api: #30d158;--node-database: #ff9f0a;--node-requirement: #bf5af2;--node-note: #ffd60a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text-primary);background:var(--background);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}h1,h2,h3{font-weight:600;letter-spacing:-.015em;margin:0}h1{font-size:var(--text-title)}h2{font-size:var(--text-lg)}p{margin:0}:focus{outline:none}:focus-visible{box-shadow:var(--focus);border-radius:var(--radius-sm)}::selection{background:var(--accent-soft)}.muted{color:var(--text-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.icon{display:inline-block;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;flex:0 0 auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.glass{background:var(--glass-fallback);box-shadow:var(--glass-highlight),var(--glass-edge),var(--shadow-md)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.8);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.8)}}.skip{position:absolute;left:var(--space-3);top:-48px;background:var(--surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);z-index:var(--z-toast)}.skip:focus{top:var(--space-3)}.shell{height:100%;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);transition:grid-template-columns var(--dur) var(--ease)}.shell[data-sidebar=rail]{grid-template-columns:var(--rail-w) minmax(0,1fr)}.shell[data-sidebar=overlay]{grid-template-columns:0 minmax(0,1fr)}.main{position:relative;grid-column:2;grid-row:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--background)}.workspace{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-header{height:var(--header-h);flex:0 0 var(--header-h);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);z-index:var(--z-header);background:var(--background);border-bottom:1px solid var(--separator)}.main>.shell-menu{position:absolute;top:var(--space-3);left:var(--space-3);z-index:var(--z-header)}.header-actions{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.header-actions:empty{display:none}.breadcrumb{display:flex;align-items:center;gap:var(--space-1);min-width:0;flex:1;font-size:var(--text-md)}.breadcrumb ol{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0;min-width:0}.breadcrumb li{display:flex;align-items:center;gap:var(--space-1);min-width:0}.breadcrumb li+li:before{content:"";width:14px;height:14px;flex:0 0 auto;background:var(--text-tertiary);mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20d='M504-480%20320-664l56-56%20240%20240-240%20240-56-56%20184-184Z'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20d='M504-480%20320-664l56-56%20240%20240-240%20240-56-56%20184-184Z'/%3e%3c/svg%3e") center / contain no-repeat}.crumb{color:var(--text-secondary);text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}button.crumb{border:0;background:none;font:inherit;cursor:text}a.crumb:hover,button.crumb:hover{color:var(--text-primary)}.crumb.current{color:var(--text-primary);font-weight:600;max-width:360px}.crumb-slot{display:flex;align-items:center;min-width:0}.crumb-slot:empty{display:none}.crumb-input{font-weight:600;border:0;background:var(--fill);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);min-width:120px;max-width:360px}.sidebar{grid-column:1;grid-row:1;margin:var(--space-2);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:0;overflow:hidden;z-index:var(--z-sidebar);background:var(--surface);border:1px solid var(--separator)}.sidebar-head{display:flex;align-items:center;gap:2px;padding:var(--space-2)}.sidebar-head .project-switcher{flex:1;min-width:0}.sidebar-scroll{flex:1;min-height:0;overflow:hidden auto;padding:0 var(--space-2) var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-foot{padding:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.project-switcher{width:100%;display:flex;align-items:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;font-weight:600;text-align:left;color:var(--text-primary);text-decoration:none}.project-switcher:hover{background:var(--fill)}.project-switcher .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-section{display:flex;flex-direction:column;gap:1px}.side-section-head{display:flex;align-items:center;gap:var(--space-1);height:var(--control-sm);padding-left:var(--space-1)}.side-section-toggle{flex:1;display:flex;align-items:center;gap:var(--space-1);border:0;background:transparent;padding:0 var(--space-1);height:var(--control-sm);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;text-align:left}.side-section-toggle .icon{transition:transform var(--dur-fast) var(--ease)}.side-section[data-open=false] .side-section-toggle .icon{transform:rotate(-90deg)}.side-section-head .icon-button{opacity:0}.side-section-head:hover .icon-button,.side-section-head:focus-within .icon-button{opacity:1}.side-empty{color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-1) var(--space-3)}.side-item{position:relative;display:flex;align-items:center;border-radius:var(--radius-sm)}.side-link{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-2);border-radius:var(--radius-sm);color:inherit;text-decoration:none}.side-link .label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-link .icon{color:var(--text-secondary)}.side-item:hover{background:var(--fill)}.side-link.active{background:var(--accent-soft)}.side-link.active .icon{color:var(--accent)}.side-item .item-more{position:absolute;right:2px;opacity:0}.side-item:hover .item-more,.side-item:focus-within .item-more,.side-item .item-more[aria-expanded=true]{opacity:1}.side-item.nested .side-link{padding-left:var(--space-6)}.side-item.nested .side-link:has(+.item-more){padding-right:var(--control-md)}.side-account{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);padding:0;border:0;border-radius:0;background:transparent;color:var(--text-primary);text-align:left;text-decoration:none;cursor:pointer}.side-account:hover .side-account-login{color:var(--text-primary)}.side-account:focus-visible{box-shadow:var(--focus)}.side-account-login{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:500}.sidebar[data-mode=rail] .side-account{flex:none;width:auto;justify-content:center}.sidebar[data-mode=rail]{overflow:visible}.sidebar[data-mode=rail] .sidebar-scroll{padding:0 var(--space-2) var(--space-2);align-items:center;gap:var(--space-1);overflow:visible}.sidebar[data-mode=rail] .sidebar-head,.sidebar[data-mode=rail] .sidebar-foot{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-1);padding:var(--space-2)}.sidebar[data-mode=rail] .side-item{width:40px;flex:none}.sidebar[data-mode=rail] .side-link{width:40px;height:40px;flex:none;justify-content:center;padding:0}.sidebar[data-mode=rail] .icon-button{width:40px;min-width:40px;height:40px;border-radius:var(--radius-sm)}.sidebar[data-mode=overlay]{position:fixed;inset:var(--space-2) auto var(--space-2) var(--space-2);width:min(var(--sidebar-w),calc(100vw - 48px));margin:0;z-index:var(--z-overlay);transform:translate(calc(-100% - var(--space-4)));transition:transform var(--dur) var(--ease);visibility:hidden}.sidebar[data-mode=overlay][data-open=true]{transform:none;visibility:visible}.scrim{position:fixed;inset:0;background:var(--scrim);z-index:calc(var(--z-overlay) - 1);animation:fade-in var(--dur) var(--ease)}.page{flex:1;min-height:0;overflow:auto;padding:var(--space-4) var(--space-6) var(--space-8)}.page.page-list{padding-top:var(--space-6)}.fill{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.97)}}@media(max-width:800px){.page,.page.page-list{padding:var(--space-3) var(--space-4) var(--space-6)}.main[data-topbar=off] .account-page,.main[data-topbar=off] .page{padding-top:calc(var(--space-3) + var(--control-md) + var(--space-3))}.crumb{max-width:120px}.crumb.current{max-width:180px}.breadcrumb li.optional{display:none}.breadcrumb li.optional+li:before{display:none}}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:var(--control-md);height:var(--control-md);padding:0 var(--space-1);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);text-decoration:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.icon-button:hover{background:var(--fill)}.icon-button:active{background:var(--fill-active)}.icon-button:disabled{opacity:.4;cursor:default;background:transparent}.icon-button.with-text{padding:0 var(--space-3)}.icon-button.with-text .icon{margin-left:calc(var(--space-1) * -1)}.icon-button.size-sm{min-width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-xs)}.icon-button.variant-filled{background:var(--fill)}.icon-button.variant-filled:hover{background:var(--fill-hover)}.icon-button.variant-primary{background:var(--accent);color:var(--accent-contrast);font-weight:500}.icon-button.variant-primary:hover{background:var(--accent);filter:brightness(1.08)}.icon-button.variant-primary.confirm-danger{background:var(--danger)}.icon-button.variant-danger{color:var(--danger)}.icon-button.variant-danger:hover{background:var(--danger-soft)}.icon-button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.button-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.tooltip{position:fixed;z-index:var(--z-tooltip);margin:0;padding:6px var(--space-2);border-radius:var(--radius-xs);background:var(--text-primary);color:var(--workspace);font-size:var(--text-xs);font-weight:500;line-height:1.3;white-space:nowrap;pointer-events:none}.tooltip.wrap{white-space:normal;width:max-content;max-width:240px;text-align:left}.form{display:grid;gap:var(--space-3)}.field{display:grid;gap:var(--space-1)}.field>span{color:var(--text-secondary);font-size:var(--text-sm)}.field input,.field textarea,.field select{width:100%;border:0;background:var(--fill);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);min-height:var(--control-md);transition:background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.field textarea{resize:vertical;line-height:1.45}.field input:focus,.field textarea:focus,.field select:focus{background:var(--workspace);box-shadow:var(--focus)}.menu{position:fixed;min-width:200px;max-width:320px;padding:var(--space-1);border-radius:var(--radius-md);z-index:var(--z-menu);display:flex;flex-direction:column;animation:pop-in var(--dur-fast) var(--ease);transform-origin:top left}.menu-item{display:flex;align-items:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-2);border:0;border-radius:var(--radius-xs);background:transparent;text-align:left;white-space:nowrap}.menu-item.has-hint{height:auto;align-items:flex-start;padding:var(--space-2)}.menu-item .menu-label{display:grid;flex:1;min-width:0;text-align:left}.menu-hint{color:var(--text-secondary);font-size:var(--text-xs);font-weight:400;white-space:normal}.menu-item:hover .menu-hint,.menu-item:focus-visible .menu-hint{color:inherit}.menu-item .icon{color:var(--text-secondary)}.menu-item:hover,.menu-item:focus-visible{background:var(--accent);color:var(--accent-contrast);box-shadow:none}.menu-item:hover .icon,.menu-item:focus-visible .icon{color:inherit}.menu-item.danger,.menu-item.danger .icon{color:var(--danger)}.menu-item.danger:hover,.menu-item.danger:focus-visible{background:var(--danger);color:#fff}.menu-item.danger:hover .icon,.menu-item.danger:focus-visible .icon{color:#fff}.avatar{width:32px;height:32px;border-radius:var(--radius-pill);object-fit:cover;flex:0 0 auto;background:var(--fill)}.avatar-fallback{display:grid;place-items:center;color:var(--text-primary);font-weight:600;font-size:13px;line-height:1}.theme-switch{position:relative;width:60px;height:32px;padding:3px;border:0;border-radius:var(--radius-pill);background:var(--fill);flex:0 0 auto;display:flex;align-items:center}.theme-switch.compact{width:44px;height:28px}.theme-switch:focus-visible{box-shadow:var(--focus)}.theme-switch-icon{position:absolute;z-index:1;top:50%;display:grid;pointer-events:none;transform:translateY(-50%)}.theme-sun{left:8px}.theme-moon{right:8px}.theme-switch.compact .theme-sun{left:5px}.theme-switch.compact .theme-moon{right:5px}.theme-switch .icon{color:var(--text-tertiary)}.theme-switch[data-dark=false] .theme-sun .icon,.theme-switch[data-dark=true] .theme-moon .icon{color:var(--text-primary)}.theme-switch-thumb{width:26px;height:26px;border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease)}.theme-switch.compact .theme-switch-thumb{width:22px;height:22px}.theme-switch[aria-checked=true] .theme-switch-thumb{transform:translate(28px)}.theme-switch.compact[aria-checked=true] .theme-switch-thumb{transform:translate(16px)}.account-page{flex:1;min-height:0;overflow:auto;padding:var(--space-6)}.account-stack{width:min(800px,100%);display:grid;align-content:start;justify-items:start;gap:var(--space-4)}.account-stack>.account-card{width:100%}.account-page h1{margin:0;font-size:var(--text-lg);font-weight:600}.account-card{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface)}.account-card>.icon-button{justify-self:start}.account-card h2{margin:0;color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.account-identity{display:flex;align-items:center;gap:var(--space-4)}.account-login{margin:0;color:var(--text-primary);font-size:22px;font-weight:600;line-height:1.2}.account-email{margin:2px 0 0;color:var(--text-secondary);font-size:var(--text-md)}.account-security{display:grid;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--separator)}.account-security .icon-button{justify-self:end}.account-avatar-hit{position:relative;width:80px;height:80px;border-radius:var(--radius-pill);cursor:pointer;flex:0 0 auto}.account-avatar-hit .avatar,.account-avatar-hit .avatar-fallback{width:80px;height:80px;font-size:32px}.account-avatar-overlay{position:absolute;inset:0;display:grid;place-items:center;border-radius:var(--radius-pill);background:#00000073;color:#fff;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease)}.account-avatar-hit:hover .account-avatar-overlay,.account-avatar-hit:focus-within .account-avatar-overlay{opacity:1}.account-avatar-overlay .icon{color:#fff}.account-avatar-hit:focus-within{box-shadow:var(--focus)}.account-line{display:flex;justify-content:space-between;gap:var(--space-3);margin:0}.account-line span{color:var(--text-secondary)}.account-logout{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary)}.account-logout .icon{color:var(--text-secondary)}.account-logout:hover,.account-logout:focus-visible{background:var(--danger-soft);color:var(--danger)}.account-logout:hover .icon,.account-logout:focus-visible .icon{color:var(--danger)}@media(max-width:800px){.account-identity{flex-direction:column;align-items:flex-start}}.menu-item[aria-checked=true]:after{content:"";margin-left:auto;width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20d='M382-240%20154-468l57-57%20171%20171%20367-367%2057%2057-424%20424Z'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20d='M382-240%20154-468l57-57%20171%20171%20367-367%2057%2057-424%20424Z'/%3e%3c/svg%3e") center / contain no-repeat}.menu-separator{height:1px;margin:var(--space-1) var(--space-2);background:var(--separator)}.modal{border:0;padding:0;background:transparent;color:inherit;max-width:none;max-height:none;overflow:visible}.modal::backdrop{background:var(--scrim);animation:fade-in var(--dur) var(--ease)}.modal-card{width:min(440px,calc(100vw - 32px));padding:var(--space-4);border-radius:var(--radius-lg);display:grid;gap:var(--space-4);animation:pop-in var(--dur) var(--ease)}.modal-card header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.toasts{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);display:grid;gap:var(--space-2);z-index:var(--z-toast);justify-items:center}.toast{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);animation:pop-in var(--dur) var(--ease)}.toast.danger{color:var(--danger)}.save-status{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--control-md);padding:0 var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm)}.save-status.error{color:var(--danger)}.save-status.saving .icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(-360deg)}}.doc-title{display:block;width:100%;border:0;padding:0;margin:0 0 var(--space-4);background:transparent;resize:none;overflow:hidden;field-sizing:content;font-size:var(--text-title);font-weight:700;letter-spacing:-.02em;line-height:1.2}.doc-title::placeholder{color:var(--text-tertiary)}.doc-title:focus-visible{box-shadow:none}.drop-zone{transition:background var(--dur-fast) var(--ease)}.drop-zone.dropping{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.ai-layout{flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr)}.ai-options{overflow:auto;padding:var(--space-4) var(--space-3) var(--space-6);display:grid;align-content:start;gap:var(--space-4);box-shadow:.5px 0 0 var(--separator)}.ai-options fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:2px}.ai-options legend{padding:0}.ai-options .segmented{justify-self:start}.ai-options .choice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-file-note{margin:0 0 var(--space-2);font-size:var(--text-sm);line-height:1.45}.ai-workspace{min-height:0;overflow:auto;padding:var(--space-6);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.ai-assemble{display:flex;align-items:center;gap:var(--space-3)}.ai-hint{margin:0;max-width:420px}.ai-result{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);width:min(860px,100%)}.ai-result h2{margin:0;font-size:var(--text-lg);font-weight:600}.ai-result p{margin:0}.ai-stale{color:var(--text-secondary)}.ai-instruction{position:relative;width:100%}.ai-instruction .icon-button{position:absolute;top:12px;right:28px;z-index:1}.ai-instruction textarea{width:100%;min-height:320px;padding:var(--space-4);padding-right:64px;border:1px solid var(--separator);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font:inherit;font-size:var(--text-md);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden;overflow-y:auto;resize:vertical}.ai-spinner{width:16px;height:16px;flex:0 0 auto;border:2px solid var(--separator-strong);border-top-color:var(--accent);border-radius:50%;animation:auth-spin .7s linear infinite}@media(max-width:800px){.ai-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(320px,1fr);overflow:auto}.ai-options{box-shadow:0 .5px 0 var(--separator);overflow:visible}.ai-instruction textarea{font-size:16px}}.banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin:0 var(--space-3) var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm)}.empty{margin:auto;max-width:360px;padding:var(--space-8) var(--space-4);display:grid;justify-items:center;gap:var(--space-3);text-align:center;color:var(--text-secondary)}.empty .icon{color:var(--text-secondary)}.empty .icon-button .icon{color:currentColor}.empty h2{color:var(--text-primary)}.rows{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:inherit;text-decoration:none}.row+.row{box-shadow:0 -.5px 0 var(--separator)}.row:hover{background:var(--fill);box-shadow:none}.row:hover+.row{box-shadow:none}.row .row-main{flex:1 1 auto;min-width:0;max-width:var(--content-w);display:grid}.row .row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .row-meta{color:var(--text-secondary);font-size:var(--text-xs)}.row>.icon{color:var(--text-secondary)}.row-open{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;min-height:56px;color:inherit;text-decoration:none}.row-open>.icon{color:var(--text-secondary)}.row-actions{display:flex;align-items:center;flex:0 0 auto;margin-left:auto;opacity:.55}.row-end{margin-left:auto;flex:0 0 auto}.row:hover .row-actions,.row:focus-within .row-actions{opacity:1}.row-delete:hover,.row-delete:focus-visible{color:var(--danger)}.list-heading{display:grid;gap:2px;min-width:0}.list-heading .muted{font-size:var(--text-sm)}.page-title{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.list-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);margin-bottom:var(--space-4)}.users-toolbar{justify-content:space-between}.users-search{width:min(280px,100%);margin-left:auto;border:0;background:var(--fill);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);min-height:var(--control-md)}.users-search:focus{background:var(--workspace);box-shadow:var(--focus);outline:none}.user-row-side{display:flex;align-items:center;gap:var(--space-3);margin-left:auto;min-width:0}.user-desktop-meta{display:flex;align-items:center;gap:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm)}.user-count{white-space:nowrap}.user-actions{display:flex;align-items:center}.user-mobile-meta{display:none}.user-status{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap}.user-status .icon{color:var(--text-secondary)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);flex:0 0 auto}.tip-host{display:inline-flex}.tip-host .icon-button:disabled{pointer-events:none}.user-hero{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-4) 0 var(--space-6)}.user-login{display:block;font-size:var(--text-lg, 1.25rem)}.user-hero .muted{margin:2px 0 var(--space-2)}.user-empty{margin:0 var(--space-2) var(--space-4)}.user-manage-label{margin-top:var(--space-6)}.user-manage{display:flex;flex-wrap:wrap;gap:var(--space-2)}.page .breadcrumb{margin-bottom:var(--space-2)}.section-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;margin:0 0 var(--space-2) var(--space-2)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),320px));gap:var(--space-3);justify-content:start;width:100%;margin-left:0}.project-card{position:relative}.project-card-open{display:grid;align-content:start;gap:var(--space-1);min-height:96px;color:inherit;text-decoration:none}.project-card-open:after{content:"";position:absolute;inset:0}.project-card-actions{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1;display:flex;opacity:.55}.project-card:hover .project-card-actions,.project-card:focus-within .project-card-actions{opacity:1}.card{display:grid;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm),0 0 0 .5px var(--separator);color:inherit;text-decoration:none;transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.card:hover{box-shadow:var(--shadow-md),0 0 0 .5px var(--separator);transform:translateY(-1px)}.card .card-icon{color:var(--accent);margin-bottom:var(--space-2)}.card .muted{font-size:var(--text-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.segmented{display:inline-flex;padding:2px;gap:2px;border-radius:var(--radius-sm);background:var(--fill)}.segmented .icon-button{height:calc(var(--control-md) - 4px);min-width:calc(var(--control-md) - 4px);border-radius:var(--radius-xs)}.segmented .icon-button[aria-checked=true],.segmented .icon-button[aria-pressed=true]{background:var(--workspace);color:var(--text-primary);box-shadow:var(--shadow-sm)}.choice{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-md);padding:0 var(--space-2);border-radius:var(--radius-sm)}.choice:hover{background:var(--fill)}.choice input{accent-color:var(--accent);margin:0;width:16px;height:16px}.auth-screen{position:relative;min-height:100%;display:grid;place-items:center;padding:var(--space-6);background:radial-gradient(720px 480px at 12% 8%,var(--auth-glow),transparent 62%),radial-gradient(640px 420px at 88% 92%,var(--auth-mist),transparent 60%),var(--background)}.auth-theme{position:absolute;top:var(--space-4);right:var(--space-4)}.auth-card{width:min(460px,100%);padding:36px;border-radius:24px;display:grid;gap:var(--space-4);box-shadow:var(--glass-highlight),var(--glass-edge),var(--shadow-lg)}.auth-brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600}.auth-brand .icon{color:var(--accent)}.auth-heading{display:grid;gap:var(--space-1)}.auth-heading h1{font-size:26px}.auth-lead{color:var(--text-secondary);font-size:var(--text-md)}.auth-fields{display:grid;gap:var(--space-3)}.auth-field{display:grid;gap:6px}.auth-field>span:first-child{color:var(--text-secondary);font-size:var(--text-sm)}.auth-control{position:relative;display:flex;align-items:center}.auth-control>.icon{position:absolute;left:14px;color:var(--text-tertiary);pointer-events:none}.auth-control input{width:100%;height:46px;border:1px solid var(--separator);background:var(--fill);border-radius:var(--radius-md);padding:0 14px 0 42px;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.auth-control.has-toggle input{padding-right:44px}.auth-control input:hover{border-color:var(--separator-strong)}.auth-control input:focus{background:var(--surface);border-color:var(--accent);box-shadow:var(--focus)}.auth-control input:disabled{opacity:.6}.auth-reveal{position:absolute;right:6px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary)}.auth-reveal:hover{background:var(--fill-hover);color:var(--text-primary)}.auth-reveal:disabled{opacity:.4;cursor:default}.auth-field[data-invalid=true] input{border-color:var(--danger);background:var(--danger-soft)}.auth-field[data-invalid=true] input:focus{box-shadow:0 0 0 3px var(--danger-soft)}.auth-field-error{color:var(--danger);font-size:var(--text-xs)}.auth-alert{color:var(--danger);font-size:var(--text-sm)}.auth-submit{width:100%;height:46px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);font-weight:600}.auth-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-submit:disabled{opacity:.45;cursor:default}.auth-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-pill);animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-switch{text-align:center;color:var(--text-secondary);font-size:var(--text-md)}.auth-switch a{font-weight:600}.form-error{color:var(--danger);font-size:var(--text-sm)}@media(max-width:800px){.auth-screen{padding:var(--space-4)}.auth-theme{top:var(--space-3);right:var(--space-3)}.auth-card{padding:24px}.users-search{margin-left:0;flex:1 1 140px}.user-desktop-meta{display:none}.user-mobile-meta{display:block}.user-row{align-items:flex-start}.user-row-side{align-self:center;margin-left:0}.user-manage{flex-direction:column;align-items:flex-start}}@media(pointer:coarse){.icon-button{min-width:40px;height:40px}.icon-button.size-sm{min-width:36px;height:36px}.side-link,.menu-item{height:var(--control-touch)}.row{min-height:52px}.side-section-head .icon-button,.side-item .item-more{opacity:1}}@media(max-width:800px){input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]):not([type=button]):not([type=submit]):not([type=reset]),textarea,select,[contenteditable=true]{font-size:16px}.field input,.field textarea,.field select{min-height:var(--control-touch)}}