:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", ui-monospace, monospace;--primary-50:#ecfaf6;--primary-100:#d6f4eb;--primary-200:#afe8d7;--primary-300:#80d7be;--primary-400:#4ec1a2;--primary-500:#2f9f84;--primary-600:#247f69;--primary-700:#1d6654;--primary-800:#195043;--primary-900:#153f35;--gray-50:#f5f8fa;--gray-100:#e9eff3;--gray-200:#d5dee5;--gray-300:#b4c1cb;--gray-400:#8597a6;--gray-500:#617586;--gray-600:#465a6a;--gray-700:#334756;--gray-800:#223341;--gray-900:#17232e;--bg-base:#eef5ef;--bg-subtle:#e6efe8;--bg-muted:#d7e3db;--bg-canvas:radial-gradient(118% 82% at 6% -14%, #9bd2af6b 0%, #9bd2af00 52%), radial-gradient(122% 90% at 100% -12%, #d0dcb447 0%, #d0dcb400 48%), linear-gradient(176deg, #f7fbf7 0%, #ecf3ed 50%, #e1ebe3 100%);--glass-1-bg:#ffffffb8;--glass-1-border:#ffffffad;--glass-1-shadow:0 24px 52px -36px #12232b57, 0 12px 24px -22px #101c2438;--glass-1-blur:18px;--glass-2-bg:#ffffff80;--glass-2-border:#7a93a64d;--glass-2-shadow:inset 0 1px 0 #ffffff8c, 0 10px 26px -22px #111e2347;--surface-base:#fcfffeeb;--surface-raised:#f8fdfaf2;--surface-overlay:#f3f9f6e6;--surface-interactive:#ecf5f1f0;--surface-muted:#e0ece6ed;--border-subtle:#708a9b3d;--border-default:#607a8b57;--border-strong:#4c667870;--text-primary:#16242cf7;--text-secondary:#293d49e0;--text-muted:#4a606eb8;--text-inverse:#f6fafcf5;--status-warning:#cf9137;--status-error:#c66a79;--status-success:#2d9678;--status-info:#4f88bb;--chip-bg:color-mix(in srgb, var(--primary-100) 42%, var(--glass-2-bg) 58%);--chip-border:color-mix(in srgb, var(--primary-300) 46%, var(--glass-2-border) 54%);--chip-text:color-mix(in srgb, var(--primary-700) 72%, var(--text-primary) 28%);--chip-muted-bg:color-mix(in srgb, var(--surface-muted) 66%, var(--glass-2-bg) 34%);--chip-muted-border:color-mix(in srgb, var(--glass-2-border) 76%, transparent 24%);--chip-muted-text:color-mix(in srgb, var(--text-secondary) 80%, var(--text-muted) 20%);--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #1522251f;--shadow-sm:0 14px 30px -24px #121f2366;--shadow-md:0 24px 44px -30px #101d2373;--shadow-lg:0 32px 58px -34px #0e191e80;--shadow-xl:0 42px 72px -40px #0b151985;--focus-ring:0 0 0 2px color-mix(in srgb, var(--primary-400) 50%, transparent 50%);--focus-ring-soft:0 0 0 2px color-mix(in srgb, var(--primary-300) 38%, transparent 62%);--shadow-glow:var(--focus-ring-soft);--transition-fast:.2s cubic-bezier(.2, .8, .2, 1);--transition-base:.26s cubic-bezier(.2, .8, .2, 1)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gray-50:#34463e57;--gray-100:#42584d70;--gray-200:#526c608a;--gray-300:#6b8579a3;--gray-400:#849c92b8;--gray-500:#9cb2a8c7;--gray-600:#b1c6bcd1;--gray-700:#ccdbd4e0;--gray-800:#dde9e3eb;--gray-900:#eff6f1f5;--bg-base:#1a241f;--bg-subtle:#212d27;--bg-muted:#2a3730;--bg-canvas:radial-gradient(110% 86% at 9% -11%, #76b07d3d 0%, #76b07d00 52%), radial-gradient(114% 92% at 102% -16%, #b5a16c29 0%, #b5a16c00 50%), linear-gradient(176deg, #1a241f 0%, #26342d 54%, #304137 100%);--glass-1-bg:#25362dad;--glass-1-border:#c9dfce57;--glass-1-shadow:0 28px 48px -30px #040a127a, 0 14px 28px -20px #040a1066;--glass-1-blur:14px;--glass-2-bg:#2d41388f;--glass-2-border:#b8d0c066;--glass-2-shadow:inset 0 1px 0 #ebf4f938, 0 10px 24px -18px #0309106b;--surface-base:#2a3c33e3;--surface-raised:#30443ae8;--surface-overlay:#354b3fde;--surface-interactive:#3e574aeb;--surface-muted:#33493ee3;--border-subtle:#a7bfb057;--border-default:#bdd4c670;--border-strong:#d0e3d885;--text-primary:#f5fbf7f7;--text-secondary:#e5f0e9e6;--text-muted:#c2d4c9c7;--chip-bg:#5885706b;--chip-border:#bfe1ce85;--chip-text:#f3fbf6f7;--chip-muted-bg:#49665794;--chip-muted-border:#adc9b96b;--chip-muted-text:#dfede5e6;--focus-ring:0 0 0 2px #7ecaae7a;--focus-ring-soft:0 0 0 2px #7ecaae57}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gray-50:#34463e57;--gray-100:#42584d70;--gray-200:#526c608a;--gray-300:#6b8579a3;--gray-400:#849c92b8;--gray-500:#9cb2a8c7;--gray-600:#b1c6bcd1;--gray-700:#ccdbd4e0;--gray-800:#dde9e3eb;--gray-900:#eff6f1f5;--bg-base:#1a241f;--bg-subtle:#212d27;--bg-muted:#2a3730;--bg-canvas:radial-gradient(110% 86% at 9% -11%, #76b07d3d 0%, #76b07d00 52%), radial-gradient(114% 92% at 102% -16%, #b5a16c29 0%, #b5a16c00 50%), linear-gradient(176deg, #1a241f 0%, #26342d 54%, #304137 100%);--glass-1-bg:#25362dad;--glass-1-border:#c9dfce57;--glass-1-shadow:0 28px 48px -30px #040a127a, 0 14px 28px -20px #040a1066;--glass-1-blur:14px;--glass-2-bg:#2d41388f;--glass-2-border:#b8d0c066;--glass-2-shadow:inset 0 1px 0 #ebf4f938, 0 10px 24px -18px #0309106b;--surface-base:#2a3c33e3;--surface-raised:#30443ae8;--surface-overlay:#354b3fde;--surface-interactive:#3e574aeb;--surface-muted:#33493ee3;--border-subtle:#a7bfb057;--border-default:#bdd4c670;--border-strong:#d0e3d885;--text-primary:#f5fbf7f7;--text-secondary:#e5f0e9e6;--text-muted:#c2d4c9c7;--chip-bg:#5885706b;--chip-border:#bfe1ce85;--chip-text:#f3fbf6f7;--chip-muted-bg:#49665794;--chip-muted-border:#adc9b96b;--chip-muted-text:#dfede5e6;--focus-ring:0 0 0 2px #7ecaae7a;--focus-ring-soft:0 0 0 2px #7ecaae57}}html,body{font-family:var(--font-sans)}html{background-color:var(--bg-base)}body{min-height:100vh;color:var(--text-primary);background:var(--bg-canvas);background-color:var(--bg-base);transition:color var(--transition-base), background-color var(--transition-base);background-attachment:scroll}.font-mono,code,pre{font-family:var(--font-mono)}:where(code):not(pre code){border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-text);letter-spacing:.01em;border-radius:9px;align-items:center;gap:.24rem;padding:.18rem .5rem;line-height:1.25;display:inline-flex}.app-shell{background:0 0;min-height:100vh}.app-header{z-index:100;box-shadow:none;background:0 0;border:0;padding:.75rem .8rem 0;position:sticky;top:0}.app-header-content{border:1px solid var(--glass-1-border);background:var(--glass-1-bg);max-width:1450px;box-shadow:var(--glass-1-shadow);-webkit-backdrop-filter:blur(var(--glass-1-blur)) saturate(130%);border-radius:18px;margin:0 auto;padding:.75rem .9rem}.app-header-content--wizard{justify-content:space-between;align-items:center;gap:.9rem;display:flex}.app-logo{align-items:center;gap:.72rem;display:inline-flex}.app-logo-icon{background:linear-gradient(145deg, color-mix(in srgb, var(--primary-100) 70%, #fff 30%), color-mix(in srgb, var(--primary-200) 66%, #fff 34%));border:1px solid var(--glass-1-border);width:2.8rem;height:2.8rem;color:var(--primary-700);box-shadow:var(--shadow-xs);border-radius:13px}.app-title{letter-spacing:-.01em;color:var(--text-primary);-webkit-text-fill-color:currentColor;background:0 0;margin:0;font-size:clamp(1.06rem,1.9vw,1.36rem);font-weight:710}.app-subtitle{color:var(--text-muted)}.app-logo-copy{flex-direction:column;gap:.2rem;display:flex}.app-main{width:100%;max-width:1450px;margin:0 auto;padding:1rem 1rem 2.2rem}.page--wizard{flex-direction:column;gap:1rem;display:flex}.wizard-shell-panel,.wizard-toolbar-shell,.wizard-layers-shell{flex-direction:column;gap:.7rem;display:flex}.project-selector-bar,.toolbar,.card,.layer-card,.settings-panel,.configuration-builder,.tree-editor,.tree-editor-header,.tree-editor-footer,.tree-node-card,.focused-tree-view,.project-selector-button,.project-selector-dropdown,.visual-tree-container,.diagram-node,.level-panel,.level-nav-item,.tree-node,.traceability-preview{border:1px solid var(--glass-1-border);border-radius:var(--radius-xl);background:var(--glass-1-bg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px)saturate(120%)}.tree-node,.traceability-preview,input,select,textarea,.input{background:var(--glass-2-bg);border-color:var(--glass-2-border);box-shadow:var(--glass-2-shadow)}.project-selector-bar{border:1px solid color-mix(in srgb, var(--glass-1-border) 88%, var(--border-default) 12%);background:color-mix(in srgb, var(--surface-overlay) 92%, transparent 8%);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.72rem;display:grid}.project-selector-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.toolbar{z-index:80;border:1px solid color-mix(in srgb, var(--glass-1-border) 88%, var(--border-default) 12%);background:color-mix(in srgb, var(--surface-overlay) 92%, transparent 8%);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:.65rem;padding:.72rem;display:flex;position:sticky;top:5.2rem}.toolbar-section{border-right:0;align-items:center;gap:.5rem;padding-right:0;display:flex}.toolbar-section--utility{margin-left:auto}.toolbar .spacer{flex:auto}.toolbar-project-meta{border:1px solid var(--glass-2-border);background:var(--glass-2-bg);border-radius:12px;margin-right:.4rem;padding:.35rem .65rem}.project-meta-name{color:var(--text-primary)}.project-meta-pill{border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-text)}.theme-toggle{border-color:color-mix(in srgb, var(--glass-2-border) 86%, transparent 14%);background:color-mix(in srgb, var(--glass-2-bg) 90%, var(--surface-raised) 10%);min-height:2.2rem;color:var(--text-primary);border-radius:11px;align-items:center;gap:.42rem;padding:.38rem .68rem;display:inline-flex}.theme-toggle span{letter-spacing:.01em;font-size:.78rem;font-weight:650}.theme-toggle svg{flex:none;width:1rem;height:1rem}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:color-mix(in srgb, var(--primary-400) 42%, var(--glass-2-border) 58%);background:color-mix(in srgb, var(--surface-interactive) 82%, var(--glass-2-bg) 18%)}.btn{letter-spacing:.01em;min-height:2.55rem;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;border-radius:11px;font-weight:620}.btn:active{transform:scale(.98)}.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-primary{background:color-mix(in srgb, var(--primary-500) 14%, var(--surface-raised) 86%);color:color-mix(in srgb, var(--text-primary) 78%, var(--primary-100) 22%);border-color:color-mix(in srgb, var(--primary-500) 68%, var(--glass-2-border) 32%);box-shadow:inset 0 1px #fff3,0 10px 16px -20px #0e382d7a}.btn-primary:hover{background:color-mix(in srgb, var(--primary-500) 22%, var(--surface-raised) 78%);color:color-mix(in srgb, var(--text-primary) 86%, var(--primary-50) 14%);border-color:color-mix(in srgb, var(--primary-500) 78%, var(--glass-2-border) 22%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff3d,0 12px 18px -20px #0c31278f}.btn-secondary,.btn-default{background:color-mix(in srgb, var(--glass-2-bg) 90%, var(--surface-raised) 10%);color:var(--text-primary);border-color:color-mix(in srgb, var(--glass-2-border) 88%, transparent 12%)}.btn-secondary:hover,.btn-default:hover{border-color:var(--border-strong);background:color-mix(in srgb, var(--surface-interactive) 72%, var(--glass-2-bg) 28%);transform:translateY(-1px)}.btn-ghost{background:color-mix(in srgb, var(--glass-2-bg) 34%, transparent 66%);color:var(--text-secondary);border-color:color-mix(in srgb, var(--glass-2-border) 72%, transparent 28%)}.btn-ghost:hover{border-color:color-mix(in srgb, var(--glass-2-border) 94%, transparent 6%);background:color-mix(in srgb, var(--glass-2-bg) 78%, transparent 22%);color:var(--text-primary)}.btn-danger,.btn-destructive{background:color-mix(in srgb, var(--status-error) 10%, var(--surface-raised) 90%);color:color-mix(in srgb, var(--status-error) 86%, var(--text-primary) 14%);border-color:color-mix(in srgb, var(--status-error) 58%, var(--glass-2-border) 42%);box-shadow:0 12px 20px -20px #8638486b}.btn-danger:hover,.btn-destructive:hover{background:color-mix(in srgb, var(--status-error) 26%, var(--surface-raised) 74%);color:color-mix(in srgb, var(--status-error) 92%, var(--text-primary) 8%);transform:translateY(-1px)}.btn-sm{min-height:2.2rem}.btn-xs{min-height:1.95rem}.input,input[type=text],input[type=search],input[type=number],input[type=date],input[type=email],input[type=password],select,textarea{border:1px solid color-mix(in srgb, var(--glass-2-border) 90%, transparent 10%);background:color-mix(in srgb, var(--glass-2-bg) 88%, transparent 12%);min-height:2.65rem;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);border-radius:11px}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--text-muted) 82%, transparent 18%)}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb, var(--border-strong) 90%, var(--glass-2-border) 10%);background:color-mix(in srgb, var(--surface-interactive) 30%, var(--glass-2-bg) 70%)}input:focus,select:focus,textarea:focus,.input:focus{border-color:color-mix(in srgb, var(--primary-400) 68%, var(--glass-2-border) 32%);box-shadow:var(--focus-ring)}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, color-mix(in srgb, var(--text-muted) 76%, transparent 24%) 50%), linear-gradient(135deg, color-mix(in srgb, var(--text-muted) 76%, transparent 24%) 50%, transparent 50%);background-position:calc(100% - 1rem) calc(50% - 3px),calc(100% - .7rem) calc(50% - 3px);background-repeat:no-repeat;background-size:7px 7px,7px 7px;padding-right:2.1rem}.input,select{appearance:none;color:var(--text-primary)!important;background-color:color-mix(in srgb, var(--glass-2-bg) 88%, transparent 12%)!important}select{font-size:.9rem;font-weight:600}select option{color:var(--text-primary);background:color-mix(in srgb, var(--surface-raised) 90%, transparent 10%)}input[type=checkbox],input[type=radio]{accent-color:var(--primary-500)}.layers--wizard{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.9rem;display:grid}.layer-card{overflow:hidden}.layer-card-header,.tree-editor-header,.modal-header,.card-header{background:color-mix(in srgb, var(--surface-raised) 72%, transparent 28%);border-bottom:1px solid var(--glass-2-border)}.tree,.tree-node-children,.tree-container,.focused-tree-view,.visual-tree-grid{gap:.55rem}.tree-node{border-radius:12px}.tree-node:hover{box-shadow:var(--shadow-xs);transform:translateY(-1px)}.tree-node-icon{box-shadow:none;border-radius:9px}.tree-action-badge{border-radius:8px}.tree-editor-modal,.configuration-builder-modal,.node-edit-dialog-overlay,.dialog-overlay,.modal-backdrop{-webkit-backdrop-filter:blur(8px)saturate(120%);background:#0a10189e}.bg-black.bg-opacity-50,.fixed.inset-0.bg-black.bg-opacity-50,.fixed.inset-0.bg-black\/60{-webkit-backdrop-filter:blur(8px)saturate(120%);background-color:#0a1018a3!important}.settings-panel{padding:.8rem}.settings-title{color:var(--text-primary)}.label,.settings-group label,.header-title p,.panel-title small,.project-selector-label,.project-item-description,.project-list-empty,.text-muted,.text-gray-600,.text-gray-500{color:var(--text-muted)}.text-gray-700{color:color-mix(in srgb, var(--text-secondary) 84%, var(--text-muted) 16%)}.text-gray-400,.text-gray-300,.text-gray-200{color:color-mix(in srgb, var(--text-secondary) 72%, var(--text-muted) 28%)}.project-selector-button{min-height:3rem;padding:.6rem .8rem}.project-selector-info{gap:.2rem;min-width:0}.project-selector-meta,.project-item-meta{flex-wrap:wrap;gap:.3rem;margin-top:.18rem;display:flex}.project-item-titles{align-items:center;gap:.36rem;min-width:0;display:inline-flex}.project-selector-chevron{color:var(--text-muted)}.project-selector-button:hover{border-color:color-mix(in srgb, var(--primary-300) 48%, var(--glass-2-border) 52%)}.project-selector-button:focus-visible,.project-item:focus-visible,.project-item-edit:focus-visible,.project-selector-logout:focus-visible{box-shadow:var(--shadow-glow);outline:none}.project-selector-dropdown{border-color:var(--glass-1-border);background:color-mix(in srgb, var(--surface-overlay) 90%, var(--bg-base) 10%);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px)saturate(118%);border-radius:14px}.project-selector-search{border-bottom:1px solid color-mix(in srgb, var(--glass-2-border) 82%, transparent 18%);background:color-mix(in srgb, var(--surface-raised) 88%, var(--surface-overlay) 12%)}.project-search-input{border:1px solid color-mix(in srgb, var(--glass-2-border) 86%, transparent 14%);background:color-mix(in srgb, var(--surface-base) 56%, var(--glass-2-bg) 44%);width:100%;min-height:2.2rem;color:var(--text-primary);border-radius:10px;padding:.46rem .68rem}.project-search-input::placeholder{color:color-mix(in srgb, var(--text-muted) 88%, transparent 12%)}.project-search-input:focus{border-color:color-mix(in srgb, var(--primary-400) 62%, var(--glass-2-border) 38%);box-shadow:var(--shadow-glow);outline:none}.project-create-button{border-bottom:1px solid color-mix(in srgb, var(--glass-2-border) 82%, transparent 18%);color:color-mix(in srgb, var(--primary-600) 72%, var(--text-primary) 28%)}.project-create-button:hover{background:color-mix(in srgb, var(--primary-100) 28%, var(--glass-2-bg) 72%)}.project-selector-footer{border-top:1px solid color-mix(in srgb, var(--glass-2-border) 82%, transparent 18%);background:color-mix(in srgb, var(--surface-raised) 88%, var(--surface-overlay) 12%)}.project-selector-logout{color:color-mix(in srgb, var(--status-error) 72%, var(--text-primary) 28%)}.project-selector-logout:hover{background:color-mix(in srgb, var(--status-error) 16%, transparent 84%);color:color-mix(in srgb, var(--status-error) 82%, var(--text-primary) 18%)}.project-list{max-height:min(56vh,24rem);padding:0;display:block;overflow-y:auto}.project-item{border:0;border-bottom:1px solid color-mix(in srgb, var(--glass-2-border) 76%, transparent 24%);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:0;padding:.6rem .72rem}.project-item:last-child{border-bottom:none}.project-item:hover{background:color-mix(in srgb, var(--primary-100) 20%, var(--glass-2-bg) 80%)}.project-item.selected{background:color-mix(in srgb, var(--primary-100) 30%, var(--glass-2-bg) 70%)}.project-item-edit{border:1px solid color-mix(in srgb, var(--glass-2-border) 72%, transparent 28%);background:color-mix(in srgb, var(--surface-interactive) 58%, var(--glass-2-bg) 42%);color:var(--text-secondary);border-radius:9px}.project-item-edit:hover{border-color:color-mix(in srgb, var(--primary-300) 44%, var(--glass-2-border) 56%);color:var(--text-primary)}.modal-content,.project-details-modal{border:1px solid var(--glass-1-border);background:color-mix(in srgb, var(--surface-overlay) 92%, var(--glass-1-bg) 8%);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px)saturate(118%)}.project-selector-name,.project-item-name,.tree-node-name,.panel-title h3,.editor-title,.header-title h2,.card-title,.text-gray-900,.text-gray-800{color:var(--text-primary)}.text-red-500{color:color-mix(in srgb, var(--status-error) 76%, var(--text-primary) 24%)}.text-amber-800,.text-amber-900{color:color-mix(in srgb, var(--status-warning) 90%, var(--text-primary) 10%)}.meta-pill,.badge,.project-item-badge,.node-badge,.stage-chip,.type-pill,.code-pill{border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-text);border-radius:999px}.modal,.dialog,.node-edit-dialog,.tree-editor,.configuration-builder,.project-details-modal{border-radius:var(--radius-2xl)}.meta-pill-muted{border-color:var(--chip-muted-border);background:var(--chip-muted-bg);color:var(--chip-muted-text)}.auth-loading,.auth-error,.login-container{justify-content:center;align-items:center;min-height:min(100vh,100dvh);padding:1rem;display:flex}.auth-loading,.auth-error{flex-direction:column;gap:.8rem}.auth-loading p,.auth-error p{color:var(--text-secondary);margin:0}.loading-spinner{border:3px solid color-mix(in srgb, var(--glass-2-border) 82%, transparent 18%);border-top-color:var(--primary-500);border-radius:999px;width:2.3rem;height:2.3rem;animation:1s linear infinite spin}.auth-error{text-align:center}.auth-error h3{color:color-mix(in srgb, var(--status-error) 84%, var(--text-primary) 16%);margin:0}.auth-error button{border:1px solid color-mix(in srgb, var(--glass-2-border) 84%, transparent 16%);background:color-mix(in srgb, var(--glass-2-bg) 90%, var(--surface-raised) 10%);min-height:2.4rem;color:var(--text-primary);border-radius:10px;padding:.5rem 1rem}.login-card{border:1px solid var(--glass-1-border);border-radius:var(--radius-2xl);background:color-mix(in srgb, var(--glass-1-bg) 94%, transparent 6%);width:min(100%,26rem);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px)saturate(122%);padding:1.2rem}.login-header{flex-direction:column;gap:.35rem;margin-bottom:1.1rem;display:flex}.login-header h2{color:var(--text-primary);margin:0;font-size:1.24rem;font-weight:700}.login-header p{color:var(--text-muted);margin:0;font-size:.86rem}.login-form{flex-direction:column;gap:.9rem;display:flex}.login-form .form-group{gap:.4rem}.login-form .form-group label{letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb, var(--text-muted) 84%, var(--text-primary) 16%);font-size:.72rem;font-weight:650}.password-input{position:relative}.password-input input{padding-right:2.5rem}.password-toggle{border:1px solid color-mix(in srgb, var(--glass-2-border) 76%, transparent 24%);background:color-mix(in srgb, var(--glass-2-bg) 74%, transparent 26%);width:1.74rem;height:1.74rem;color:var(--text-secondary);border-radius:9px;justify-content:center;align-items:center;font-size:.78rem;display:inline-flex;position:absolute;top:50%;right:.58rem;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb, var(--primary-400) 40%, var(--glass-2-border) 60%);background:color-mix(in srgb, var(--surface-interactive) 72%, var(--glass-2-bg) 28%)}.password-toggle:disabled{opacity:.6;cursor:not-allowed}.login-button{border:1px solid color-mix(in srgb, var(--primary-500) 72%, var(--glass-2-border) 28%);background:color-mix(in srgb, var(--primary-500) 18%, var(--surface-raised) 82%);min-height:2.62rem;color:color-mix(in srgb, var(--text-primary) 84%, var(--primary-100) 16%);letter-spacing:.01em;transition:transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);border-radius:11px;font-size:.9rem;font-weight:660;box-shadow:inset 0 1px #ffffff38,0 10px 16px -20px #0e382d7a}.login-button:hover:not(:disabled){background:color-mix(in srgb, var(--primary-500) 28%, var(--surface-raised) 72%);color:color-mix(in srgb, var(--text-primary) 90%, var(--primary-50) 10%);border-color:color-mix(in srgb, var(--primary-500) 82%, var(--glass-2-border) 18%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff42,0 12px 18px -20px #0c31278f}.login-button:disabled{opacity:.62;cursor:not-allowed}.error-message{border:1px solid color-mix(in srgb, var(--status-error) 50%, var(--glass-2-border) 50%);background:color-mix(in srgb, var(--status-error) 12%, var(--glass-2-bg) 88%);border-radius:10px;padding:.58rem .66rem}.error-message p{color:color-mix(in srgb, var(--status-error) 84%, var(--text-primary) 16%);margin:0;font-size:.81rem}.login-footer{text-align:center;margin-top:.12rem}.login-footer a{color:color-mix(in srgb, var(--primary-600) 72%, var(--text-primary) 28%);font-size:.82rem;text-decoration:none}.login-footer a:hover,.login-footer a:focus-visible{color:color-mix(in srgb, var(--primary-700) 84%, var(--text-primary) 16%);text-underline-offset:.14em;text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1080px){.project-selector-bar{grid-template-columns:1fr}.toolbar{position:static}.layers--wizard{grid-template-columns:1fr}}@media (max-width:760px){.app-header{padding:.58rem .58rem 0}.app-header-content{border-radius:15px;padding:.62rem .66rem}.app-header-content--wizard{align-items:flex-start}.app-logo-copy{gap:.12rem}.app-main{padding:.8rem .72rem 1.6rem}.toolbar{padding:.62rem}.toolbar-project-meta{width:100%;margin-right:0}.toolbar-section{flex-wrap:wrap;justify-content:flex-start;width:100%}.toolbar .spacer{display:none}.project-selector-actions{justify-content:flex-start;width:100%}.theme-toggle span{display:none}.login-card{padding:1rem}}@supports not ((-webkit-backdrop-filter:blur(4px)) or (backdrop-filter:blur(4px))){.app-header-content,.project-selector-bar,.toolbar,.card,.layer-card,.settings-panel,.configuration-builder,.tree-editor,.project-selector-button,.project-selector-dropdown{-webkit-backdrop-filter:none;background:var(--surface-raised)}}