@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--harvest-gold: #F5A623;--harvest-bg: #3D2E1A;--intent-amber: #E8C547;--intent-bg: #2D2A1F;--vehicle-honey: #C4A35A;--vehicle-bg: #1F1E1A;--expose-cream: #F0E6D2;--expose-bg: #2A2520;--blocker-red: #E74C3C;--canon-green: #2ECC71;--stale-gray: #7F8C8D;--review-blue: #3498DB;--warning-orange: #F39C12;--review-orange: #F39C12;--assets-blue: #3498DB;--bg-dark: #0D0B09;--bg-panel: #161412;--bg-card: #1E1B18;--bg-hover: #2A2622;--text-primary: #F0E6D2;--text-secondary: #A89F94;--text-muted: #6B6560;--border: #3D3832;--border-light: #4A443D;--font-primary: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Monaco", monospace;--topnav-height: 64px;--hivenav-expanded: 240px;--hivenav-collapsed: 56px;--contentnav-width: 280px;--rightmenu-width: 240px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition-fast: .15s ease;--transition-normal: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-primary);background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23F5A623' stroke-opacity='0.06' stroke-width='2' stroke-linejoin='round'%3E%3Cpolygon points='160,20 210,60 160,100 110,60'/%3E%3Cpolygon points='160,100 210,60 260,110 210,150'/%3E%3Cpolygon points='160,100 210,150 160,200 110,150'/%3E%3Cpolygon points='110,60 160,100 110,150 60,110'/%3E%3Cpolygon points='210,150 260,110 280,180 230,220'/%3E%3Cpolygon points='110,150 160,200 110,240 60,200'/%3E%3Cpolygon points='160,200 210,150 230,220 180,260'/%3E%3Cpolygon points='160,200 180,260 140,300 110,240'/%3E%3Cpolygon points='60,110 110,150 60,200 20,160'/%3E%3Cpolygon points='20,160 60,200 40,270 0,230'/%3E%3Cpolygon points='260,110 310,150 280,180 230,220'/%3E%3Cpolygon points='310,150 320,230 280,180'/%3E%3Cpolygon points='180,260 230,220 260,290 200,320'/%3E%3Cpolygon points='140,300 180,260 200,320'/%3E%3Cpolygon points='40,270 110,240 140,300 80,320'/%3E%3C/g%3E%3Cg fill='none' stroke='%23F5A623' stroke-opacity='0.03' stroke-width='1'%3E%3Cpath d='M160 20 L160 320'/%3E%3Cpath d='M20 160 L320 160'/%3E%3Cpath d='M60 110 L260 290'/%3E%3Cpath d='M260 110 L40 270'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}#root{position:relative;z-index:1;width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}::selection{background:var(--harvest-gold);color:var(--bg-dark)}:focus-visible{outline:2px solid var(--harvest-gold);outline-offset:2px}code,pre{font-family:var(--font-mono)}[data-theme=light]{--bg-dark: #F5F3F0;--bg-panel: #FFFFFF;--bg-card: #FAFAFA;--bg-hover: #F0EDE8;--text-primary: #1A1816;--text-secondary: #5A544D;--text-muted: #8A847D;--border: #E0DCD6;--border-light: #D0CCC6;--harvest-gold: #E8940D;--intent-amber: #D4A720;--vehicle-honey: #A88A45;--expose-cream: #8A7A60;--harvest-bg: #FFF8E8;--intent-bg: #FFFBE8;--vehicle-bg: #FBF8F0;--expose-bg: #F8F5F0}[data-theme=light] body{background:var(--bg-dark);color:var(--text-primary)}[data-theme=light] body:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23E8940D' stroke-opacity='0.08' stroke-width='2' stroke-linejoin='round'%3E%3Cpolygon points='160,20 210,60 160,100 110,60'/%3E%3Cpolygon points='160,100 210,60 260,110 210,150'/%3E%3Cpolygon points='160,100 210,150 160,200 110,150'/%3E%3Cpolygon points='110,60 160,100 110,150 60,110'/%3E%3Cpolygon points='210,150 260,110 280,180 230,220'/%3E%3Cpolygon points='110,150 160,200 110,240 60,200'/%3E%3Cpolygon points='160,200 210,150 230,220 180,260'/%3E%3Cpolygon points='160,200 180,260 140,300 110,240'/%3E%3Cpolygon points='60,110 110,150 60,200 20,160'/%3E%3Cpolygon points='20,160 60,200 40,270 0,230'/%3E%3Cpolygon points='260,110 310,150 280,180 230,220'/%3E%3Cpolygon points='310,150 320,230 280,180'/%3E%3Cpolygon points='180,260 230,220 260,290 200,320'/%3E%3Cpolygon points='140,300 180,260 200,320'/%3E%3Cpolygon points='40,270 110,240 140,300 80,320'/%3E%3C/g%3E%3Cg fill='none' stroke='%23E8940D' stroke-opacity='0.05' stroke-width='1'%3E%3Cpath d='M160 20 L160 320'/%3E%3Cpath d='M20 160 L320 160'/%3E%3Cpath d='M60 110 L260 290'/%3E%3Cpath d='M260 110 L40 270'/%3E%3C/g%3E%3C/svg%3E")}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-panel)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;visibility:hidden;transition:all .2s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:90%;max-width:500px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;transform:translateY(20px);transition:transform .2s ease}.modal-overlay.active .modal{transform:translateY(0)}.modal-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:16px;font-weight:600}.modal-close{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .15s ease}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.toast-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:300}.toast{padding:12px 16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:0 4px 20px #0000004d;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.toast.success .toast-icon{background:var(--canon-green);color:#fff}.toast.error .toast-icon{background:var(--blocker-red);color:#fff}.toast.warning .toast-icon{background:var(--warning-orange);color:#fff}.toast.info .toast-icon{background:var(--review-blue);color:#fff}.toast-message{font-size:13px;color:var(--text-primary)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:12px;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:13px;transition:border-color .15s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--harvest-gold);box-shadow:0 0 0 2px #f5a62333}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{min-height:100px;font-family:var(--font-mono);line-height:1.6;resize:vertical}.form-hint{font-size:11px;color:var(--text-muted);margin-top:var(--spacing-xs)}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--harvest-gold);border-radius:50%;animation:spin .8s linear infinite}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;min-width:160px;box-shadow:0 8px 32px #0006;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .15s ease;z-index:150}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 14px;cursor:pointer;transition:background .15s;font-size:13px;color:var(--text-primary)}.dropdown-item:first-child{border-radius:7px 7px 0 0}.dropdown-item:last-child{border-radius:0 0 7px 7px}.blocker-badge{background:var(--blocker-red);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;font-family:var(--font-mono)}.status-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase}.status-badge.draft{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border)}.status-badge.exploring{background:#f5a62333;color:var(--harvest-gold)}.status-badge.review{background:#3498db33;color:var(--review-blue)}.status-badge.approved,.status-badge.canon{background:#2ecc7133;color:var(--canon-green)}.status-badge.blocking{background:#e74c3c33;color:var(--blocker-red)}.btn{font-family:var(--font-primary);font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-danger{background:var(--blocker-red);border:none;color:#fff}.btn-danger:hover{opacity:.9}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-small{padding:6px 12px;font-size:12px}.btn-medium{padding:8px 16px;font-size:13px}.btn-large{padding:12px 24px;font-size:14px}.btn-disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.spinner{border:3px solid var(--border);border-top-color:var(--harvest-gold);border-radius:50%;animation:spin .8s linear infinite}.spinner-small .spinner{width:20px;height:20px}.spinner-medium .spinner{width:32px;height:32px}.spinner-large .spinner{width:48px;height:48px}.spinner-text{font-size:14px;color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.crab-logo{display:block}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);padding:var(--spacing-lg)}.auth-container{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.auth-logo h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--harvest-gold) 0%,var(--expose-cream) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-tagline{color:var(--text-secondary);font-size:14px;margin-top:var(--spacing-sm)}.auth-form{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:var(--spacing-xl)}.auth-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center}.auth-form .form-group{margin-bottom:var(--spacing-md)}.auth-form label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.auth-form input{width:100%;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.auth-form input:focus{outline:none;border-color:var(--harvest-gold);box-shadow:0 0 0 3px #f5a62326}.auth-form input::placeholder{color:var(--text-muted)}.auth-error{background:#e74c3c1a;border:1px solid var(--blocker-red);border-radius:8px;padding:12px 14px;margin-bottom:var(--spacing-md);color:var(--blocker-red);font-size:13px}.auth-submit{width:100%;margin-top:var(--spacing-md)}.auth-footer{text-align:center;margin-top:var(--spacing-lg);font-size:13px;color:var(--text-secondary)}.auth-link{color:var(--harvest-gold);text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);background:var(--bg-dark);color:var(--text-secondary)}.app{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}.topnav{position:fixed;top:0;left:0;right:0;height:var(--topnav-height);background:linear-gradient(180deg,var(--bg-panel) 0%,rgba(22,20,18,.95) 100%);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topnav-left{display:flex;align-items:center;gap:var(--spacing-sm)}.logo{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.logo-hex{width:36px;height:42px;background:linear-gradient(135deg,var(--harvest-gold) 0%,var(--intent-amber) 100%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--bg-dark)}.logo-text{font-size:20px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,var(--harvest-gold) 0%,var(--expose-cream) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.version-badge{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);background:var(--bg-card);padding:2px 6px;border-radius:4px}.topnav-center{flex:1;display:flex;justify-content:center;padding:0 var(--spacing-xl)}.search-bar{display:flex;align-items:center;width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:8px 12px;gap:var(--spacing-sm);transition:var(--transition-fast)}.search-bar:focus-within{border-color:var(--harvest-gold);box-shadow:0 0 0 2px #f5a62333}.search-bar input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none}.search-bar input::placeholder{color:var(--text-muted)}.search-icon{color:var(--text-muted);font-size:14px}.topnav-right{display:flex;align-items:center;gap:var(--spacing-md)}.workspace{display:flex;height:calc(100vh - var(--topnav-height));margin-top:var(--topnav-height);overflow:hidden}.hivenav{width:var(--hivenav-expanded);min-width:var(--hivenav-expanded);background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:width var(--transition-normal),min-width var(--transition-normal);flex-shrink:0}.hivenav.collapsed{width:var(--hivenav-collapsed);min-width:var(--hivenav-collapsed)}.hivenav-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast)}.hivenav-toggle:hover{background:var(--bg-hover);border-color:var(--harvest-gold);color:var(--harvest-gold)}.hivenav-section{padding:var(--spacing-sm);border-bottom:1px solid var(--border)}.hivenav-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:var(--spacing-sm)}.layer-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:var(--transition-fast);color:var(--text-secondary);border:none;background:none;width:100%;text-align:left}.layer-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.layer-btn.active{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.layer-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.layer-icon.H{background:var(--harvest-gold);color:var(--bg-dark)}.layer-icon.I{background:var(--intent-amber);color:var(--bg-dark)}.layer-icon.V{background:var(--vehicle-honey);color:var(--bg-dark)}.layer-icon.E{background:var(--expose-cream);color:var(--bg-dark)}.layer-icon.C{background:#2ecc7133;color:var(--canon-green)}.layer-icon.R{background:#f39c1233;color:var(--warning-orange)}.layer-icon.A{background:var(--bg-hover);color:var(--text-primary)}.layer-icon.B{background:#e74c3c33;color:var(--blocker-red)}.layer-info{flex:1;min-width:0}.layer-name{font-weight:500;font-size:13px;white-space:nowrap}.layer-count{font-size:11px;color:var(--text-muted)}.hivenav.collapsed .layer-info,.hivenav.collapsed .layer-count,.hivenav.collapsed .hivenav-title{display:none}.hivenav.collapsed .layer-btn{justify-content:center;padding:12px 8px}.hivenav.collapsed .hivenav-section{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xs)}.project-workspace{display:flex;flex:1;height:100%;overflow:hidden}.contentnav{width:var(--contentnav-width);min-width:200px;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.contentnav-header{padding:var(--spacing-md);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.contentnav-title{font-size:14px;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.contentnav-list{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.item-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:var(--spacing-sm);cursor:pointer;transition:var(--transition-fast)}.item-card:hover{border-color:var(--border-light)}.item-card.active{border-color:var(--harvest-gold);box-shadow:0 0 0 1px var(--harvest-gold)}.item-id{font-family:var(--font-mono);font-size:11px;color:var(--harvest-gold);font-weight:500}.item-title{font-size:13px;font-weight:500;margin-top:4px;line-height:1.4}.item-status{font-size:10px;padding:2px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;margin-top:var(--spacing-sm);display:inline-block}.item-status.draft{background:var(--text-muted);color:#fff}.item-status.exploring{background:var(--harvest-gold);color:var(--bg-dark)}.item-status.review{background:var(--review-blue);color:#fff}.item-status.approved,.item-status.canon{background:var(--canon-green);color:#fff}.viewport{flex:1;min-width:300px;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-dark)}.viewport-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-panel);border-bottom:1px solid var(--border)}.viewport-breadcrumb{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:var(--spacing-sm)}.viewport-title{font-size:18px;font-weight:600}.viewport-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.editor{width:100%;min-height:400px;padding:var(--spacing-md);background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.7;resize:vertical}.editor:focus{outline:none;border-color:var(--harvest-gold)}.editor-toolbar{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.toolbar-btn{padding:6px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.toolbar-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--harvest-gold)}.toolbar-divider{width:1px;height:20px;background:var(--border);margin:0 var(--spacing-xs)}.viewport-editor{height:100%}.markdown-editor{width:100%;height:100%;min-height:400px;padding:var(--spacing-md);background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.7;resize:none}.markdown-editor:focus{outline:none;border-color:var(--harvest-gold)}.rightmenu{width:var(--rightmenu-width);min-width:200px;background:var(--bg-panel);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.rightmenu-section{padding:var(--spacing-md);border-bottom:1px solid var(--border)}.rightmenu-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.property-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;font-size:12px}.property-label{color:var(--text-secondary)}.property-value{color:var(--text-primary);font-weight:500}.properties-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.properties-header h3{font-size:14px;font-weight:600;margin:0}.action-buttons{display:flex;flex-direction:column;gap:var(--spacing-xs)}.action-btn{width:100%;justify-content:flex-start}.placeholder-text{color:var(--text-muted);font-size:13px;font-style:italic}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--text-muted)}.empty-state-icon{width:64px;height:74px;margin-bottom:var(--spacing-md);background:var(--bg-card);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-size:24px}.empty-state-title{font-size:16px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.empty-state-text{font-size:14px}.settings-page{display:flex;height:100%;overflow:hidden}.settings-sidebar{width:240px;min-width:200px;background:var(--bg-panel);border-right:1px solid var(--border);padding:var(--spacing-lg)}.settings-sidebar h2{font-size:18px;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.settings-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-nav a{display:block;padding:10px 14px;border-radius:6px;color:var(--text-secondary);text-decoration:none;font-size:14px;transition:var(--transition-fast)}.settings-nav a:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav a.active{background:var(--bg-card);color:var(--harvest-gold);font-weight:500}.settings-content{flex:1;padding:var(--spacing-xl);overflow-y:auto}.settings-section{max-width:600px}.settings-section h3{font-size:16px;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.settings-section .form-group{margin-bottom:var(--spacing-md)}.settings-section label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.settings-section input{width:100%;max-width:400px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px}.settings-section input:disabled{opacity:.6;cursor:not-allowed}.theme-selector{display:flex;gap:var(--spacing-sm)}.btn{font-family:var(--font-primary);font-size:13px;font-weight:500;padding:8px 16px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-primary{background:linear-gradient(135deg,var(--harvest-gold) 0%,var(--intent-amber) 100%);border:none;color:var(--bg-dark)}.btn-primary:hover{opacity:.9}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.rightmenu{width:200px;min-width:180px}}@media (max-width: 1000px){.hivenav{width:var(--hivenav-collapsed);min-width:var(--hivenav-collapsed)}.hivenav .layer-info,.hivenav .layer-count,.hivenav .hivenav-title{display:none}.hivenav .layer-btn{justify-content:center;padding:12px 8px}.hivenav .hivenav-section{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xs)}}@media (max-width: 800px){.rightmenu{display:none}.contentnav{width:220px;min-width:180px}}@media (max-width: 600px){.contentnav,.topnav-center{display:none}}.app-layout{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}.main-layout{display:flex;flex:1;margin-top:var(--topnav-height);overflow:hidden}.top-nav{position:fixed;top:0;left:0;right:0;height:var(--topnav-height);background:linear-gradient(180deg,var(--bg-panel) 0%,rgba(22,20,18,.95) 100%);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-nav-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--text-primary)}.top-nav-logo .logo-text{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--harvest-gold) 0%,var(--expose-cream) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-nav-project{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;justify-content:center}.current-project,.select-project{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);text-decoration:none;font-size:14px}.select-project{color:var(--harvest-gold)}.select-project:hover{text-decoration:underline}.project-icon{font-size:16px}.project-name{font-weight:500}.top-nav-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.top-nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:16px;cursor:pointer;text-decoration:none;transition:var(--transition-fast)}.top-nav-btn:hover{background:var(--bg-hover);border-color:var(--harvest-gold);color:var(--harvest-gold)}.top-nav-user{position:relative}.user-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--harvest-gold) 0%,var(--intent-amber) 100%);border:none;border-radius:6px;color:var(--bg-dark);font-weight:600;font-size:14px;cursor:pointer}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;min-width:200px;box-shadow:0 8px 32px #0006;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .15s ease;z-index:150}.top-nav-user:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-info{padding:var(--spacing-md);border-bottom:1px solid var(--border)}.user-email{font-size:13px;color:var(--text-secondary);word-break:break-all}.hive-nav{width:72px;min-width:72px;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-sm)}.layer-selector{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.layer-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-weight:700;font-size:16px;cursor:pointer;transition:var(--transition-fast)}.layer-button:hover{border-color:var(--layer-color, var(--harvest-gold));background:var(--bg-hover)}.layer-button.active{background:var(--layer-color, var(--harvest-gold));border-color:var(--layer-color, var(--harvest-gold));color:var(--bg-dark)}.crab-section{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-sm)}.crab-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-weight:700;font-size:16px;cursor:pointer;transition:var(--transition-fast)}.crab-button:hover{border-color:var(--layer-color, var(--text-secondary));background:var(--bg-hover)}.crab-button.active{background:var(--layer-color, var(--text-secondary));border-color:var(--layer-color, var(--text-secondary));color:var(--bg-dark)}.project-list-page{flex:1;padding:var(--spacing-xl);overflow-y:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.page-header h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--harvest-gold) 0%,var(--expose-cream) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-loading{flex:1;display:flex;align-items:center;justify-content:center}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:var(--spacing-lg);cursor:pointer;transition:var(--transition-fast)}.project-card:hover{border-color:var(--harvest-gold);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.project-card-icon{font-size:32px;margin-bottom:var(--spacing-md)}.project-card-name{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.project-card-meta{font-size:13px;color:var(--text-secondary)}.empty-icon{font-size:48px;margin-bottom:var(--spacing-md)}.empty-state h2{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state p{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 14px;cursor:pointer;transition:background .15s;font-size:13px;color:var(--text-primary);background:none;border:none;width:100%;text-align:left}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-divider{height:1px;background:var(--border);margin:var(--spacing-xs) 0}