@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary: #FAFAFA;--bg-secondary: #FFFFFF;--bg-tertiary: #F5F5F5;--bg-quaternary: #EEEEF0;--border-color: #E5E5E5;--border-strong: #D0D0D0;--border-focus: #2563EB;--text-primary: #1A1A1A;--text-secondary: #666666;--text-muted: #999999;--text-inverse: #FFFFFF;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-light: #EFF6FF;--accent-subtle: #DBEAFE;--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--warning-light: #FEF3C7;--danger: #EF4444;--danger-light: #FEE2E2;--info: #06B6D4;--info-light: #CFFAFE;--tab-program: #8B5CF6;--tab-program-light: #EDE9FE;--tab-site: #06B6D4;--tab-site-light: #CFFAFE;--tab-design: #2563EB;--tab-design-light: #DBEAFE;--tab-renderer: #F97316;--tab-renderer-light: #FFF7ED;--tab-visualizer: #EC4899;--tab-visualizer-light: #FCE7F3;--tab-presentation: #10B981;--tab-presentation-light: #D1FAE5;--tab-narrative: #8B5CF6;--tab-narrative-light: #EDE9FE;--tab-storyboard: #F59E0B;--tab-storyboard-light: #FEF3C7;--tab-site-analysis: #0EA5E9;--tab-site-analysis-light: #E0F2FE;--dept-colors: #3B82F6, #8B5CF6, #EC4899, #F97316, #10B981, #06B6D4, #EF4444, #F59E0B, #6366F1, #14B8A6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .25s ease;--z-panel: 10;--z-topbar: 100;--z-dropdown: 200;--z-modal: 500;--z-tooltip: 1000;--topbar-height: 52px;--bottombar-height: 32px;--sidebar-width: 300px}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0s;--transition-normal: 0s;--transition-slow: 0s}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:var(--accent-subtle);color:var(--accent)}.mono{font-family:JetBrains Mono,monospace}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.top-bar{height:var(--topbar-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 16px;gap:12px;z-index:var(--z-topbar);flex-shrink:0}.logo{display:flex;align-items:center;gap:10px;padding-right:16px;border-right:1px solid var(--border-color);margin-right:4px;flex-shrink:0}.logo-icon{width:28px;height:28px;background:var(--text-primary);border-radius:6px;display:flex;align-items:center;justify-content:center}.logo-icon svg{color:#fff;width:16px;height:16px}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;line-height:1.1}.logo-subtitle{font-size:9px;font-family:JetBrains Mono,monospace;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase}.main-tabs{display:flex;align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:3px;gap:2px}.main-tab{display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-normal);white-space:nowrap;position:relative}.main-tab svg{width:15px;height:15px;flex-shrink:0}.main-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.main-tab.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.main-tab .tab-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.spacer{flex:1}.top-bar-actions{display:flex;align-items:center;gap:6px}.top-bar-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-normal)}.top-bar-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-strong)}.top-bar-btn.primary,.top-bar-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.top-bar-btn.primary:hover,.top-bar-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.top-bar-btn svg{width:15px;height:15px}.top-bar-divider{width:1px;height:20px;background:var(--border-color);margin:0 4px}.project-notification{position:fixed;bottom:60px;left:50%;transform:translate(-50%);display:none;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 32px #0000004d;z-index:9999;animation:slideUp .3s ease}.project-notification.success{border-color:#10b981;background:#10b9811a}.project-notification.success svg{color:#10b981}.project-notification.error{border-color:#ef4444;background:#ef44441a}.project-notification span{font-size:13px;font-weight:500;color:var(--text-primary)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.main-container{flex:1;display:flex;overflow:hidden;position:relative;min-height:0}.tab-content{display:none;position:absolute;inset:0;overflow:hidden}.tab-content.active{display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.sidebar-section{padding:16px;border-bottom:1px solid var(--border-color)}.sidebar-section:last-child{border-bottom:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sidebar-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-family:JetBrains Mono,monospace}.sidebar-scroll{flex:1;overflow-y:auto}.content-area{flex:1;position:relative;background:var(--bg-primary);overflow:hidden;display:flex;flex-direction:column}.bottom-bar{height:var(--bottombar-height);background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;align-items:center;padding:0 16px;gap:16px;font-size:11px;color:var(--text-muted);z-index:var(--z-panel);flex-shrink:0}.bottom-bar-item{display:flex;align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:10px}.bottom-bar-item svg{width:13px;height:13px}.bottom-bar .spacer{flex:1}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.status-dot.warning{background:var(--warning)}.status-dot.error{background:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-normal);white-space:nowrap}.btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-strong)}.btn svg{width:15px;height:15px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-tertiary);border-color:transparent}.btn-sm{height:28px;padding:0 10px;font-size:11px}.btn-sm svg{width:13px;height:13px}.btn-icon{width:34px;padding:0}.btn-icon.btn-sm{width:28px}.btn-group{display:flex;gap:4px}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:14px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:13px;font-weight:600;color:var(--text-primary)}.card-body{padding:16px}.stat-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:12px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}.stat-card .stat-value{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.stat-card .stat-label{font-size:9px;font-family:JetBrains Mono,monospace;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;height:36px;padding:0 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);font-family:inherit;font-size:13px;color:var(--text-primary);outline:none;transition:border-color var(--transition-normal)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--text-muted)}.form-textarea{min-height:80px;padding:10px 12px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:24px 16px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:var(--accent-light)}.upload-zone .upload-icon{width:40px;height:40px;margin:0 auto 10px;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.upload-zone .upload-icon svg{width:20px;height:20px}.upload-zone p{font-size:12px;color:var(--text-secondary);font-weight:500}.upload-zone small{font-size:10px;color:var(--text-muted);display:block;margin-top:4px}.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone.loaded{border-color:var(--success);border-style:solid;background:var(--success-light)}.upload-zone.loaded .upload-icon{background:var(--success-light);color:var(--success)}.item-list{display:flex;flex-direction:column;gap:2px}.item-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}.item-row:hover{background:var(--bg-tertiary)}.item-row.selected{background:var(--accent-light)}.item-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.item-info{flex:1;min-width:0}.item-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{font-size:9px;font-family:JetBrains Mono,monospace;color:var(--text-muted);margin-top:1px}.item-badge{font-size:9px;font-family:JetBrains Mono,monospace;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 7px;border-radius:var(--radius-full)}.tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-full);font-size:10px;font-weight:600}.tag-success{background:var(--success-light);color:var(--success)}.tag-warning{background:var(--warning-light);color:var(--warning)}.tag-danger{background:var(--danger-light);color:var(--danger)}.tag-info{background:var(--info-light);color:var(--info)}.gauge-mini{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:12px}.gauge-ring{position:relative;width:48px;height:48px;flex-shrink:0}.gauge-ring svg{transform:rotate(-90deg)}.gauge-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 32px;flex:1}.empty-state-icon{width:56px;height:56px;background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--text-muted)}.empty-state-icon svg{width:28px;height:28px}.empty-state h3{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.empty-state p{font-size:12px;color:var(--text-muted);max-width:300px;line-height:1.5}.progress-bar{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-overlay.active{opacity:1;pointer-events:all}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:520px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(.95);transition:transform .2s ease}.modal-overlay.active .modal{transform:scale(1)}.modal-header{padding:20px 24px 16px;display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:16px;font-weight:700}.modal-close{width:32px;height:32px;border:none;background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.modal-close:hover{background:var(--border-color);color:var(--text-primary)}.modal-body{padding:0 24px 20px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:8px}.tooltip{position:fixed;background:var(--text-primary);color:#fff;border-radius:var(--radius-sm);padding:8px 12px;z-index:var(--z-tooltip);pointer-events:none;opacity:0;transition:opacity .1s ease;max-width:280px;box-shadow:var(--shadow-lg);font-size:11px}.tooltip.show{opacity:1}.tooltip h5{font-size:12px;font-weight:600;margin-bottom:3px}.tooltip p{font-size:10px;color:#ffffffb3;font-family:JetBrains Mono,monospace;line-height:1.5}.divider{height:1px;background:var(--border-color);margin:12px 0}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-fade-up{animation:fadeUp .3s ease forwards}.project-loading{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px;z-index:10001;color:var(--text-primary)}.project-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.project-notification{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:12px 24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:none;align-items:center;gap:10px;font-size:13px;color:var(--text-primary);box-shadow:0 8px 24px #0006;z-index:10001}.project-notification.success{border-color:#22c55e}.project-notification.success svg{color:#22c55e}.project-notification.error{border-color:#ef4444}.project-notification.error svg{color:#ef4444}.project-progress{position:fixed;inset:0;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:10002;backdrop-filter:blur(4px)}.project-progress-content{background:var(--bg-secondary);padding:32px 48px;border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;gap:16px;min-width:300px;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color)}.project-progress-spinner{width:48px;height:48px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.project-progress-message{font-size:14px;color:var(--text-secondary);text-align:center}.project-progress-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.project-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),#22C55E);border-radius:var(--radius-full);transition:width .3s ease}.save-indicator{width:8px;height:8px;border-radius:50%;background:#22c55e;transition:background .3s ease}.save-indicator.unsaved{background:#f59e0b;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#tab-program .narr-tool-tab.active{background:var(--tab-program-light);color:var(--tab-program);font-weight:600}.program-subtool-panel{flex:1;display:flex;min-height:0;overflow:hidden}.program-tab{display:flex;flex:1}.program-sidebar{width:320px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.source-toggle{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:3px;gap:2px}.source-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:32px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-normal)}.source-btn:hover{color:var(--text-primary)}.source-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.source-btn svg{width:14px;height:14px}.source-content{display:none}.source-content.active{display:block}.ai-extract-section{display:flex;flex-direction:column;gap:12px}.image-preview-zone{border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-tertiary);position:relative}.image-preview-zone img{max-width:100%;max-height:200px;object-fit:contain}.image-preview-placeholder{text-align:center;padding:20px;color:var(--text-muted);font-size:12px}.image-preview-placeholder svg{width:24px;height:24px;margin-bottom:6px;display:block;margin-left:auto;margin-right:auto}.ai-status{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:11px;color:var(--text-secondary)}.ai-status .spinner{width:14px;height:14px}.ai-status.success{background:var(--success-light);color:var(--success)}.ai-status.error{background:var(--danger-light);color:var(--danger)}.api-key-section{display:flex;gap:6px}.api-key-section .form-input{flex:1;font-family:JetBrains Mono,monospace;font-size:11px}.program-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.program-table-wrapper{flex:1;overflow:auto;padding:20px}.program-table{width:100%;border-collapse:collapse;font-size:12px}.program-table thead th{position:sticky;top:0;background:var(--bg-secondary);padding:10px 12px;text-align:left;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:2px solid var(--border-color);white-space:nowrap}.program-table thead th.align-right{text-align:right}.program-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.program-table tbody tr:hover{background:var(--bg-tertiary)}.program-table tbody td{padding:10px 12px;color:var(--text-primary)}.program-table tbody td.align-right{text-align:right;font-family:JetBrains Mono,monospace;font-size:11px}.program-table .dept-row{background:var(--bg-tertiary);font-weight:600}.program-table .dept-row td{padding:8px 12px;font-size:11px}.program-table .dept-color-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px;vertical-align:middle}.program-table .total-row{background:var(--text-primary);color:#fff;font-weight:700}.program-table .total-row td{padding:12px;color:#fff}.program-toolbar{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.program-toolbar .search-input{flex:1;height:32px;padding:0 10px 0 32px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);font-size:12px;color:var(--text-primary);outline:none;position:relative}.search-wrapper{flex:1;position:relative}.search-wrapper svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-muted);pointer-events:none}.demo-modal-backdrop{position:fixed;inset:0;z-index:9999;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:demoFadeIn .18s ease-out}@keyframes demoFadeIn{0%{opacity:0}to{opacity:1}}.demo-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 24px 60px #00000080;width:100%;max-width:880px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.demo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border-color)}.demo-modal-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.demo-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s}.demo-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.demo-modal-body{padding:20px 22px;overflow-y:auto}.demo-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}.demo-card{display:flex;gap:16px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;text-align:left;transition:all .16s ease;color:inherit;font:inherit}.demo-card:hover{border-color:var(--demo-accent, var(--accent-color));transform:translateY(-1px);box-shadow:0 6px 20px #00000040}.demo-card-thumb{flex:0 0 120px;width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--demo-accent) 18%,transparent) 0%,transparent 70%)}.demo-card-thumb svg{width:100%;height:100%}.demo-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.demo-card-title{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3}.demo-card-desc{font-size:11.5px;color:var(--text-secondary);line-height:1.5;flex:1}.demo-card-stats{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:11px;color:var(--text-muted);margin-top:4px}.demo-card-stats strong{color:var(--text-primary);font-weight:600}#prog-panel-builder{flex-direction:column;height:100%;overflow:hidden}.pb-root{display:flex;flex:1;min-height:0}.pb-rail{flex:0 0 280px;border-right:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;overflow-y:auto;padding:16px;gap:16px}.pb-rail h4{margin:0 0 8px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.pb-mode-toggle{display:flex;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-tertiary)}.pb-mode-btn{flex:1;padding:8px 10px;font-size:12px;font-weight:500;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.pb-mode-btn:hover{background:var(--bg-hover, rgba(255,255,255,.04))}.pb-mode-btn.active{background:var(--accent);color:#fff}.pb-name-row{display:flex;flex-direction:column;gap:6px}.pb-name-input{width:100%;padding:7px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500}.pb-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pb-stat-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px}.pb-stat-value{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.2}.pb-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.pb-actions{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border-color)}.pb-btn{padding:8px 12px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,border-color .15s}.pb-btn:hover{background:var(--bg-hover, rgba(255,255,255,.05))}.pb-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.pb-btn.primary:hover{filter:brightness(1.1)}.pb-btn.danger{color:var(--danger, #EF4444);border-color:#ef444466}.pb-btn.danger:hover{background:#ef444414}.pb-btn:disabled{opacity:.5;cursor:not-allowed}.pb-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-primary)}#pb-area{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.pb-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.pb-toolbar h3{margin:0;font-size:13px;font-weight:600;color:var(--text-primary);flex:1}.pb-list{flex:1;overflow-y:auto;padding:14px 16px 80px;display:flex;flex-direction:column;gap:10px}.pb-empty{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:13px}.pb-empty p{margin:8px 0 16px}.pb-dept{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:border-color .15s}.pb-dept.collapsed .pb-dept-body{display:none}.pb-dept.collapsed .pb-dept-chev{transform:rotate(-90deg)}.pb-dept-header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.pb-dept.collapsed .pb-dept-header{border-bottom:none}.pb-dept-color{flex:0 0 24px;width:24px;height:24px;border-radius:6px;border:2px solid rgba(255,255,255,.15);cursor:pointer;position:relative}.pb-dept-color input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;border:none;padding:0;background:transparent}.pb-dept-name{flex:1;background:transparent;border:1px solid transparent;color:var(--text-primary);font-size:13px;font-weight:600;padding:4px 8px;border-radius:4px}.pb-dept-name:hover{border-color:var(--border-color)}.pb-dept-name:focus{border-color:var(--accent);background:var(--bg-primary);outline:none}.pb-dept-name.invalid{border-color:var(--danger, #EF4444)}.pb-dept-meta{font-size:10.5px;color:var(--text-muted);margin-right:4px;white-space:nowrap}.pb-icon-btn{width:26px;height:26px;border:none;background:transparent;border-radius:5px;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.pb-icon-btn:hover{background:var(--bg-hover, rgba(255,255,255,.06));color:var(--text-primary)}.pb-icon-btn.danger:hover{color:var(--danger, #EF4444)}.pb-dept-body{padding:8px 12px 12px}.pb-space-table{width:100%;border-collapse:collapse;font-size:12px}.pb-space-table thead th{text-align:left;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:6px 6px 4px;border-bottom:1px solid var(--border-color)}.pb-space-table thead th.right{text-align:right}.pb-space-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04)}.pb-space-table tbody tr:last-child{border-bottom:none}.pb-space-table tbody tr:hover{background:#ffffff05}.pb-space-table td{padding:4px 6px;color:var(--text-primary)}.pb-space-table input{width:100%;background:transparent;border:1px solid transparent;color:var(--text-primary);font-size:12px;padding:4px 6px;border-radius:4px;font-family:inherit}.pb-space-table input:hover{border-color:var(--border-color)}.pb-space-table input:focus{border-color:var(--accent);background:var(--bg-tertiary);outline:none}.pb-space-table input.invalid{border-color:var(--danger, #EF4444)}.pb-space-table input.right{text-align:right}.pb-gfa-cell{text-align:right;color:var(--text-secondary);font-variant-numeric:tabular-nums;padding-right:10px!important}.pb-add-space-row td{padding-top:8px}.pb-add-space{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:transparent;color:var(--accent);border:1px dashed var(--border-color);border-radius:5px;font-size:11px;font-weight:500;cursor:pointer}.pb-add-space:hover{background:#3b82f60f;border-color:var(--accent)}.pb-add-dept{width:100%;padding:12px;border:1px dashed var(--border-color);border-radius:10px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.pb-add-dept:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--text-primary)}.pb-ai-form{max-width:720px;margin:0 auto;padding:28px 24px;display:flex;flex-direction:column;gap:20px}.pb-ai-row{display:flex;flex-direction:column;gap:8px}.pb-ai-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.pb-ai-select{padding:8px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;width:100%;cursor:pointer}.pb-ai-select:focus{border-color:var(--accent);outline:none}.pb-ai-chips{display:flex;flex-wrap:wrap;gap:6px}.pb-ai-chip{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:100px;color:var(--text-secondary);font-size:11.5px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.pb-ai-chip:hover{background:var(--bg-hover, rgba(255,255,255,.05));border-color:var(--accent);color:var(--text-primary)}.pb-ai-textarea{width:100%;min-height:140px;padding:12px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;line-height:1.55;font-family:inherit;resize:vertical}.pb-ai-textarea:focus{border-color:var(--accent);outline:none;background:var(--bg-secondary)}.pb-ai-hint{font-size:11.5px;color:var(--text-muted);line-height:1.5}.pb-ai-actions{display:flex;gap:8px;align-items:center}.pb-ai-actions .pb-btn{min-width:180px}.pb-ai-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:12.5px;line-height:1.5}.pb-ai-status.info{background:#3b82f614;color:var(--accent);border:1px solid rgba(59,130,246,.25)}.pb-ai-status.success{background:#10b98114;color:#10b981;border:1px solid rgba(16,185,129,.25)}.pb-ai-status.error{background:#ef444414;color:var(--danger, #EF4444);border:1px solid rgba(239,68,68,.3)}.pb-ai-status svg{flex-shrink:0;width:16px;height:16px}.pb-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:pb-spin .7s linear infinite;flex-shrink:0}@keyframes pb-spin{to{transform:rotate(360deg)}}.pb-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;margin-left:auto}.pb-status.error{background:#ef44441a;color:var(--danger, #EF4444)}.pb-status.success{background:#10b9811a;color:#10b981}.landuse-tab{display:flex;flex:1;width:100%;height:100%;overflow:hidden}.lu-subtab{display:flex;align-items:center;gap:5px;height:30px;padding:0 12px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;color:var(--text-muted);transition:all var(--transition-normal);white-space:nowrap}.lu-subtab svg{width:14px;height:14px}.lu-subtab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.lu-subtab.active{color:#22c55e;background:#22c55e1a;font-weight:600}.lu-view-container{flex:1;position:relative;overflow:hidden;min-height:0}.lu-view{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .25s ease;overflow:auto;padding:24px 28px}.lu-view.active{opacity:1;pointer-events:all}.lu-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px}.lu-table-wrapper{overflow:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary)}.lu-table{width:100%;border-collapse:collapse;font-size:11px;min-width:900px}.lu-table thead{position:sticky;top:0;z-index:2}.lu-table thead tr{background:var(--bg-tertiary)}.lu-table th{padding:10px 12px;text-align:right;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:2px solid var(--border-color);white-space:nowrap;font-family:JetBrains Mono,monospace}.lu-table th:first-child{text-align:left;padding-left:16px}.lu-table td{padding:8px 12px;border-bottom:1px solid var(--border-color);text-align:right;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:11px}.lu-table td:first-child{text-align:left;padding-left:16px;font-family:inherit;font-weight:500;color:var(--text-primary)}.lu-table tbody tr:hover{background:var(--bg-tertiary)}.lu-color-dot{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:8px;vertical-align:middle}.lu-badge{display:inline-block;font-size:8px;padding:2px 6px;border-radius:4px;background:#3b82f6;color:#fff;font-weight:600;margin-left:6px;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px}.lu-pct-cell{position:relative}.lu-pct-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);height:18px;border-radius:3px;opacity:.15}.lu-table-subtotal{background:#22c55e0d;border-top:2px solid var(--border-color)}.lu-table-subtotal td{font-weight:600;color:var(--text-primary)}.lu-table-divider td{background:var(--bg-tertiary);height:1px;padding:0}.lu-table-total{background:#22c55e14;border-top:2px solid #22C55E}.lu-table-total td{font-weight:700;color:var(--text-primary);font-size:12px}.lu-donut-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px}.lu-donut-wrapper svg{width:100%;max-width:560px}.lu-donut-wrapper svg path{cursor:pointer;transition:opacity .2s}.lu-donut-wrapper svg path:hover{opacity:.85;filter:brightness(1.08)}.lu-donut-legend{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;max-width:700px}.lu-legend-item{display:flex;align-items:center;gap:6px;font-size:11px}.lu-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.lu-legend-name{color:var(--text-secondary)}.lu-legend-val{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-muted)}.lu-stacked-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px}.lu-stacked-wrapper svg{width:100%}.lu-stacked-wrapper svg rect{cursor:pointer;transition:opacity .2s}.lu-stacked-wrapper svg rect:hover{opacity:1!important;filter:brightness(1.08)}.lu-stacked-legend{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center}.lu-treemap-wrapper{display:flex;flex-direction:column;align-items:center}.lu-treemap-wrapper svg{width:100%}.lu-treemap-wrapper svg rect{cursor:pointer;transition:opacity .15s}.lu-treemap-wrapper svg rect:hover{opacity:1!important;filter:brightness(1.08);stroke-width:4}.lu-density-wrapper{display:flex;flex-direction:column;gap:32px;align-items:center}.lu-density-wrapper svg{width:100%}.lu-density-wrapper svg rect{cursor:pointer;transition:all .2s}.lu-density-wrapper svg rect:hover{opacity:1!important;filter:brightness(1.1)}.visualizer-tab{display:flex;flex:1;width:100%;height:100%;overflow:hidden}.viz-subtabs{display:flex;align-items:center;gap:2px;padding:8px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);overflow-x:auto;flex-shrink:0;position:relative;z-index:10}.viz-subtab{display:flex;align-items:center;gap:5px;height:30px;padding:0 12px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;color:var(--text-muted);transition:all var(--transition-normal);white-space:nowrap}.viz-subtab svg{width:14px;height:14px}.viz-subtab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.viz-subtab.active{color:var(--tab-visualizer);background:var(--tab-visualizer-light);font-weight:600}.viz-view{position:absolute;inset:0;width:100%;height:100%;display:none;overflow:hidden;background:#fff;z-index:1}.viz-view.active{display:block;z-index:2}#viz-city3d{display:block;position:absolute;inset:0}#viz-city3d canvas,#vizCanvas3d{position:absolute;top:0;left:0;width:100%!important;height:100%!important;display:block;cursor:grab}#viz-city3d canvas:active,#vizCanvas3d:active{cursor:grabbing}.viz-main{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:0}.viz-canvas-area{flex:1;position:relative;overflow:hidden;background:#fff;min-height:0;z-index:1}.viz-canvas-area canvas{width:100%;height:100%;display:block;cursor:grab}.viz-canvas-area canvas:active{cursor:grabbing}.viz-2d-container{width:100%;height:100%;overflow:hidden;background:#fff}.viz-controls{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:4px;z-index:10}.viz-ctrl-btn{padding:6px 12px;background:#ffffffeb;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-family:inherit;font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:5px;backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.viz-ctrl-btn svg{width:13px;height:13px}.viz-ctrl-btn:hover{background:#fff;color:var(--text-primary);border-color:var(--border-strong)}.viz-ctrl-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.viz-nav-hint{position:absolute;top:14px;left:14px;background:#ffffffe6;backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px;z-index:10;font-size:10px;color:var(--text-muted);line-height:1.6;font-family:JetBrains Mono,monospace;pointer-events:none;transition:opacity 3s;box-shadow:var(--shadow-sm)}.viz-analysis-scroll{width:100%;height:100%;overflow-y:auto;padding:28px 32px}.viz-gauge-container{display:flex;align-items:center;gap:24px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:16px 0}.viz-gauge-ring{position:relative;width:100px;height:100px;flex-shrink:0}.viz-gauge-ring svg{transform:rotate(-90deg)}.viz-gauge-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.viz-gauge-center .val{font-size:20px;font-weight:800;font-family:JetBrains Mono,monospace;color:var(--text-primary)}.viz-gauge-center .lbl{font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.viz-gauge-info h4{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.viz-gauge-info p{font-size:11px;color:var(--text-secondary);line-height:1.6}.viz-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:14px;font-family:JetBrains Mono,monospace;display:flex;align-items:center;gap:8px}.viz-section-title svg{width:14px;height:14px}.viz-table{width:100%;border-collapse:collapse;font-size:11px}.viz-table thead tr{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:1px}.viz-table th,.viz-table td{padding:8px 10px;border-bottom:1px solid var(--border-color)}.viz-table th{text-align:left}.viz-table td.align-right,.viz-table th.align-right{text-align:right}.spin{animation:spin 1s linear infinite}.viz-breakdown-container{width:100%;height:100%;padding:30px;overflow:auto;background:#fafafa;display:flex;gap:40px}.breakdown-left{display:flex;gap:50px;flex-shrink:0;padding-top:20px}.breakdown-bars{display:flex;align-items:flex-end;gap:20px;height:500px}.vbar-item{display:flex;flex-direction:column;align-items:center;gap:8px}.vbar-value{font-size:12px;font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text-primary);white-space:nowrap}.vbar-bar{width:55px;border-radius:2px 2px 0 0;min-height:30px;transition:height .5s ease}.vbar-label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);white-space:nowrap;height:100px}.breakdown-stacked-wrapper{display:flex;flex-direction:column;align-items:center}.stacked-bar{display:flex;flex-direction:column;width:100px;height:500px;border-radius:3px;overflow:hidden;box-shadow:0 2px 12px #00000014}.stacked-segment{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 6px;min-height:20px;transition:all .3s ease;cursor:pointer;overflow:hidden}.stacked-segment:hover{filter:brightness(1.08)}.seg-name{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.2);text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.seg-value{font-size:7px;font-family:JetBrains Mono,monospace;opacity:.85}.stacked-label{margin-top:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.breakdown-right{flex:1;overflow:auto}.dept-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;align-content:start}.dept-card{background:#fff;border-radius:6px;padding:14px 16px;box-shadow:0 1px 4px #0000000a;border:1px solid #E5E7EB;min-height:80px}.dept-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #F3F4F6}.dept-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dept-total{font-size:11px;font-family:JetBrains Mono,monospace;color:var(--text-muted)}.dept-spaces{display:flex;flex-direction:column;gap:6px}.space-row{display:flex;align-items:center;gap:8px}.space-name{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:80px;max-width:100px}.space-bar-wrap{flex:1;height:10px;background:#f3f4f6;border-radius:2px;overflow:hidden}.space-bar{height:100%;border-radius:2px;transition:width .3s ease}.space-info{font-size:10px;font-family:JetBrains Mono,monospace;color:var(--text-muted);white-space:nowrap;min-width:55px;text-align:right}#tab-site-analysis .narr-tool-tab.active{background:var(--tab-site-analysis-light);color:var(--tab-site-analysis);font-weight:600}.sa-subtool-panel{flex:1;display:flex;min-height:0;overflow:hidden}.site-analysis-tab{display:flex;width:100%;height:100%;flex:1}.sa-map-panel{flex:1;position:relative;min-width:0}.sa-map-panel #sa-map{position:absolute;inset:0}.sa-map-panel .mapboxgl-map{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.sa-map-panel .mapboxgl-canvas-container,.sa-map-panel .mapboxgl-canvas{width:100%!important;height:100%!important}.sa-map-panel .mapboxgl-ctrl-group,.sa-map-panel .mapboxgl-ctrl-group button{pointer-events:auto!important}.map-coord-display{position:absolute;bottom:8px;right:8px;background:#000000a6;color:#fff;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;padding:4px 10px;border-radius:var(--radius-sm);pointer-events:none;z-index:5;letter-spacing:.3px;backdrop-filter:blur(4px);min-height:22px}.map-zoom-display{position:absolute;bottom:8px;right:180px;background:#000000a6;color:#ffffffb3;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:10px;padding:4px 8px;border-radius:var(--radius-sm);pointer-events:none;z-index:5;backdrop-filter:blur(4px)}.map-style-switcher{position:absolute;bottom:40px;right:8px;display:flex;gap:2px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:3px;box-shadow:var(--shadow-md);z-index:5}.map-style-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;color:var(--text-muted);transition:all var(--transition-normal);white-space:nowrap}.map-style-btn svg{width:13px;height:13px;flex-shrink:0}.map-style-btn span{display:none}.map-style-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.map-style-btn.active{background:var(--accent);color:#fff}.map-style-btn.active span{display:inline}.sa-map-panel .mapboxgl-ctrl-top-right{top:10px;right:10px;z-index:6}.sa-map-panel .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.sa-map-panel .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group button{width:34px;height:34px;border:none;background:var(--bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.sa-map-panel .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group button:hover{background:var(--bg-tertiary)}.sa-map-panel .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group button+button{border-top:1px solid var(--border-color)}.sa-map-panel .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group button .mapboxgl-ctrl-icon{opacity:.7}.sa-map-panel .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group button:hover .mapboxgl-ctrl-icon{opacity:1}.sa-map-panel .mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")!important;background-size:18px;background-repeat:no-repeat;background-position:center}.sa-map-panel .mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")!important;background-size:18px;background-repeat:no-repeat;background-position:center}.sa-map-panel .mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='3 11 22 2 13 21 11 13 3 11'/%3E%3C/svg%3E")!important;background-size:16px;background-repeat:no-repeat;background-position:center}.sa-map-panel .mapboxgl-ctrl-bottom-left{bottom:6px;left:6px}.sa-map-panel .mapboxgl-ctrl-scale{background:#0000008c;color:#fff;border-color:#fff6;font-size:10px;border-radius:0 0 4px 4px;backdrop-filter:blur(4px)}.sa-map-panel .mapboxgl-ctrl-attrib{background:#00000059!important;border-radius:var(--radius-xs);backdrop-filter:blur(4px)}.sa-map-panel .mapboxgl-ctrl-attrib a{color:#fff9!important;font-size:10px}.sa-map-loading{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-tertiary);z-index:10;gap:12px;pointer-events:none}.sa-map-loading[style*="display: flex"],.sa-map-loading[style*="display:flex"]{pointer-events:auto}.sa-map-loading .spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.sa-map-loading span{font-size:12px;color:var(--text-muted)}.sa-map-notoken{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-tertiary);z-index:10;gap:10px;text-align:center;padding:40px;pointer-events:none}.sa-map-notoken[style*="display: flex"],.sa-map-notoken[style*="display:flex"]{pointer-events:auto}.sa-map-notoken svg{color:var(--text-muted);opacity:.4;margin-bottom:4px}.sa-map-notoken h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.sa-map-notoken p{font-size:12px;color:var(--text-muted);max-width:320px;line-height:1.5;margin:0}.sa-map-notoken .btn{margin-top:6px}.sa-sidebar{width:300px;min-width:300px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;z-index:2}.sa-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-color);flex-shrink:0}.sa-sidebar-actions{display:flex;gap:2px}.sa-icon-btn{width:28px;height:28px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-normal)}.sa-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sa-group-list{flex:1;overflow-y:auto;overflow-x:hidden}.sa-group{border-bottom:1px solid var(--border-color)}.sa-group:last-child{border-bottom:none}.sa-group-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 6px;cursor:pointer;user-select:none;transition:background var(--transition-normal)}.sa-group-header:hover{background:var(--bg-tertiary)}.sa-group.active>.sa-group-header{background:var(--accent-light)}.sa-group-left{display:flex;align-items:center;gap:4px;min-width:0;flex:1}.sa-group-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.sa-group-expand{width:22px;height:22px;border:none;background:transparent;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:transform .15s ease;flex-shrink:0;pointer-events:none}.sa-group.expanded .sa-group-expand{transform:rotate(90deg)}.sa-group-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.sa-group-icon svg{width:15px;height:15px}.sa-group-label{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-group.hidden-layer .sa-group-label{opacity:.4}.sa-group-status{font-size:10px;color:var(--text-muted)}.sa-group-status.configured{color:var(--success);font-weight:700}.sa-group-vis{width:26px;height:26px;border:none;background:transparent;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-normal)}.sa-group-vis:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.sa-group-vis .eye-closed,.sa-group.hidden-layer .sa-group-vis .eye-open{display:none}.sa-group.hidden-layer .sa-group-vis .eye-closed{display:block;opacity:.4}.sa-group-pres{width:24px;height:24px;border:none;background:transparent;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#8b5cf6;opacity:.5;transition:all .2s ease;padding:0}.sa-group-pres:hover{background:#8b5cf61f;opacity:1}.sa-group-pres.sending{opacity:1;animation:pres-pulse .6s ease infinite}.sa-group-pres.sent{opacity:1;color:#22c55e}@keyframes pres-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.sa-group-body{max-height:0;overflow:hidden;transition:max-height .2s ease}.sa-group.expanded .sa-group-body{max-height:2000px;overflow-y:auto}.sa-group-content{padding:4px 14px 14px}.sa-group-desc{font-size:11px;color:var(--text-muted);margin:0 0 10px;line-height:1.45}.sa-group-tools{display:flex;flex-direction:column;gap:8px}.sa-group.active{box-shadow:inset 3px 0 0 var(--accent)}.sa-annotation-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid var(--border-color);flex-shrink:0}.sa-annotation-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);white-space:nowrap}.sa-annotation-tools{display:flex;gap:2px}.sa-tool-btn{width:30px;height:28px;border:1px solid transparent;background:transparent;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-normal)}.sa-tool-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.sa-tool-btn.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.sa-sidebar-footer{padding:10px 14px;border-top:1px solid var(--border-color);flex-shrink:0}.sa-export-btn{width:100%;justify-content:center;font-size:11px;height:32px}.sa-export-btn:disabled{opacity:.4;cursor:not-allowed}.sa-context-menu{position:fixed;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;min-width:180px;z-index:9999;display:none;animation:fadeSlideIn .1s ease}.sa-context-menu.active{display:block}.sa-ctx-item{width:100%;display:flex;align-items:center;gap:8px;padding:7px 10px;border:none;background:transparent;border-radius:var(--radius-xs);cursor:pointer;font-family:inherit;font-size:12px;color:var(--text-secondary);transition:all var(--transition-normal);text-align:left}.sa-ctx-item:hover{background:var(--accent-light);color:var(--accent)}.sa-ctx-item svg{flex-shrink:0;opacity:.6}.sa-ctx-item:hover svg{opacity:1}.sa-ctx-divider{height:1px;background:var(--border-color);margin:3px 6px}.sa-form-row{display:flex;align-items:center;gap:8px}.sa-form-row .form-label{font-size:10px;min-width:60px;margin-bottom:0}.sa-form-row .form-input,.sa-form-row .form-select{height:30px;font-size:12px;flex:1}.sa-color-input{width:28px;height:28px;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px;cursor:pointer;background:var(--bg-secondary);flex-shrink:0}.sa-color-input::-webkit-color-swatch-wrapper{padding:1px}.sa-color-input::-webkit-color-swatch{border:none;border-radius:3px}.sa-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:4px;padding:0 2px}.sa-action-btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-normal)}.sa-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-strong)}.sa-action-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.sa-action-btn.primary:hover{background:var(--accent-hover)}.sa-action-btn svg{width:13px;height:13px}.sa-data-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.sa-data-item{display:flex;align-items:center;gap:6px;padding:5px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:11px;color:var(--text-secondary)}.sa-data-item .sa-data-icon{font-size:14px;flex-shrink:0}.sa-data-item .sa-data-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-data-item .sa-data-value{font-family:SF Mono,Fira Code,monospace;font-size:10px;color:var(--text-muted);flex-shrink:0}.sa-data-item .sa-data-delete{width:18px;height:18px;border:none;background:transparent;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:0;transition:all var(--transition-normal)}.sa-data-item:hover .sa-data-delete{opacity:1}.sa-data-item .sa-data-delete:hover{background:#ef44441a;color:var(--danger)}.sa-group-empty{text-align:center;padding:12px 8px;color:var(--text-muted);font-size:11px}.sa-group-empty svg{display:block;margin:0 auto 6px;opacity:.3}.sa-group-divider{height:1px;background:var(--border-color);margin:8px 0}.sa-country-selection{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.sa-country-results{display:flex;flex-direction:column;gap:2px;max-height:150px;overflow-y:auto}.sa-search-result{display:block;width:100%;text-align:left;padding:6px 10px;border:none;background:var(--bg-tertiary);border-radius:var(--radius-xs);cursor:pointer;font-family:inherit;font-size:12px;color:var(--text-secondary);transition:all var(--transition-normal)}.sa-search-result:hover{background:var(--accent-light);color:var(--accent)}.sa-search-result strong{display:block;color:var(--text-primary);font-weight:500}.sa-search-result small{display:block;font-size:10px;color:var(--text-muted);margin-top:2px}.sa-search-result:hover strong{color:var(--accent)}.sa-no-results{padding:12px;text-align:center;font-size:12px;color:var(--text-muted);font-style:italic}.city-rings-overlay{pointer-events:none;z-index:1}.city-ring{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}#place-marker-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.country-map-tooltip{position:absolute;z-index:10;pointer-events:none;background:var(--bg-secondary, rgba(20, 20, 30, .92));backdrop-filter:blur(8px);border:1px solid var(--border-color, rgba(255, 255, 255, .1));padding:5px 12px;border-radius:6px;font-family:inherit;font-size:12px;font-weight:500;color:var(--text-primary, #f0f0f8);white-space:nowrap;opacity:0;transform:translateY(2px);transition:opacity .15s ease,transform .15s ease;box-shadow:0 4px 12px #0000004d}.country-map-tooltip.visible{opacity:1;transform:translateY(0)}.sa-toggle{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.sa-toggle input{opacity:0;width:0;height:0}.sa-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);border:1px solid var(--border-color);transition:.2s;border-radius:20px}.sa-toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:var(--text-muted);transition:.2s;border-radius:50%}.sa-toggle input:checked+.sa-toggle-slider{background-color:var(--accent);border-color:var(--accent)}.sa-toggle input:checked+.sa-toggle-slider:before{transform:translate(16px);background-color:#fff}.sa-toggle input:focus+.sa-toggle-slider{box-shadow:0 0 0 2px var(--accent-subtle)}.sa-tool-section{padding:8px 0;border-bottom:1px solid var(--border-color)}.sa-tool-section:last-child{border-bottom:none;padding-bottom:0}.sa-tool-section:first-child{padding-top:0}.sa-section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 8px}.sa-tool-row{display:flex;gap:6px}.sa-tool-hint{font-size:10px;color:var(--text-muted);margin:8px 0 0;line-height:1.4}.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 10px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-normal);white-space:nowrap}.sa-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-strong)}.sa-btn:disabled{opacity:.4;cursor:not-allowed}.sa-btn svg{width:14px;height:14px;flex-shrink:0}.sa-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.sa-btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.sa-btn-primary.active{background:var(--accent-hover);box-shadow:0 0 0 2px var(--accent-subtle)}.sa-btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.sa-btn-secondary:hover:not(:disabled){background:var(--border-color);color:var(--text-primary)}.sa-btn-danger{color:var(--danger, #EF4444);border-color:#ef44444d}.sa-btn-danger:hover:not(:disabled){background:#ef44441a;border-color:var(--danger, #EF4444);color:var(--danger, #EF4444)}.sa-measurements{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.sa-measurement-item{display:flex;justify-content:space-between;align-items:center}.sa-measurement-label{font-size:11px;color:var(--text-muted)}.sa-measurement-value{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;font-weight:600;color:var(--text-primary)}.sa-color-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sa-color-row label{font-size:11px;color:var(--text-secondary)}.sa-color-input-wrap{display:flex;align-items:center;gap:6px}.sa-color-input-wrap input[type=color]{width:28px;height:28px;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px;cursor:pointer;background:var(--bg-secondary)}.sa-color-input-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:1px}.sa-color-input-wrap input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.sa-color-input-wrap .sa-color-hex{font-family:SF Mono,Fira Code,monospace;font-size:10px;color:var(--text-muted);min-width:60px;text-transform:uppercase}.sa-slider-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sa-slider-row label{font-size:11px;color:var(--text-secondary);flex-shrink:0}.sa-slider-wrap{display:flex;align-items:center;gap:8px}.sa-slider-wrap input[type=range]{width:90px;height:4px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:2px;outline:none}.sa-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}.sa-slider-wrap input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}.sa-slider-wrap span{font-family:SF Mono,Fira Code,monospace;font-size:10px;color:var(--text-muted);min-width:35px;text-align:right}.mapboxgl-ctrl-group.mapboxgl-ctrl{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.mapbox-gl-draw_polygon.active{cursor:crosshair!important}.sa-measurements-list{display:flex;flex-direction:column;gap:4px}.sa-measurements-items{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.sa-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;gap:8px;color:var(--text-muted)}.sa-empty-state svg{opacity:.3}.sa-empty-state span{font-size:11px}.sa-measurement-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);transition:background var(--transition-normal)}.sa-measurement-row:hover{background:var(--border-color)}.sa-measurement-index{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;font-size:10px;font-weight:600;flex-shrink:0}.sa-measurement-dist{flex:1;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;font-weight:600;color:var(--text-primary)}.sa-measurement-delete{width:22px;height:22px;border:none;background:transparent;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:0;transition:all var(--transition-normal);flex-shrink:0}.sa-measurement-row:hover .sa-measurement-delete{opacity:1}.sa-measurement-delete:hover{background:#ef444426;color:var(--danger, #EF4444)}.sa-poi-list{display:flex;flex-direction:column;gap:4px}.sa-poi-items{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.sa-poi-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);transition:background var(--transition-normal)}.sa-poi-row:hover{background:var(--border-color)}.sa-poi-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.sa-poi-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sa-poi-name{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-poi-meta{font-size:10px;color:var(--text-muted)}.sa-poi-delete{width:22px;height:22px;border:none;background:transparent;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:0;transition:all var(--transition-normal);flex-shrink:0}.sa-poi-row:hover .sa-poi-delete{opacity:1}.sa-poi-delete:hover{background:#ef444426;color:var(--danger, #EF4444)}.sa-status-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);font-size:11px}.sa-status-row.success{background:#10b9811a;border-color:#10b9814d}.sa-status-icon{font-size:14px;flex-shrink:0}.sa-status-text{color:var(--text-secondary)}.sa-loading-state{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:11px;color:var(--text-muted)}.sa-loading-spinner{width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.sa-zones-list{display:flex;flex-direction:column;gap:4px}.sa-zones-items{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.sa-zone-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);transition:background var(--transition-normal)}.sa-zone-row:hover{background:var(--border-color)}.sa-zone-color{width:28px;height:28px;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px;cursor:pointer;background:var(--bg-secondary);flex-shrink:0}.sa-zone-color::-webkit-color-swatch-wrapper{padding:1px}.sa-zone-color::-webkit-color-swatch{border:none;border-radius:3px}.sa-zone-name{flex:1;min-width:0;height:28px;padding:0 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font-family:inherit;font-size:12px;font-weight:500;color:var(--text-primary);transition:all var(--transition-normal)}.sa-zone-name:hover{background:var(--bg-secondary);border-color:var(--border-color)}.sa-zone-name:focus{outline:none;background:var(--bg-secondary);border-color:var(--accent)}.sa-zone-delete{width:22px;height:22px;border:none;background:transparent;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:0;transition:all var(--transition-normal);flex-shrink:0}.sa-zone-row:hover .sa-zone-delete{opacity:1}.sa-zone-delete:hover{background:#ef444426;color:var(--danger, #EF4444)}.sa-wind-legend{display:flex;flex-direction:column;gap:6px}.sa-legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.sa-legend-color{width:16px;height:12px;border-radius:2px;flex-shrink:0}.sa-checkbox-row{display:flex;align-items:center}.sa-checkbox-row label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);cursor:pointer}.sa-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}#wind-rose-container{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}#wind-rose-container:hover{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.sa-env-tabs{display:flex;gap:4px;margin-bottom:12px;padding:4px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.sa-env-tab{flex:1;padding:8px 12px;border:none;background:transparent;border-radius:var(--radius-xs);font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.sa-env-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.sa-env-tab.active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:0 1px 3px #0000001a}.sa-env-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sa-info-grid{display:grid;gap:6px}.sa-info-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--bg-tertiary);border-radius:var(--radius-xs);font-size:11px}.sa-info-item span:first-child{color:var(--text-muted)}.sa-info-item span:last-child{color:var(--text-primary);font-weight:500;font-family:SF Mono,Fira Code,monospace}#sun-path-container{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}#sun-path-container:hover{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.sa-shape-toggle{display:flex;gap:8px}.sa-shape-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-muted);font-size:11px;cursor:pointer;transition:all var(--transition-normal)}.sa-shape-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.sa-shape-btn.active{border-color:var(--accent);background:#f59e0b1a;color:var(--accent)}.sa-shape-btn svg{width:24px;height:24px}.sa-corridors-list{display:flex;flex-direction:column;gap:4px}.sa-corridors-items{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.sa-corridor-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);transition:background var(--transition-normal)}.sa-corridor-row:hover{background:var(--border-color)}.sa-corridor-color{width:28px;height:28px;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px;cursor:pointer;background:var(--bg-secondary);flex-shrink:0}.sa-corridor-color::-webkit-color-swatch-wrapper{padding:1px}.sa-corridor-color::-webkit-color-swatch{border:none;border-radius:3px}.sa-corridor-name{flex:1;min-width:0;height:28px;padding:0 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font-family:inherit;font-size:12px;font-weight:500;color:var(--text-primary);transition:all var(--transition-normal)}.sa-corridor-name:hover{background:var(--bg-secondary);border-color:var(--border-color)}.sa-corridor-name:focus{outline:none;background:var(--bg-secondary);border-color:var(--accent)}.sa-corridor-shape{font-size:14px;color:var(--text-muted);padding:0 4px}.sa-corridor-delete{width:22px;height:22px;border:none;background:transparent;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:0;transition:all var(--transition-normal);flex-shrink:0}.sa-corridor-row:hover .sa-corridor-delete{opacity:1}.sa-corridor-delete:hover{background:#ef444426;color:var(--danger, #EF4444)}.sa-drawing-hint{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:10px 16px;border-radius:var(--radius-md);font-size:12px;font-weight:500;margin-bottom:12px;text-align:center;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:1}50%{opacity:.85}}.sa-corridor-row.selected{background:#f9731626;border:1px solid var(--accent)}.sa-corridor-visible{width:24px;height:24px;border:none;background:transparent;cursor:pointer;font-size:12px;opacity:.6;transition:opacity var(--transition-normal)}.sa-corridor-visible:hover{opacity:1}#view-corridor-canvas{pointer-events:none}.sa-annotation-bar{padding:12px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.sa-annotation-title{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.sa-annotation-tools{display:flex;gap:6px}.sa-tool-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.sa-tool-btn:hover{border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-primary)}.sa-tool-btn.active{border-color:var(--accent);background:#f59e0b26;color:var(--accent)}.sa-tool-btn svg{width:16px;height:16px}.anno-options-panel{position:fixed;top:120px;right:20px;width:260px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;display:none}.anno-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-color)}.anno-panel-title{font-size:12px;font-weight:600;color:var(--text-primary)}.anno-panel-close{width:20px;height:20px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:all var(--transition-normal)}.anno-panel-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.anno-panel-content{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.anno-option-row{display:flex;align-items:center;gap:8px}.anno-option-row label{flex-shrink:0;width:70px;font-size:11px;color:var(--text-secondary)}.anno-option-row input[type=range]{flex:1;min-width:60px;height:4px;-webkit-appearance:none;appearance:none;background:var(--border-color);border-radius:2px;cursor:pointer}.anno-option-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer}.anno-option-row input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--accent);border-radius:50%;border:none;cursor:pointer}.anno-option-row span{flex-shrink:0;width:40px;text-align:right;font-size:10px;color:var(--text-muted)}.anno-option-row select{flex:1;padding:4px 8px;border:1px solid var(--border-color);border-radius:var(--radius-xs);background:var(--bg-tertiary);color:var(--text-primary);font-size:11px;font-family:inherit}.anno-option-row input[type=color]{width:32px;height:24px;border:1px solid var(--border-color);border-radius:var(--radius-xs);padding:2px;cursor:pointer;background:var(--bg-tertiary)}.anno-color-grid{display:flex;flex-wrap:wrap;gap:4px;flex:1}.anno-color-btn{width:20px;height:20px;border:2px solid transparent;border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-normal)}.anno-color-btn:hover{transform:scale(1.1)}.anno-color-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px #f59e0b4d}.anno-color-btn[data-color="#FFFFFF"]{border-color:var(--border-color)}.anno-shape-btns{display:flex;gap:4px;flex:1}.anno-shape-btn{flex:1;padding:6px;border:1px solid var(--border-color);border-radius:var(--radius-xs);background:var(--bg-tertiary);color:var(--text-muted);font-size:16px;cursor:pointer;transition:all var(--transition-normal)}.anno-shape-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.anno-shape-btn.active{border-color:var(--accent);background:#f59e0b26;color:var(--accent)}.anno-hint{font-size:10px;color:var(--text-muted);text-align:center;margin:4px 0 0;font-style:italic}#annotation-text-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;box-shadow:var(--shadow-md)}.anno-text-field{width:160px;height:28px;padding:0 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;font-size:12px}.anno-text-field:focus{outline:none;border-color:var(--accent)}.anno-text-ok,.anno-text-cancel{width:28px;height:28px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.anno-text-ok{background:var(--accent);color:#fff}.anno-text-ok:hover{background:var(--accent-hover)}.anno-text-cancel{background:var(--bg-tertiary);color:var(--text-muted)}.anno-text-cancel:hover{background:var(--border-color);color:var(--text-primary)}#annotation-canvas{pointer-events:none}.export-context-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;min-width:180px}.export-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;font-family:inherit;cursor:pointer;text-align:left;transition:all var(--transition-normal)}.export-menu-item:hover{background:var(--accent-light);color:var(--accent)}.export-menu-item span{font-size:14px}.export-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;align-items:center;gap:12px;padding:16px 24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10001;color:var(--text-primary);font-size:13px}.export-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:exportSpin .8s linear infinite}@keyframes exportSpin{to{transform:rotate(360deg)}}.export-notification{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:none;padding:12px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:500;z-index:10001;box-shadow:var(--shadow-lg);animation:notifSlideUp .3s ease}.export-notification.success{background:#10b981;color:#fff}.export-notification.error{background:#ef4444;color:#fff}@keyframes notifSlideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sa-prereq-warning{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);margin-bottom:12px;font-size:11px;color:#f59e0b}.sa-prereq-warning svg{flex-shrink:0}.sa-status-bar{position:absolute;bottom:0;left:0;right:0;height:28px;background:#000000b3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:11px;color:#fffc;z-index:10;border-top:1px solid rgba(255,255,255,.1)}.sa-status-left,.sa-status-right{display:flex;align-items:center;gap:16px}.sa-status-item{display:flex;align-items:center;gap:6px}.sa-status-item svg{opacity:.7}.sa-status-label{color:#ffffff80;margin-right:4px}.sa-status-value{color:#f59e0b;font-weight:500}.sa-status-divider{width:1px;height:14px;background:#fff3}.color-picker-row{display:flex;align-items:center;gap:12px}.form-color{width:40px;height:32px;padding:2px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer}.color-presets{display:flex;gap:6px}.color-preset{width:24px;height:24px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.color-preset:hover{transform:scale(1.1)}.color-preset:active{transform:scale(.95)}.annotation-style-preview{display:flex;flex-direction:column;gap:12px}.anno-preview-box{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:16px;text-align:center}.anno-preview-text{font-weight:700;color:var(--text-primary)}.anno-style-controls{display:flex;align-items:center;gap:8px}.cn-zones-container{max-height:200px;overflow-y:auto}.cn-zone-item{display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:6px;transition:all var(--transition-fast)}.cn-zone-item:hover{background:var(--bg-hover)}.cn-zone-item.editing{border:1px solid var(--accent-color);background:#f59e0b1a}.cn-zone-color{width:16px;height:16px;border-radius:3px;flex-shrink:0}.cn-zone-name{flex:1;font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-zone-edit,.cn-zone-delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.cn-zone-edit:hover{background:var(--bg-hover);color:var(--accent-color)}.cn-zone-delete:hover{background:#ef444433;color:#ef4444}.cn-style-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;margin-top:8px}.cn-style-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.cn-style-header .sa-section-title{margin:0}.cn-style-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:14px}.cn-style-close:hover{background:var(--bg-hover);color:var(--text-primary)}.cn-style-group{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.cn-style-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.cn-style-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.cn-style-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cn-style-row:last-child{margin-bottom:0}.cn-style-row label{font-size:11px;color:var(--text-secondary);min-width:50px}.cn-style-row input[type=color]{width:32px;height:28px;padding:2px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer}.cn-style-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:2px}.cn-style-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent-color);border-radius:50%;cursor:pointer}.cn-style-row input[type=text],.cn-style-row input[type=number]{flex:1;padding:6px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px}.cn-style-row input[type=number]{width:60px;flex:none}.cn-style-row select{flex:1;padding:6px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px}.cn-style-row span{font-size:11px;color:var(--text-muted);min-width:35px}.sa-export-actions{display:flex;gap:8px;margin-bottom:8px}.sa-quick-export{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.sa-quick-export:hover{background:var(--bg-hover);border-color:var(--accent-color);color:var(--accent-color)}.sa-quick-export svg{opacity:.8}.sa-quick-export:hover svg{opacity:1}.cn-style-label input[type=checkbox]{margin-right:6px;accent-color:var(--accent-color)}.cn-connection-options{margin-top:8px;padding-left:8px;border-left:2px solid var(--border-subtle)}.da-poi-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;margin-bottom:10px}.da-poi-card:last-child{margin-bottom:0}.da-poi-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.da-poi-icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:none;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.da-poi-icon-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.da-poi-custom-icon{width:24px;height:24px;object-fit:contain}.da-poi-info{flex:1;min-width:0}.da-poi-name{display:block;font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.da-poi-distance{display:block;font-size:11px;color:var(--text-muted)}.da-poi-delete{width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.da-poi-delete:hover{background:#ef44441a;color:#ef4444}.da-poi-options{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--border-subtle)}.da-poi-option{display:flex;align-items:center}.da-poi-color{width:32px;height:28px;padding:2px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer}.da-poi-style{flex:1;height:28px;padding:0 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);font-size:12px;cursor:pointer}.da-poi-upload{width:32px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all .15s ease}.da-poi-upload:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.sa-poi-list{max-height:300px;overflow-y:auto}.ba-controls{display:flex;flex-direction:column;gap:2px}.ba-control-row{display:flex;align-items:center;gap:8px;padding:4px 0}.ba-label{font-size:11px;font-weight:500;color:var(--text-secondary);min-width:80px;white-space:nowrap}.ba-stats-panel{background:var(--bg-tertiary, rgba(255, 255, 255, .03));border-radius:6px;padding:8px;border:1px solid var(--border-color, rgba(255, 255, 255, .06))}.ba-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ba-stat-item{display:flex;flex-direction:column;padding:4px 6px;border-radius:4px;background:var(--bg-secondary, rgba(255, 255, 255, .04))}.ba-stat-val{font-size:14px;font-weight:700;color:var(--text-primary)}.ba-stat-lbl{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ba-popup .mapboxgl-popup-content{background:var(--bg-primary, #1a1a2e);color:var(--text-primary, #fff);border-radius:8px;padding:8px 10px;box-shadow:0 4px 16px #0000004d;border:1px solid rgba(255,255,255,.1)}.ba-popup .mapboxgl-popup-tip{border-top-color:var(--bg-primary, #1a1a2e)}.sa-preset-bar{display:flex;align-items:center;gap:4px;padding:5px 10px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.sa-preset-select{flex:1;min-width:0;padding:4px 6px;font-size:11px;font-family:inherit;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm, 4px);outline:none;cursor:pointer;transition:border-color .15s}.sa-preset-select:hover{border-color:var(--border-strong)}.sa-preset-select:focus{border-color:var(--accent)}.sa-preset-select option,.sa-preset-select optgroup{background:var(--bg-secondary);color:var(--text-primary)}.sa-preset-btn{flex-shrink:0;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center}.sa-preset-apply{color:#10b981;transition:color .15s,transform .15s}.sa-preset-apply:hover{color:#34d399;transform:scale(1.15)}.sa-preset-del{color:var(--text-muted, #666);transition:color .15s}.sa-preset-del:hover{color:#ef4444}.sa-preset-menu-wrap{position:relative;flex-shrink:0}.sa-preset-dropdown{display:none;position:absolute;top:calc(100% + 4px);right:0;z-index:200;min-width:160px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm, 4px);box-shadow:0 4px 12px #00000040;overflow:hidden}.sa-preset-dropdown.active{display:flex;flex-direction:column}.sa-preset-dropdown-item{padding:7px 12px;font-size:11px;font-family:inherit;color:var(--text-secondary);background:none;border:none;text-align:left;cursor:pointer;transition:background .15s,color .15s}.sa-preset-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}#sa-preset-clear-all{color:#ef4444}#sa-preset-clear-all:hover{background:#ef44441a;color:#f87171}.sa-preset-dropdown-divider{margin:0;border:none;border-top:1px solid var(--border-color)}.sa-group-color-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0;margin-right:2px;opacity:.8}.sa-group-drag{cursor:grab;opacity:.3;font-size:10px;padding:0 2px;user-select:none;transition:opacity .15s;line-height:1}.sa-group-header:hover .sa-group-drag{opacity:.7}.sa-group.dragging{opacity:.4}.sa-group.drag-over{border-top:2px solid var(--tab-site-analysis, #3B82F6)}.sa-progress-bar{padding:8px 0;margin-bottom:8px}.sa-progress-text{font-size:11px;color:var(--text-secondary);margin-bottom:4px}.sa-progress-track{height:3px;background:var(--bg-tertiary, rgba(255, 255, 255, .08));border-radius:2px;overflow:hidden}.sa-progress-fill{height:100%;background:var(--tab-site-analysis, #3B82F6);border-radius:2px;transition:width .3s ease}.sa-progress-fill.indeterminate{animation:sa-progress-indeterminate 1.5s infinite ease-in-out;background:linear-gradient(90deg,transparent 0%,var(--tab-site-analysis, #3B82F6) 50%,transparent 100%)}@keyframes sa-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(200%)}}.map-style-separator{width:1px;height:18px;background:#ffffff26;margin:0 2px;align-self:center}#map-terrain-toggle.active,#map-minimap-toggle.active{background:#3b82f64d!important;color:#60a5fa!important}@media(max-width:768px){.sa-sidebar{position:absolute;left:0;top:0;bottom:0;z-index:20;transition:transform .3s ease;box-shadow:4px 0 16px #0000004d}.sa-sidebar.collapsed{transform:translate(-100%)}}.zone-map-label{background:#000000b3;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none}.sa-distance-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:8px}.sa-distance-table th{text-align:left;padding:6px 8px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border-color)}.sa-distance-table td{padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.sa-distance-table tr:hover td{background:#ffffff08}.sa-distance-badge{display:inline-block;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:500}.map-search-bar{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:15;width:320px;max-width:calc(100% - 120px)}.map-search-input-wrap{display:flex;align-items:center;gap:8px;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:24px;padding:6px 14px;box-shadow:0 4px 16px #0000004d;transition:border-color .2s,box-shadow .2s}.map-search-input-wrap:focus-within{border-color:var(--accent, #3B82F6);box-shadow:0 4px 20px #3b82f633}.map-search-input-wrap svg{color:var(--text-muted, #888);flex-shrink:0}#map-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary, #fff);font-size:13px;font-family:inherit;min-width:0}#map-search-input::placeholder{color:var(--text-muted, #666)}.map-search-clear{width:20px;height:20px;border:none;background:var(--bg-tertiary, rgba(255, 255, 255, .1));border-radius:50%;color:var(--text-muted, #888);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.map-search-clear:hover{background:var(--bg-hover, rgba(255, 255, 255, .2));color:var(--text-primary, #fff)}.map-search-results{margin-top:6px;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden;max-height:280px;overflow-y:auto}.map-search-result{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .05));cursor:pointer;text-align:left;font-family:inherit;color:var(--text-primary, #fff);transition:background .15s}.map-search-result:last-child{border-bottom:none}.map-search-result:hover{background:var(--bg-tertiary, rgba(255, 255, 255, .05))}.map-search-icon{font-size:16px;flex-shrink:0}.map-search-info{display:flex;flex-direction:column;min-width:0}.map-search-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-search-detail{font-size:10px;color:var(--text-muted, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-search-loading,.map-search-empty{padding:16px;text-align:center;font-size:12px;color:var(--text-muted, #888)}.map-legend-panel{position:absolute;bottom:44px;left:8px;z-index:10;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .3));overflow:hidden;max-width:200px;transition:max-height .3s ease}.map-legend-panel.collapsed .map-legend-content{display:none}.map-legend-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:6px 12px;background:transparent;border:none;color:var(--text-secondary, #aaa);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;transition:color .15s}.map-legend-toggle:hover{color:var(--text-primary, #fff)}.map-legend-content{padding:6px 12px 10px;display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto}.map-legend-item{display:flex;align-items:center;gap:8px}.legend-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.legend-swatch.legend-line{width:18px;height:3px;border-radius:2px}.legend-swatch.legend-point{width:10px;height:10px;border-radius:50%}.legend-icon{font-size:14px;flex-shrink:0;width:14px;text-align:center}.legend-label{font-size:11px;color:var(--text-secondary, #ccc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-legend-empty{font-size:10px;color:var(--text-muted, #888);text-align:center;padding:4px}.sa-group-opacity{display:flex;align-items:center;gap:6px;padding:4px 10px 6px 28px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .05))}.sa-group-opacity label{font-size:10px;color:var(--text-muted, #888);min-width:44px}.sa-group-opacity input[type=range]{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary, rgba(255, 255, 255, .1));border-radius:2px;outline:none}.sa-group-opacity input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent, #3B82F6);border-radius:50%;cursor:pointer}.sa-group-opacity span{font-size:10px;color:var(--text-muted, #888);min-width:28px;text-align:right}@keyframes undoToastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes undoToastOut{0%{opacity:1}to{opacity:0}}.sa-add-group-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 20px);margin:8px 10px;padding:8px 12px;border:1px dashed var(--border-color);background:transparent;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;color:var(--text-muted);transition:all var(--transition-normal)}.sa-add-group-btn:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.sa-add-group-btn svg{flex-shrink:0}.sa-ctx-item.danger{color:var(--danger, #EF4444)}.sa-ctx-item.danger:hover{background:#ef44441a;color:var(--danger, #EF4444)}.ca-tools-container{display:flex;flex-direction:column;gap:4px}.ca-section{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.ca-section-header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.ca-toolbar{display:flex;gap:2px;padding:6px 8px;flex-wrap:wrap}.ca-tool-btn{width:32px;height:30px;border:1px solid transparent;background:transparent;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-normal)}.ca-tool-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.ca-tool-btn.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.ca-drawing-hint{padding:4px 10px 8px;font-size:10px;color:var(--accent);font-weight:500;animation:fadeIn .2s ease}.ca-style-grid{padding:6px 8px;display:flex;flex-direction:column;gap:5px}.ca-style-row{display:flex;align-items:center;gap:6px}.ca-style-row label{font-size:10px;font-weight:500;color:var(--text-muted);min-width:40px;flex-shrink:0}.ca-color-input{width:24px;height:24px;border:1px solid var(--border-color);border-radius:var(--radius-xs);padding:1px;cursor:pointer;background:var(--bg-secondary);flex-shrink:0}.ca-color-input::-webkit-color-swatch-wrapper{padding:1px}.ca-color-input::-webkit-color-swatch{border:none;border-radius:2px}.ca-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:2px;outline:none}.ca-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-primary)}.ca-val{font-size:9px;font-family:SF Mono,Fira Code,monospace;color:var(--text-muted);min-width:28px;text-align:right;flex-shrink:0}.ca-select{flex:1;height:24px;font-size:11px;font-family:inherit;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-xs);padding:0 6px;outline:none}.ca-select:focus{border-color:var(--accent)}.ca-num-input{width:50px;height:24px;font-size:11px;font-family:inherit;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-xs);padding:0 6px;outline:none;text-align:center}.ca-layer-list{max-height:180px;overflow-y:auto}.ca-layer-empty{padding:12px 10px;text-align:center;font-size:10px;color:var(--text-muted);font-style:italic}.ca-layer-count{font-size:9px;font-weight:600;background:var(--accent-light);color:var(--accent);padding:1px 5px;border-radius:8px;min-width:16px;text-align:center}.ca-layer-item{display:flex;align-items:center;gap:6px;padding:4px 8px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background var(--transition-normal)}.ca-layer-item:last-child{border-bottom:none}.ca-layer-item:hover{background:var(--bg-tertiary)}.ca-layer-item.selected{background:var(--accent-light);box-shadow:inset 2px 0 0 var(--accent)}.ca-layer-icon{width:18px;text-align:center;font-size:12px;color:var(--text-muted);flex-shrink:0}.ca-layer-name{flex:1;font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ca-layer-vis-btn,.ca-layer-del-btn{width:20px;height:20px;border:none;background:transparent;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;opacity:.5;transition:all var(--transition-normal)}.ca-layer-item:hover .ca-layer-vis-btn,.ca-layer-item:hover .ca-layer-del-btn{opacity:1}.ca-layer-vis-btn.is-hidden{opacity:.2}.ca-layer-del-btn:hover{color:var(--danger, #EF4444);background:#ef44441a}.ca-layer-edit-btn{width:20px;height:20px;border:none;background:transparent;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:.5;transition:all var(--transition-normal)}.ca-layer-item:hover .ca-layer-edit-btn{opacity:1}.ca-layer-edit-btn:hover{color:var(--accent, #3B82F6);background:#3b82f61a}.ca-layer-order-btns{display:flex;flex-direction:column;gap:0;margin-left:auto}.ca-layer-order-btn{width:16px;height:12px;padding:0;border:none;background:transparent;color:var(--text-muted);font-size:7px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:.4;transition:all .15s ease}.ca-layer-item:hover .ca-layer-order-btn{opacity:.8}.ca-layer-order-btn:hover:not(:disabled){background:#3b82f626;color:var(--accent, #3B82F6);opacity:1}.ca-layer-order-btn:disabled{opacity:.15;cursor:default}.ca-inline-text-editor{background:#0000000d;border:2px solid var(--accent, #3B82F6);border-radius:4px;padding:4px 8px;min-width:120px;min-height:28px;max-width:400px;resize:none;outline:none;overflow:hidden;line-height:1.4;box-shadow:0 2px 12px #00000026}.ca-inline-text-editor::placeholder{color:#96969680}.ca-icon-cat-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:10px 0 6px}.ca-icon-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px}.ca-icon-item{width:48px;height:48px;border:1px solid rgba(255,255,255,.06);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffff08;transition:all .15s ease}.ca-icon-item:hover{background:#3b82f626;border-color:var(--accent, #3B82F6);transform:scale(1.05)}.ca-icon-item img{width:32px;height:32px;object-fit:contain;filter:brightness(.9)}.ca-font-select{max-width:150px;font-size:11px}.ca-transform-panel{display:none;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:8px;margin-top:6px}.ca-transform-floating{position:absolute;top:10px;right:10px;z-index:200;width:260px;background:#14141eeb;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px;box-shadow:0 4px 20px #00000080}.ca-transform-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.ca-transform-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:0 2px}.ca-transform-close:hover{color:var(--danger, #EF4444)}.ca-transform-fields{display:flex;flex-direction:column;gap:5px}.ca-transform-row{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted)}.ca-transform-row label{min-width:26px;font-weight:500}.ca-transform-row input[type=number]{width:70px;padding:2px 4px;font-size:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:3px;color:var(--text-primary)}.ca-transform-row input[type=range]{flex:1;height:3px;accent-color:var(--accent, #3B82F6)}.ca-transform-row span{min-width:35px;text-align:right;font-size:10px;color:var(--text-muted)}.ca-render-panel{padding:8px;display:flex;flex-direction:column;gap:6px}.ca-capture-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:7px 12px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-normal)}.ca-capture-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-strong)}.ca-capture-preview{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-color)}.ca-capture-preview img{width:100%;display:block;max-height:120px;object-fit:cover}.ca-render-settings{display:flex;flex-direction:column;gap:5px}.ca-pill-group{display:flex;gap:2px;flex:1}.ca-pill{flex:1;height:24px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-xs);cursor:pointer;font-family:inherit;font-size:10px;font-weight:500;color:var(--text-muted);transition:all var(--transition-normal)}.ca-pill:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ca-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ca-prompt-row{margin-top:2px}.ca-prompt{width:100%;min-height:48px;padding:6px 8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-sm);font-family:inherit;font-size:11px;resize:vertical;outline:none;transition:border-color var(--transition-normal)}.ca-prompt:focus{border-color:var(--accent)}.ca-render-actions{display:flex;gap:4px}.ca-presets-btn{flex-shrink:0;height:30px;padding:0 10px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-normal)}.ca-presets-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ca-generate-btn{flex:1;height:30px;display:flex;align-items:center;justify-content:center;gap:5px;border:none;background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;transition:all var(--transition-normal)}.ca-generate-btn:hover{background:var(--accent-hover)}.ca-generate-btn:disabled{opacity:.5;cursor:not-allowed}.sa-tool-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:6px}.sa-tool-value{flex:1;font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-btn-group{display:flex;gap:4px;flex-wrap:wrap}.sa-btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:26px;padding:0 8px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:10px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-normal);white-space:nowrap}.sa-btn-sm:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-strong)}.sa-btn-sm.active{background:var(--accent);color:#fff;border-color:var(--accent)}.sa-btn-sm:disabled{opacity:.4;cursor:not-allowed}.sa-btn-xs{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;border-radius:var(--radius-xs);cursor:pointer;font-size:10px;color:var(--text-muted);transition:all var(--transition-normal);padding:0;flex-shrink:0}.sa-btn-xs:hover{background:#ef444426;color:var(--danger, #EF4444)}.sa-chip-group{display:flex;gap:4px;flex-wrap:wrap}.sa-chip{display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:32px;padding:0 8px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:12px;cursor:pointer;font-family:inherit;font-size:10px;font-weight:500;color:var(--text-secondary);transition:all .15s ease}.sa-chip:hover{border-color:var(--accent);color:var(--accent)}.sa-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.sa-tool-actions{display:flex;gap:6px;padding-top:8px}.sa-tool-actions .sa-btn-primary{flex:1;height:32px;font-size:11px;font-weight:600;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;background:var(--accent);color:#fff;cursor:pointer;transition:all var(--transition-normal)}.sa-tool-actions .sa-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.sa-tool-actions .sa-btn-primary:disabled{opacity:.4;cursor:not-allowed}.sa-loading-indicator{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:11px;color:var(--text-muted);margin-top:8px}.sa-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:sa-spin .6s linear infinite;flex-shrink:0}@keyframes sa-spin{to{transform:rotate(360deg)}}.sa-legend-box{margin-top:10px;padding:8px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:11px}.sa-legend-title{font-weight:600;color:var(--text-primary);margin-bottom:6px;font-size:11px}.sa-legend-item{display:flex;align-items:center;padding:2px 0;color:var(--text-secondary);font-size:10px}.iso-contour-list{display:flex;flex-direction:column;gap:6px}.iso-drag-handle{cursor:grab;font-size:12px;color:var(--text-muted);opacity:.4;padding:0 2px;user-select:none;flex-shrink:0;transition:opacity .15s}.iso-drag-handle:hover{opacity:.9}.iso-drag-handle:active{cursor:grabbing}.iso-contour-card.iso-dragging{opacity:.35;border-style:dashed}.iso-contour-card.iso-drag-over{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.iso-contour-card{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color);overflow:hidden;transition:border-color .15s ease}.iso-contour-card:hover{border-color:var(--border-strong)}.iso-contour-header{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.iso-contour-vis{width:22px;height:22px;border:none;background:transparent;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:all .15s ease;padding:0;flex-shrink:0;opacity:.7}.iso-contour-vis.on{opacity:1}.iso-contour-vis.off{opacity:.35}.iso-contour-vis:hover{background:var(--bg-tertiary)}.iso-contour-label{font-weight:600;font-size:11px;color:var(--text-primary);flex:1}.iso-contour-area{font-family:SF Mono,Fira Code,monospace;font-size:9px;color:var(--text-muted);flex-shrink:0}.iso-contour-controls{padding:6px 8px;display:flex;flex-direction:column;gap:4px}.iso-ctrl-row{display:flex;align-items:center;gap:6px;height:22px}.iso-ctrl-label{font-size:9px;color:var(--text-muted);width:36px;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.iso-color-input{width:22px;height:22px;border:1px solid var(--border-color);border-radius:4px;padding:1px;cursor:pointer;background:var(--bg-secondary);flex-shrink:0}.iso-color-input::-webkit-color-swatch-wrapper{padding:1px}.iso-color-input::-webkit-color-swatch{border:none;border-radius:2px}.iso-opacity-slider,.iso-width-slider{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:var(--border-color);border-radius:2px;outline:none}.iso-opacity-slider::-webkit-slider-thumb,.iso-width-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #00000040}.iso-opacity-slider::-moz-range-thumb,.iso-width-slider::-moz-range-thumb{width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #00000040}.iso-opacity-val,.iso-width-val{font-family:SF Mono,Fira Code,monospace;font-size:9px;color:var(--text-muted);min-width:28px;text-align:right;flex-shrink:0}.env-summary-card{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px}.env-summary-row{display:flex;align-items:center;gap:6px;padding:5px 8px;background:var(--bg-tertiary);border-radius:var(--radius-xs);font-size:10px;color:var(--text-secondary)}.env-summary-row strong{margin-left:auto;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;font-size:11px}.env-sum-icon{font-size:12px;flex-shrink:0}.env-chart-grid{display:flex;flex-direction:column;gap:8px}.env-chart-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:8px 4px 4px;overflow-x:auto}.env-chart-item svg{display:block;margin:0 auto;max-width:100%;height:auto}.presentation-tab{display:flex;width:100%;height:100%;background:var(--bg-primary)}.pres-sidebar{width:260px;min-width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.pres-sidebar-header h3{font-size:13px;font-weight:600;color:var(--text-primary);margin:0}.pres-add-slide{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pres-add-slide:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.pres-slides-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:12px}.pres-slide-thumb{position:relative;aspect-ratio:16 / 9;min-height:120px;flex-shrink:0;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all var(--transition-fast)}.pres-slide-thumb:hover{border-color:var(--text-muted)}.pres-slide-thumb.active{border-color:var(--accent-color);box-shadow:0 0 0 2px #f59e0b33}.pres-slide-thumb img{width:100%;height:100%;object-fit:contain;background:#1a1a2e}.pres-slide-thumb .slide-number{position:absolute;bottom:4px;left:4px;padding:2px 6px;background:#000000b3;border-radius:3px;font-size:10px;font-weight:600;color:#fff}.pres-slide-thumb .slide-delete{position:absolute;top:4px;right:4px;width:20px;height:20px;display:none;align-items:center;justify-content:center;background:#ef4444e6;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px}.pres-slide-thumb:hover .slide-delete{display:flex}.pres-sidebar-actions{padding:12px;border-top:1px solid var(--border-color)}.pres-import-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pres-import-btn:hover{background:var(--bg-hover);border-color:var(--accent-color);color:var(--accent-color)}.pres-main{flex:1;display:flex;flex-direction:column;min-width:0;background:#1a1a2e}.pres-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.pres-tool-group{display:flex;gap:2px}.pres-tool{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.pres-tool:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pres-tool.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.pres-tool-divider{width:1px;height:24px;background:var(--border-color);margin:0 8px}.pres-zoom-controls{display:flex;align-items:center;gap:4px}.pres-zoom-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pres-zoom-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.pres-zoom-level{min-width:50px;text-align:center;font-size:12px;font-weight:500;color:var(--text-secondary)}.pres-canvas-container{flex:1;position:relative;overflow:hidden;background:#1a1a2e;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.05) 1px,transparent 0);background-size:20px 20px}.pres-canvas-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 40px #00000080;transition:transform .1s ease}#pres-canvas{display:block;background:#fff}.pres-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px}.pres-empty-state svg{color:var(--text-muted);margin-bottom:16px;opacity:.5}.pres-empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.pres-empty-state p{font-size:13px;color:var(--text-muted);margin:0 0 24px;max-width:300px}.pres-empty-actions{display:flex;gap:12px}.pres-empty-state.hidden{display:none}.pres-properties{width:240px;min-width:240px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column}.pres-props-header{padding:12px 14px;border-bottom:1px solid var(--border-color)}.pres-props-header h4{font-size:13px;font-weight:600;color:var(--text-primary);margin:0}.pres-props-content{flex:1;overflow-y:auto;padding:12px}.pres-props-empty{display:flex;align-items:center;justify-content:center;height:100px;text-align:center;color:var(--text-muted);font-size:12px}.pres-props-section{padding:12px;border-top:1px solid var(--border-color)}.pres-props-section h5{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.pres-export-btns{display:flex;gap:8px}.pres-export-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pres-export-btn:hover{background:var(--bg-hover);border-color:var(--accent-color);color:var(--accent-color)}.pres-prop-group{margin-bottom:16px}.pres-prop-label{display:block;font-size:11px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.pres-prop-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pres-prop-input{flex:1;padding:8px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px}.pres-prop-input:focus{outline:none;border-color:var(--accent-color)}.pres-prop-color{width:32px;height:32px;padding:2px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.pres-prop-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:2px}.pres-prop-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent-color);border-radius:50%;cursor:pointer}.pres-import-modal{position:fixed;inset:0;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:10000}.pres-import-modal.show{display:flex}.pres-import-content{width:500px;max-width:90vw;max-height:80vh;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.pres-import-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.pres-import-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.pres-import-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:18px}.pres-import-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pres-import-body{flex:1;overflow-y:auto;padding:20px}.pres-import-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.pres-import-item{position:relative;aspect-ratio:16 / 9;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all var(--transition-fast)}.pres-import-item:hover{border-color:var(--text-muted)}.pres-import-item.selected{border-color:var(--accent-color)}.pres-import-item.selected:after{content:"✓";position:absolute;top:6px;right:6px;width:20px;height:20px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.pres-import-item img{width:100%;height:100%;object-fit:cover}.pres-import-item .item-label{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;background:#000000b3;font-size:10px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pres-import-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--text-muted)}.pres-import-empty svg{margin-bottom:12px;opacity:.5}.pres-import-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color)}.pres-selection-box{position:absolute;border:2px solid var(--accent-color);background:#f59e0b1a;pointer-events:none}.pres-resize-handle{position:absolute;width:10px;height:10px;background:#fff;border:2px solid var(--accent-color);border-radius:2px;cursor:pointer}.pres-resize-handle.nw{top:-5px;left:-5px;cursor:nw-resize}.pres-resize-handle.ne{top:-5px;right:-5px;cursor:ne-resize}.pres-resize-handle.sw{bottom:-5px;left:-5px;cursor:sw-resize}.pres-resize-handle.se{bottom:-5px;right:-5px;cursor:se-resize}.pres-resize-handle.n{top:-5px;left:50%;transform:translate(-50%);cursor:n-resize}.pres-resize-handle.s{bottom:-5px;left:50%;transform:translate(-50%);cursor:s-resize}.pres-resize-handle.e{top:50%;right:-5px;transform:translateY(-50%);cursor:e-resize}.pres-resize-handle.w{top:50%;left:-5px;transform:translateY(-50%);cursor:w-resize}.slide-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bg-tertiary);color:var(--text-muted)}.pres-color-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.pres-color-preset{width:100%;aspect-ratio:1;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.pres-color-preset:hover{transform:scale(1.1);border-color:var(--text-primary)}.pres-style-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.pres-style-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.pres-style-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.pres-line-style-btns{display:flex;gap:6px}.pres-line-style-btn{flex:1;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pres-line-style-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.pres-line-style-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.pres-line-style-btn svg{pointer-events:none}.pres-prop-actions{display:flex;gap:8px;padding-top:12px;margin-top:12px;border-top:1px solid var(--border-color)}.pres-prop-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px}.btn-danger{background:#ef444426;border-color:#ef44444d;color:#ef4444}.btn-danger:hover{background:#ef444440;border-color:#ef4444}.btn-sm{padding:8px 12px;font-size:11px}.pres-modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.pres-modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.pres-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.pres-modal-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.pres-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:20px;cursor:pointer;transition:all var(--transition-fast)}.pres-modal-close:hover{background:#ef4444;border-color:#ef4444;color:#fff}.pres-modal-body{padding:20px}.pres-modal-footer{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px}.callout-shape-btn{display:flex;flex-direction:column;align-items:center;color:var(--text-primary);transition:all var(--transition-fast)}.callout-shape-btn:hover{background:var(--bg-primary)!important}.callout-shape-btn svg{color:var(--text-secondary)}.pres-slide-thumb{position:relative;transition:all var(--transition-fast)}.pres-slide-thumb.dragging{opacity:.5;transform:scale(.95)}.pres-slide-thumb.drag-over{border-color:var(--accent-color);background:#f59e0b26}.slide-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bg-tertiary);color:var(--text-muted)}.slide-placeholder .element-count{position:absolute;bottom:4px;right:4px;font-size:9px;background:var(--accent-color);color:#fff;padding:2px 5px;border-radius:10px}.slide-actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.pres-slide-thumb:hover .slide-actions{opacity:1}.slide-action-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.slide-action-btn:hover{background:var(--accent-color)}.slide-action-btn.danger:hover{background:#ef4444}.pres-export-progress{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10001}.pres-export-progress .progress-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080}.pres-export-progress .progress-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.pres-export-progress .progress-text{font-size:14px;color:var(--text-primary)}.pres-export-progress .progress-bar{width:200px;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.pres-export-progress .progress-fill{height:100%;background:var(--accent-color);border-radius:3px;transition:width .3s ease}@keyframes spin{to{transform:rotate(360deg)}}.pres-export-btn.secondary{background:var(--bg-tertiary);border:1px solid var(--border-color)}.pres-export-btn.secondary:hover{border-color:var(--text-muted)}.pres-export-btn.pptx-btn{background:linear-gradient(135deg,#c05621,#d97706);border-color:#d97706;color:#fff;font-weight:600}.pres-export-btn.pptx-btn:hover{background:linear-gradient(135deg,#d97706,#f59e0b);border-color:#f59e0b;box-shadow:0 2px 12px #f59e0b4d}.pres-layers-section{border-top:1px solid var(--border-color);padding-top:12px}.pres-layers-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pres-layers-header h5{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0}.pres-layers-actions{display:flex;gap:4px}.pres-layer-action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pres-layer-action-btn:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--text-muted)}.pres-layers-list{max-height:200px;overflow-y:auto;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.pres-layers-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:11px}.pres-layer-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.pres-layer-item:last-child{border-bottom:none}.pres-layer-item:hover{background:var(--bg-primary)}.pres-layer-item.selected{background:#f59e0b26;border-left:2px solid var(--accent-color)}.pres-layer-item.locked{opacity:.5}.pres-layer-item.layer-hidden{opacity:.3}.pres-layer-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);font-size:10px}.pres-layer-name{flex:1;font-size:11px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pres-layer-controls{display:flex;gap:2px;opacity:.5;transition:opacity var(--transition-fast)}.pres-layer-item:hover .pres-layer-controls{opacity:1}.pres-layer-ctrl-btn{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.pres-layer-ctrl-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.pres-layer-ctrl-btn.active{color:var(--accent-color)}.pres-layer-context-menu{position:fixed;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;padding:6px 0;z-index:10001;display:none;min-width:150px}.pres-layer-context-menu.show{display:block}.pres-layer-ctx-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;background:none;border:none;color:var(--text-primary);font-size:12px;cursor:pointer;transition:background var(--transition-fast);text-align:left}.pres-layer-ctx-item:hover{background:var(--bg-tertiary)}.pres-layer-ctx-item.danger{color:#ef4444}.pres-layer-ctx-item.danger:hover{background:#ef44441a}.pres-layer-ctx-divider{height:1px;background:var(--border-color);margin:4px 0}.pres-project-settings{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.pres-project-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;user-select:none;transition:background var(--transition-fast)}.pres-project-header:hover{background:#ffffff0d}.pres-project-header h5{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;color:var(--text-primary)}.pres-toggle-arrow{transition:transform var(--transition-fast);color:var(--text-muted)}.pres-project-settings.collapsed .pres-toggle-arrow{transform:rotate(-90deg)}.pres-project-content{padding:12px 14px 14px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.pres-project-settings.collapsed .pres-project-content{display:none}.pres-prop-group{display:flex;flex-direction:column;gap:4px}.pres-prop-group label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.pres-prop-group input[type=text],.pres-prop-group input[type=date]{width:100%;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;transition:border-color var(--transition-fast)}.pres-prop-group input:focus{outline:none;border-color:var(--accent-color)}.pres-prop-group input::placeholder{color:var(--text-muted);opacity:.6}.pres-logos-row{display:grid;grid-template-columns:1fr;gap:12px}.pres-logo-upload{display:flex;flex-direction:column;gap:4px}.pres-logo-upload label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.pres-logo-preview{width:100%;height:50px;background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all var(--transition-fast)}.pres-logo-preview:hover{border-color:var(--accent-color);background:#f59e0b0d}.pres-logo-preview span{font-size:10px;color:var(--text-muted)}.pres-logo-preview img{max-width:100%;max-height:100%;object-fit:contain;padding:4px}.pres-logo-size-control{display:flex;align-items:center;gap:6px;margin-top:6px}.pres-logo-size-control label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;min-width:24px}.pres-logo-size-control input[type=range]{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:2px;cursor:pointer}.pres-logo-size-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent-color, #F59E0B);cursor:pointer}.pres-logo-size-value{font-size:9px;color:var(--text-secondary);min-width:22px;text-align:right;font-family:JetBrains Mono,monospace}.pres-color-row{display:flex;gap:8px;align-items:center}.pres-color-row input[type=color]{width:36px;height:32px;padding:2px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.pres-color-hex{flex:1;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;font-family:monospace}.pres-generate-cover-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;background:var(--accent-color);border:none;border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:4px}.pres-generate-cover-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.pres-generate-cover-btn:active{transform:translateY(0)}.pres-refresh-slides-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);margin-top:4px}.pres-refresh-slides-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:#f59e0b0d}.pres-refresh-slides-btn:active{transform:translateY(0)}.pres-refresh-slides-btn.refreshing{pointer-events:none;opacity:.7}.pres-refresh-slides-btn.refreshing svg{animation:spin 1s linear infinite}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.pres-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-color)}.pres-header-actions{display:flex;gap:4px}.pres-add-section{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pres-add-section:hover{background:#6366f1;border-color:#6366f1;color:#fff}.pres-templates-panel{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.pres-templates-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;cursor:pointer;user-select:none;font-size:11px;color:var(--text-muted);transition:background var(--transition-fast)}.pres-templates-header:hover{background:#ffffff08}.pres-toggle-icon{transition:transform var(--transition-fast);opacity:.5}.pres-templates-panel.collapsed .pres-toggle-icon{transform:rotate(-90deg)}.pres-templates-content{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 10px 12px}.pres-templates-panel.collapsed .pres-templates-content{display:none}.pres-template-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:9px;cursor:pointer;transition:all var(--transition-fast);min-height:50px}.pres-template-btn:hover{border-color:var(--accent-color);background:#f59e0b1a;color:var(--text-primary)}.pres-template-btn.created{opacity:.5;border-color:#22c55e}.pres-template-btn.created:after{content:"✓";position:absolute;top:2px;right:4px;font-size:8px;color:#22c55e}.pres-template-btn{position:relative}.template-num{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--accent-color);color:#fff;border-radius:50%;font-size:10px;font-weight:600}.pres-templates-actions{display:flex;gap:6px;padding:0 10px 10px}.pres-auto-generate-btn,.pres-reorder-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:9px;cursor:pointer;transition:all var(--transition-fast)}.pres-auto-generate-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.pres-reorder-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff}.pres-templates-panel.collapsed .pres-templates-actions{display:none}.pres-automation-section{margin-top:8px;padding-top:12px;border-top:1px solid var(--border-color)}.pres-section-label{display:block;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.pres-toggle-row{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:11px;color:var(--text-secondary)}.pres-toggle{position:relative;width:32px;height:18px;flex-shrink:0}.pres-toggle input{opacity:0;width:0;height:0}.pres-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:9px;transition:all var(--transition-fast)}.pres-toggle-slider:before{position:absolute;content:"";height:12px;width:12px;left:2px;bottom:2px;background:var(--text-muted);border-radius:50%;transition:all var(--transition-fast)}.pres-toggle input:checked+.pres-toggle-slider{background:var(--accent-color);border-color:var(--accent-color)}.pres-toggle input:checked+.pres-toggle-slider:before{transform:translate(14px);background:#fff}.pres-edit-labels-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;padding:6px 10px;background:transparent;border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:10px;cursor:pointer;transition:all var(--transition-fast)}.pres-edit-labels-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:#f59e0b0d}.pres-labels-list{display:flex;flex-direction:column;gap:8px}.pres-label-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.pres-label-row .label-group-name{flex:0 0 140px;font-size:11px;color:var(--text-secondary)}.pres-label-row .label-input{flex:1;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.pres-label-row .label-input:focus{outline:none;border-color:var(--accent-color)}.pres-label-row .label-input::placeholder{color:var(--text-muted);text-transform:none}.pres-north-arrow-section{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-color)}.pres-north-preview-row{display:flex;align-items:center;gap:10px;margin-top:8px}.pres-north-preview{width:50px;height:50px;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--text-muted);transition:all var(--transition-fast);overflow:hidden}.pres-north-preview:hover{border-color:var(--accent-color);background:#f59e0b0d}.pres-north-preview img{width:100%;height:100%;object-fit:contain}.pres-north-actions{display:flex;flex-direction:column;gap:4px}.pres-north-upload-btn,.pres-north-reset-btn{padding:4px 10px;font-size:10px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pres-north-upload-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.pres-north-reset-btn{border-color:#ef4444;color:#ef4444}.pres-north-reset-btn:hover{background:#ef44441a}.pres-slide-thumb{position:relative}.pres-slide-thumb .slide-type-badge{position:absolute;top:4px;right:4px;padding:2px 6px;background:#000000b3;border-radius:3px;font-size:8px;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.pres-slide-thumb[data-type=cover] .slide-type-badge{background:#f59e0b;color:#fff}.pres-slide-thumb[data-type=section-divider] .slide-type-badge{background:#6366f1;color:#fff}.pres-slide-thumb[data-type=content] .slide-type-badge{background:#10b981;color:#fff}.pres-slide-thumb .slide-label-edit{position:absolute;bottom:22px;left:4px;right:4px;padding:3px 6px;background:#000c;border:none;border-radius:3px;font-size:9px;color:#fff;outline:none;display:none}.pres-slide-thumb.editing .slide-label-edit{display:block}.pres-slide-thumb .slide-label{position:absolute;bottom:22px;left:4px;right:4px;padding:2px 4px;font-size:8px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text}.pres-slide-thumb:hover .slide-label{background:#00000080;border-radius:2px}.design-tab-v2{display:flex;flex-direction:column;width:100%;height:100%;flex:1;overflow:hidden}.dsn-subtabs-bar{display:flex;align-items:center;gap:2px;padding:6px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow-x:auto;overflow-y:hidden;flex-shrink:0;scrollbar-width:thin}.dsn-subtabs-bar::-webkit-scrollbar{height:3px}.dsn-subtabs-bar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.dsn-subtab{display:flex;align-items:center;gap:5px;padding:7px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.dsn-subtab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dsn-subtab.active{background:var(--tab-design-light);color:var(--tab-design);font-weight:600}.dsn-subtab-icon{font-size:14px;line-height:1}.dsn-subtab-label{font-size:11px}.dsn-content-area{display:flex;flex:1;overflow:hidden}.dsn-sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.dsn-panel-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0}.dsn-panel-scroll::-webkit-scrollbar{width:5px}.dsn-panel-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.dsn-panel-section{padding:14px 16px;border-bottom:1px solid var(--border-color)}.dsn-panel-section:last-child{border-bottom:none}.dsn-tree-settings-area{flex-shrink:1;overflow-y:auto;overflow-x:hidden;border-bottom:1px solid var(--border-color)}.dsn-tree-settings-area::-webkit-scrollbar{width:5px}.dsn-tree-settings-area::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.dsn-tree-layers-area{flex:1;display:flex;flex-direction:column;min-height:80px;overflow:hidden}.dsn-tree-layers-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 16px 10px;min-height:0}.dsn-tree-layers-list::-webkit-scrollbar{width:5px}.dsn-tree-layers-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.dsn-panel-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 10px}.dsn-label{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.dsn-hint{font-size:11px;color:var(--text-muted);line-height:1.5;margin-top:6px}.dsn-input{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:13px;margin-bottom:8px;transition:border-color var(--transition-fast)}.dsn-input:focus{outline:none;border-color:var(--tab-design);box-shadow:0 0 0 2px var(--tab-design-light)}.dsn-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.dsn-btn-primary{background:var(--tab-design);color:#fff}.dsn-btn-primary:hover{background:var(--accent-hover)}.dsn-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.dsn-btn-secondary:hover{background:var(--bg-quaternary)}.dsn-btn-sm{padding:6px 10px;font-size:11px}.dsn-btn-full{width:100%}.dsn-btn:disabled{opacity:.4;cursor:not-allowed}.dsn-search-box{display:flex;gap:4px;margin-bottom:8px}.dsn-search-box .dsn-input{flex:1;margin-bottom:0}.dsn-search-results{max-height:140px;overflow-y:auto;margin-bottom:8px}.dsn-search-result{padding:8px 10px;border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-color)}.dsn-search-result:hover{background:var(--tab-design-light)}.dsn-result-name{display:block;font-size:12px;font-weight:500;color:var(--text-primary)}.dsn-result-type{font-size:10px;color:var(--text-muted)}.dsn-quick-places{display:flex;flex-wrap:wrap;gap:4px}.dsn-chip{padding:5px 10px;border-radius:var(--radius-full);background:var(--tab-design-light);border:1px solid transparent;color:var(--tab-design);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.dsn-chip:hover{background:var(--tab-design);color:#fff}.dsn-row{display:flex;gap:8px}.dsn-field{flex:1}.dsn-status-box{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-tertiary);font-size:11px;color:var(--text-secondary)}.dsn-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.dsn-status-dot.active{background:var(--success)}.dsn-viewport{flex:1;position:relative;background:#1a1d23;overflow:hidden}.dsn-viewport canvas{display:block;width:100%!important;height:100%!important}.dsn-nav-controls{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:10}.dsn-nav-group{display:flex;flex-direction:column;background:#fffffff2;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.dsn-nav-btn{width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.dsn-nav-btn:hover{background:var(--tab-design-light);color:var(--tab-design)}.dsn-nav-btn:active{background:var(--tab-design);color:#fff}.dsn-nav-group .dsn-nav-btn:not(:last-child){border-bottom:1px solid var(--border-color)}.dsn-toolbar{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:4px;background:#fffffff2;border-radius:var(--radius-md);padding:4px;box-shadow:var(--shadow-md);z-index:10}.dsn-toolbar-btn{width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.dsn-toolbar-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.dsn-toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.dsn-toolbar-divider{width:1px;background:var(--border-color);margin:4px 2px}.dsn-coords-display{position:absolute;bottom:12px;left:12px;display:flex;gap:12px;padding:6px 10px;background:#ffffffe6;border-radius:var(--radius-sm);font-size:10px;color:var(--text-secondary);font-family:JetBrains Mono,monospace;z-index:10;box-shadow:var(--shadow-xs)}.dsn-coords-display span{white-space:nowrap}.dsn-toggle-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer;margin-bottom:10px;font-size:12px;color:var(--text-secondary);transition:background var(--transition-fast)}.dsn-toggle-row:hover{background:var(--bg-quaternary)}.dsn-toggle-row input[type=checkbox]{accent-color:var(--tab-design);width:15px;height:15px;cursor:pointer}.dsn-toggle-label{font-size:12px;font-weight:500;user-select:none}.dsn-transform-btns{flex-wrap:wrap}.dsn-transform-btns .dsn-btn-sm{flex:1;min-width:70px;text-align:center;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary)}.dsn-transform-btns .dsn-btn-sm:hover{border-color:var(--tab-design);color:var(--tab-design);background:var(--tab-design-light)}.dsn-transform-btns .dsn-btn-active{border-color:var(--tab-design)!important;background:var(--tab-design-light)!important;color:var(--tab-design)!important;font-weight:600;animation:none}.dsn-btn-group{display:flex;gap:6px;margin-bottom:10px}.dsn-btn-danger{background:#ef4444;color:#fff}.dsn-btn-danger:hover{background:#dc2626}.dsn-btn-active{background:var(--success);color:#fff;animation:dsn-pulse 1.5s ease-in-out infinite}@keyframes dsn-pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.dsn-draw-status{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary)}.dsn-status-active{background:var(--success)!important;animation:dsn-blink 1s ease-in-out infinite}@keyframes dsn-blink{0%,to{opacity:1}50%{opacity:.3}}.dsn-shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dsn-shape-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);font-size:10px;cursor:pointer;transition:all var(--transition-fast)}.dsn-shape-btn:hover{border-color:var(--tab-design);color:var(--tab-design);background:var(--tab-design-light)}.dsn-shape-btn.active{border-color:var(--tab-design);background:var(--tab-design-light);color:var(--tab-design);font-weight:600}.dsn-shape-preview{width:24px;height:24px;border:2px solid currentColor;opacity:.6}.dsn-shape-rectangle{border-radius:2px}.dsn-shape-triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.dsn-shape-pentagon{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.dsn-shape-hexagon{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.dsn-shape-octagon{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}.dsn-shape-circle{border-radius:50%}.dsn-landuse-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.dsn-landuse-btn{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.dsn-landuse-btn:hover{border-color:var(--tab-design);background:var(--tab-design-light)}.dsn-landuse-btn.active{border-color:var(--tab-design);background:var(--tab-design-light);color:var(--text-primary);font-weight:600}.dsn-landuse-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.dsn-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--border-color);border-radius:2px;outline:none;cursor:pointer}.dsn-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--tab-design);cursor:pointer}.dsn-input-sm{width:60px;padding:5px 6px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:12px;text-align:center}.dsn-unit{font-size:11px;color:var(--text-muted);flex-shrink:0}.dsn-layer-list{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto}.dsn-layer-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-primary);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.dsn-layer-item:hover{background:var(--bg-tertiary)}.dsn-layer-item.selected{border-color:var(--tab-design);background:var(--tab-design-light)}.dsn-layer-item.locked{opacity:.6}.dsn-layer-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.dsn-layer-color{width:14px;height:14px;border-radius:3px;flex-shrink:0;border:1px solid rgba(0,0,0,.15)}.dsn-layer-name{font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsn-layer-actions{display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.dsn-layer-item:hover .dsn-layer-actions,.dsn-layer-item.selected .dsn-layer-actions{opacity:1}.dsn-layer-btn{width:26px;height:26px;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.dsn-layer-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.dsn-layer-btn-danger:hover{background:#fef2f2;color:#ef4444}.dsn-layer-props{background:var(--bg-tertiary);border-top:2px solid var(--tab-design)}.dsn-prop-row{margin-bottom:10px}.dsn-input-row{display:flex;align-items:center;gap:8px}.dsn-prop-label{display:block;font-size:11px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.dsn-select{width:100%;padding:7px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:12px;cursor:pointer}.dsn-color-input{width:100%;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:2px 4px;background:var(--bg-primary)}.dsn-prop-actions{display:flex;gap:6px;margin-top:12px}.dsn-subtab-icon svg{width:16px;height:16px;display:block}.dsn-panel-title svg{width:16px;height:16px;vertical-align:-3px;margin-right:4px}.dsn-options-list{display:flex;flex-direction:column;gap:8px}.dsn-option-card{background:var(--bg-dark, #1a1a2e);border:1px solid var(--border, #333);border-radius:8px;padding:10px 12px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.dsn-option-card:hover{border-color:var(--accent, #6c5ce7)}.dsn-option-card.active{border-color:var(--accent, #6c5ce7);box-shadow:0 0 0 2px #6c5ce740}.dsn-option-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.dsn-option-swatch{width:14px;height:14px;border-radius:50%;flex-shrink:0}.dsn-option-name{font-weight:600;font-size:13px;flex:1}.dsn-option-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--accent, #6c5ce7);background:#6c5ce726;padding:2px 8px;border-radius:10px}.dsn-option-meta{font-size:11px;color:var(--text-muted, #888);margin-bottom:8px}.dsn-option-actions{display:flex;gap:4px;flex-wrap:wrap}.dsn-compare-grid{display:flex;flex-direction:column;gap:6px}.dsn-compare-toggle{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer;padding:4px 0}.dsn-compare-toggle input[type=checkbox]{accent-color:var(--accent, #6c5ce7)}.dsn-compare-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.dsn-compliance-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dsn-comp-card{background:var(--bg-dark, #1a1a2e);border:1px solid var(--border, #333);border-radius:8px;padding:10px;text-align:center}.dsn-comp-card-value{font-size:18px;font-weight:700;color:var(--text, #eee);line-height:1.2}.dsn-comp-card-unit{font-size:11px;font-weight:400;color:var(--text-muted, #888);margin-left:2px}.dsn-comp-card-label{font-size:10px;color:var(--text-muted, #888);margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.dsn-compliance-table{display:flex;flex-direction:column;font-size:11px;border:1px solid var(--border, #333);border-radius:6px;overflow:hidden}.dsn-comp-row{display:grid;grid-template-columns:2fr 1fr 1fr .5fr .5fr;gap:4px;padding:6px 8px;align-items:center;border-bottom:1px solid var(--border, #333)}.dsn-comp-row:last-child{border-bottom:none}.dsn-comp-header{background:var(--bg-dark, #1a1a2e);font-weight:600;text-transform:uppercase;font-size:10px;color:var(--text-muted, #888);letter-spacing:.5px}.dsn-compliance-items{display:flex;flex-direction:column;gap:6px}.dsn-comp-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-dark, #1a1a2e);border-radius:6px;font-size:12px}.dsn-comp-status{flex-shrink:0;display:inline-flex}.dsn-comp-pass{color:#4caf50}.dsn-comp-fail{color:#f44336}.dsn-comp-warn{color:#ff9800}.dsn-comp-neutral{color:var(--text-muted, #888)}.dsn-comp-item-label{flex:1;font-weight:500}.dsn-comp-item-value{font-weight:600}.dsn-comp-item-target{color:var(--text-muted, #888);font-size:11px}.dsn-btn-full{width:100%;justify-content:center}.dsn-status-box{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-dark, #1a1a2e);border-radius:6px;font-size:13px;font-weight:600}.dsn-select{width:100%;padding:6px 10px;border:1px solid var(--border, #333);border-radius:6px;background:var(--bg-dark, #1a1a2e);color:var(--text, #eee);font-size:12px;outline:none}.dsn-select:focus{border-color:var(--accent, #6c5ce7)}.dsn-datum-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.dsn-datum-type-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--bg-primary, #1a1a2e);color:var(--text-secondary, #aaa);cursor:pointer;transition:all .2s ease;font-size:11px}.dsn-datum-type-btn:hover{border-color:#fff3;background:var(--bg-tertiary, #2a2a3e);color:var(--text-primary, #eee)}.dsn-datum-type-btn.active{border-color:var(--tab-design, #6c5ce7);background:#6c5ce726;color:var(--text-primary, #fff);box-shadow:0 0 8px #6c5ce740}.dsn-datum-type-icon{font-size:20px;line-height:1}.dsn-datum-type-label{font-size:10px;font-weight:500}.dsn-prop-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.dsn-prop-label{display:block;font-size:12px;color:var(--text-secondary, #aaa);font-weight:500;margin-bottom:4px}.dsn-input-sm{width:80px;padding:5px 8px;border:1px solid var(--border-color, #333);border-radius:6px;background:var(--bg-primary, #1a1a2e);color:var(--text-primary, #eee);font-size:12px;text-align:right}.dsn-input-sm:focus{outline:none;border-color:var(--tab-design, #6c5ce7);box-shadow:0 0 0 2px #6c5ce733}.dsn-datum-toggles{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.dsn-datum-toggle{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;font-size:12px;color:var(--text-secondary, #aaa);cursor:pointer;transition:background .15s}.dsn-datum-toggle:hover{background:var(--bg-tertiary, #2a2a3e);color:var(--text-primary, #eee)}.dsn-datum-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid var(--border-color, #444);border-radius:4px;background:var(--bg-primary, #1a1a2e);cursor:pointer;position:relative;transition:all .15s;flex-shrink:0}.dsn-datum-toggle input[type=checkbox]:checked{background:var(--tab-design, #6c5ce7);border-color:var(--tab-design, #6c5ce7)}.dsn-datum-toggle input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.dsn-btn-group{display:flex;gap:6px;margin-bottom:8px}.dsn-layer-list{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}.dsn-layer-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;background:var(--bg-primary, #1a1a2e);border:1px solid transparent;cursor:pointer;transition:all .15s}.dsn-layer-item:hover{background:var(--bg-tertiary, #2a2a3e);border-color:#ffffff14}.dsn-layer-item.selected{border-color:var(--tab-design, #6c5ce7);background:#6c5ce71a}.dsn-layer-left{display:flex;align-items:center;gap:8px;min-width:0}.dsn-layer-color{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.dsn-layer-name{font-size:12px;font-weight:500;color:var(--text-primary, #eee);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsn-layer-actions{display:flex;gap:2px;flex-shrink:0}.dsn-layer-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #888);cursor:pointer;transition:all .15s}.dsn-layer-btn:hover{background:var(--bg-tertiary, #333);color:var(--text-primary, #fff)}.dsn-layer-btn-danger:hover{background:#ef444433;color:#ef4444}.dsn-mode-tabs{display:flex;gap:2px;background:var(--bg-primary, #1a1a2e);border-radius:8px;padding:3px;border:1px solid var(--border-color, #333)}.dsn-mode-tab{flex:1;padding:7px 6px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #888);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap}.dsn-mode-tab:hover{color:var(--text-primary, #eee);background:#ffffff0f}.dsn-mode-tab.active{background:var(--tab-design, #6c5ce7);color:#fff;box-shadow:0 2px 6px #6c5ce759}#tab-renderer .narr-tool-tab.active{background:var(--tab-renderer-light);color:var(--tab-renderer);font-weight:600}.rndr-subtool-panel{flex:1;display:flex;min-height:0;overflow:hidden}.rndr-layout{display:flex;flex:1;min-height:0;overflow:hidden;background:var(--bg-primary)}.rndr-captures-panel{width:200px;min-width:200px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.rndr-history-panel{width:200px;min-width:200px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.rndr-panel-header{padding:12px 14px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.rndr-panel-header-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.rndr-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:var(--radius-full);background:var(--tab-renderer-light);color:var(--tab-renderer)}.rndr-icon-sm{width:14px;height:14px}.rndr-icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.rndr-icon-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.rndr-captures-list{flex:1;overflow-y:auto;padding:8px}.rndr-capture-item{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;background:var(--bg-tertiary);margin-bottom:8px}.rndr-capture-item:hover{border-color:var(--border-strong)}.rndr-capture-item.selected{border-color:var(--tab-renderer);box-shadow:0 0 0 2px #f9731626}.rndr-capture-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.rndr-capture-info{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:4px 6px;background:linear-gradient(transparent,#0009)}.rndr-capture-source{font-size:10px;font-weight:600;color:#fff;background:#0006;padding:1px 6px;border-radius:var(--radius-xs)}.rndr-capture-delete{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:2px;opacity:0;transition:opacity .15s;display:flex;align-items:center}.rndr-capture-item:hover .rndr-capture-delete{opacity:1}.rndr-capture-delete:hover{color:#fff}.rndr-empty-panel{text-align:center;padding:24px 12px;color:var(--text-muted)}.rndr-empty-icon{width:28px;height:28px;opacity:.35;margin-bottom:8px}.rndr-empty-text{font-size:11px;line-height:1.5}.rndr-viewport-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative}.rndr-viewport-header{padding:10px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--bg-secondary)}.rndr-viewport-title{font-size:12px;font-weight:500;color:var(--text-secondary)}.rndr-viewport-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-tertiary);position:relative}.rndr-viewport-empty{text-align:center;color:var(--text-muted)}.rndr-viewport-empty-icon{width:48px;height:48px;opacity:.3;margin-bottom:12px}.rndr-viewport-empty-text{font-size:13px;line-height:1.6}.rndr-single-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.rndr-single-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.rndr-ba-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12px}.rndr-ba-wrapper{position:relative;width:100%;max-height:95%;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);user-select:none;-webkit-user-select:none}.rndr-ba-before{width:100%;height:auto;display:block;pointer-events:none}.rndr-ba-after{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:inset(0 50% 0 0)}.rndr-ba-after img{width:100%;height:100%;object-fit:cover;pointer-events:none}.rndr-ba-handle{position:absolute;top:0;left:50%;width:3px;height:100%;background:#fff;cursor:ew-resize;transform:translate(-50%);box-shadow:0 0 8px #0006;z-index:10}.rndr-ba-handle:before{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.rndr-ba-handle:after{content:"◀▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:var(--text-secondary);z-index:2;letter-spacing:2px}.rndr-ba-labels{position:absolute;bottom:14px;left:14px;right:14px;display:flex;justify-content:space-between;pointer-events:none;z-index:5}.rndr-ba-label{background:#000000a6;color:#fff;padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.rndr-progress-container{padding:0 16px 8px;display:none;flex-shrink:0;background:var(--bg-secondary)}.rndr-progress-container.active{display:block}.rndr-progress-bar-track{height:5px;background:var(--bg-quaternary);border-radius:3px;overflow:hidden}.rndr-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--tab-renderer),#EA580C);border-radius:3px;transition:width .3s ease}.rndr-progress-fill.completed{background:var(--success);width:100%}.rndr-progress-info{font-size:10px;color:var(--text-muted);margin-top:4px;display:flex;justify-content:space-between}.rndr-progress-info.completed{color:var(--success)}.rndr-toolbar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0;flex-wrap:nowrap;overflow-x:auto}.rndr-toolbar-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.rndr-toolbar-prompt-group{flex:1;min-width:120px}.rndr-toolbar-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.rndr-toolbar-divider{width:1px;height:24px;background:var(--border-color);flex-shrink:0}.rndr-toolbar-select{padding:5px 8px;font-size:11px;font-family:inherit;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;outline:none}.rndr-toolbar-select:focus{border-color:var(--accent)}.rndr-toolbar-prompt{width:100%;padding:6px 10px;font-size:11px;font-family:inherit;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);outline:none}.rndr-toolbar-prompt:focus{border-color:var(--accent)}.rndr-toolbar-prompt::placeholder{color:var(--text-muted)}.rndr-pill-group{display:flex;gap:2px;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px}.rndr-pill{padding:4px 8px;font-size:10px;font-weight:600;font-family:inherit;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.rndr-pill:hover{color:var(--text-primary)}.rndr-pill.active{background:var(--bg-secondary);color:var(--tab-renderer);box-shadow:var(--shadow-xs)}.rndr-batch-inline{display:flex;align-items:center;gap:6px}.rndr-batch-slider{width:60px;height:4px;accent-color:var(--tab-renderer);cursor:pointer}.rndr-batch-val{font-size:11px;font-weight:700;color:var(--tab-renderer);min-width:14px;text-align:center}.rndr-generate-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;font-size:12px;font-weight:600;font-family:inherit;background:linear-gradient(135deg,var(--tab-renderer),#EA580C);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;flex-shrink:0;transition:all .2s;box-shadow:0 2px 8px #f973164d}.rndr-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #f9731666}.rndr-generate-btn:disabled{opacity:.7;cursor:not-allowed}.rndr-generate-btn .rndr-icon-sm{width:14px;height:14px}.rndr-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rndr-spin .8s linear infinite}@keyframes rndr-spin{to{transform:rotate(360deg)}}.rndr-history-list{flex:1;overflow-y:auto;padding:8px}.rndr-history-item{border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;background:var(--bg-tertiary);margin-bottom:8px}.rndr-history-item:hover{border-color:var(--border-strong)}.rndr-history-item.active{border-color:var(--tab-renderer);box-shadow:0 0 0 2px #f9731626}.rndr-history-thumb-wrap{position:relative}.rndr-history-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.rndr-history-actions{position:absolute;top:4px;right:4px;display:flex;gap:3px;opacity:0;transition:opacity .15s}.rndr-history-item:hover .rndr-history-actions{opacity:1}.rndr-history-action-btn{background:#0009;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:background .15s}.rndr-history-action-btn:hover{background:#000c}.rndr-pres-btn:hover{background:var(--success)!important}.rndr-history-meta{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;font-size:10px}.rndr-history-time{color:var(--text-muted)}.rndr-history-model{font-weight:600;padding:1px 5px;border-radius:var(--radius-xs);background:#f973161a;color:var(--tab-renderer)}.rndr-toast{position:fixed;bottom:80px;right:24px;padding:10px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:#fff;z-index:var(--z-tooltip);transform:translate(120%);transition:transform .3s ease;pointer-events:none}.rndr-toast.success{background:linear-gradient(135deg,var(--success),#059669);box-shadow:0 4px 16px #10b98159}.rndr-toast.error{background:linear-gradient(135deg,var(--danger),#DC2626);box-shadow:0 4px 16px #ef444459}.rndr-toast.show{transform:translate(0)}.rndr-presets-backdrop{position:fixed;inset:0;background:#00000059;backdrop-filter:blur(2px);z-index:999;opacity:0;pointer-events:none;transition:opacity .2s ease}.rndr-presets-backdrop.show{opacity:1;pointer-events:auto}.rndr-presets-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:600;font-family:inherit;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all .2s;white-space:nowrap}.rndr-presets-btn:hover{background:var(--bg-quaternary, var(--bg-tertiary));border-color:var(--tab-renderer);color:var(--tab-renderer)}.rndr-presets-btn svg{flex-shrink:0}.rndr-presets-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.92);width:720px;max-height:80vh;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 16px 64px #00000059,0 4px 16px #00000026;z-index:1000;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.rndr-presets-popup.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.rndr-presets-popup.dragged,.rndr-presets-popup.dragged.show{transform:none!important}.rndr-presets-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0;cursor:grab;user-select:none}.rndr-presets-header:active{cursor:grabbing}.rndr-presets-header-left{display:flex;align-items:center;gap:8px}.rndr-presets-title{font-size:13px;font-weight:700;color:var(--text-primary)}.rndr-presets-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s;font-size:16px;line-height:1}.rndr-presets-close-btn:hover{border-color:var(--danger, #EF4444);color:var(--danger, #EF4444);background:#ef444414}.rndr-presets-header-actions{display:flex;align-items:center;gap:6px}.rndr-presets-add-btn{padding:4px 10px;font-size:11px;font-weight:600;font-family:inherit;background:var(--tab-renderer);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all .15s}.rndr-presets-add-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.rndr-presets-io-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s}.rndr-presets-io-btn:hover{border-color:var(--tab-renderer);color:var(--tab-renderer);background:var(--bg-quaternary, var(--bg-tertiary))}.rndr-presets-search-bar{padding:8px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.rndr-presets-search-input{width:100%;padding:7px 10px 7px 32px;font-size:12px;font-family:inherit;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;transition:border-color .15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center}.rndr-presets-search-input:focus{border-color:var(--tab-renderer)}.rndr-presets-search-input::placeholder{color:var(--text-muted)}.rndr-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:12px 16px;overflow-y:auto;flex:1;min-height:100px;max-height:calc(80vh - 120px)}.rndr-presets-empty{grid-column:1 / -1;text-align:center;padding:32px 12px;color:var(--text-muted);font-size:12px;line-height:1.6;display:flex;flex-direction:column;align-items:center;gap:8px}@keyframes rndr-preset-applied{0%{box-shadow:0 0 #f9731680}50%{box-shadow:0 0 0 6px #f9731633}to{box-shadow:0 0 #f9731600}}.rndr-preset-card.just-applied{animation:rndr-preset-applied .6s ease-out;border-color:var(--tab-renderer)!important}.rndr-preset-card{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;background:var(--bg-tertiary)}.rndr-preset-card:hover{border-color:var(--border-strong)}.rndr-preset-card.selected{border-color:var(--tab-renderer);box-shadow:0 0 0 2px #f9731633}.rndr-preset-thumb-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-quaternary, #2a2a2a)}.rndr-preset-thumb{width:100%;height:100%;object-fit:cover;display:block}.rndr-preset-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:.3}.rndr-preset-check{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:var(--radius-xs);border:2px solid rgba(255,255,255,.5);background:#0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;opacity:0;color:transparent}.rndr-preset-card:hover .rndr-preset-check,.rndr-preset-check.checked{opacity:1}.rndr-preset-check.checked{background:var(--tab-renderer);border-color:var(--tab-renderer);color:#fff}.rndr-preset-delete{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:var(--radius-xs);background:#00000080;border:none;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s}.rndr-preset-card:hover .rndr-preset-delete{opacity:1}.rndr-preset-delete:hover{background:var(--danger)}.rndr-preset-name{padding:4px 6px;font-size:10px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.rndr-preset-cms-badge{position:absolute;bottom:4px;right:4px;font-size:12px;line-height:1;background:#0000008c;border-radius:var(--radius-xs);padding:2px 4px;pointer-events:none}.rndr-preset-card.cms-preset{border-color:#f9731640}.rndr-preset-card.cms-preset .rndr-preset-name{color:var(--tab-renderer);font-weight:700}.rndr-presets-footer{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--border-color);flex-shrink:0}.rndr-presets-sel-count{font-size:11px;color:var(--text-muted);font-weight:500}.rndr-presets-clear-sel{font-size:10px;font-family:inherit;color:var(--text-muted);background:none;border:1px solid var(--border-color);border-radius:var(--radius-xs);padding:2px 8px;cursor:pointer;transition:all .15s}.rndr-presets-clear-sel:hover{border-color:var(--text-secondary);color:var(--text-primary)}.rndr-batch-render-btn{margin-left:auto;display:flex;align-items:center;gap:5px;padding:6px 14px;font-size:11px;font-weight:700;font-family:inherit;background:linear-gradient(135deg,var(--tab-renderer),#EA580C);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #f973164d;white-space:nowrap}.rndr-batch-render-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f9731666}.rndr-preset-modal{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.rndr-preset-modal.show{opacity:1;pointer-events:auto}.rndr-preset-modal-content{width:460px;max-height:85vh;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 12px 48px #00000059;display:flex;flex-direction:column;overflow:hidden;transform:translateY(8px);transition:transform .25s ease}.rndr-preset-modal.show .rndr-preset-modal-content{transform:translateY(0)}.rndr-preset-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.rndr-preset-modal-header h3{font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.rndr-preset-modal-close{background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;padding:4px;line-height:1}.rndr-preset-modal-close:hover{color:var(--text-primary)}.rndr-preset-modal-body{padding:20px;overflow-y:auto;flex:1}.rndr-preset-field{margin-bottom:16px}.rndr-preset-field:last-child{margin-bottom:0}.rndr-preset-field label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.rndr-preset-field label small{font-weight:400;color:var(--text-muted)}.rndr-preset-field input[type=text],.rndr-preset-field textarea{width:100%;padding:8px 12px;font-size:13px;font-family:inherit;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color .2s;box-sizing:border-box;resize:vertical}.rndr-preset-field input[type=text]:focus,.rndr-preset-field textarea:focus{border-color:var(--tab-renderer)}.rndr-preset-field textarea{min-height:80px}.rndr-preset-thumb-upload{border:2px dashed var(--border-color);border-radius:var(--radius-md);transition:all .2s;overflow:hidden}.rndr-preset-thumb-upload.dragover{border-color:var(--tab-renderer);background:#f973160d}.rndr-preset-thumb-dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;color:var(--text-muted);font-size:12px;text-align:center}.rndr-preset-thumb-browse{color:var(--tab-renderer);cursor:pointer;text-decoration:underline;font-weight:600}.rndr-preset-thumb-browse:hover{filter:brightness(1.2)}.rndr-preset-thumb-preview{position:relative;text-align:center;padding:8px}.rndr-preset-thumb-preview img{max-width:100%;max-height:160px;border-radius:var(--radius-sm);object-fit:contain}.rndr-preset-thumb-remove{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#000000b3;border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.rndr-preset-thumb-remove:hover{background:var(--danger)}.rndr-preset-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border-color)}.rndr-preset-modal-cancel{padding:7px 16px;font-size:12px;font-weight:600;font-family:inherit;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .15s}.rndr-preset-modal-cancel:hover{background:var(--bg-quaternary, var(--bg-tertiary));color:var(--text-primary)}.rndr-preset-modal-save{padding:7px 20px;font-size:12px;font-weight:700;font-family:inherit;background:linear-gradient(135deg,var(--tab-renderer),#EA580C);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #f973164d}.rndr-preset-modal-save:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f9731666}.rndr-modify-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.rndr-modify-canvas-area{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.rndr-modify-canvas-wrap{position:relative;display:inline-block;max-width:100%;max-height:100%}.rndr-modify-base-img{display:block;max-width:100%;max-height:calc(100vh - 160px);object-fit:contain;border-radius:8px}.rndr-modify-mask-canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;pointer-events:auto}.rndr-modify-toolbar{position:absolute;bottom:8px;left:8px;right:8px;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 -2px 16px #00000040;z-index:20;flex-shrink:0}.rndr-modify-thumb-wrap{flex-shrink:0}.rndr-modify-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:2px solid var(--tab-renderer, #f97316)}.rndr-modify-controls{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap}.rndr-modify-row{display:flex;align-items:center;gap:6px}.rndr-modify-label{font-size:11px;color:var(--text-secondary);font-weight:600;white-space:nowrap}.rndr-modify-slider{width:80px;-webkit-appearance:none;appearance:none;height:4px;background:var(--bg-tertiary);border-radius:4px;cursor:pointer}.rndr-modify-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--tab-renderer, #f97316);border-radius:50%;cursor:pointer}.rndr-modify-val{font-size:11px;color:var(--text-tertiary, var(--text-secondary));min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.rndr-modify-btn{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.rndr-modify-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.rndr-modify-btn.active{background:#f9731626;border-color:var(--tab-renderer, #f97316);color:var(--tab-renderer, #f97316)}.rndr-modify-cancel{border:none;background:transparent;color:var(--text-secondary);font-size:16px;font-weight:700;padding:4px 8px}.rndr-modify-cancel:hover{color:#ef4444;background:#ef44441a}.rndr-modify-prompt{flex:1;min-width:140px;padding:7px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:12px;font-family:inherit}.rndr-modify-prompt:focus{outline:none;border-color:var(--tab-renderer, #f97316);box-shadow:0 0 0 2px #f9731633}.rndr-thumb-placeholder{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-muted);border:1px dashed var(--border-color)}.viztools-toolbar-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:600;font-family:inherit;background:linear-gradient(135deg,#8b5cf626,#4f46e51a);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-md);color:#a78bfa;cursor:pointer;flex-shrink:0;transition:all .2s;white-space:nowrap}.viztools-toolbar-btn:hover{background:linear-gradient(135deg,#8b5cf640,#4f46e533);border-color:#8b5cf680;color:#c4b5fd;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf633}.viztools-toolbar-btn i{width:14px;height:14px}.viztools-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:1100;opacity:0;pointer-events:none;transition:opacity .25s ease}.viztools-backdrop.show{opacity:1;pointer-events:auto}.viztools-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.92);width:88vw;max-width:1200px;height:82vh;max-height:900px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff0a;z-index:1101;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;display:flex;overflow:hidden}.viztools-modal.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.viztools-container{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.viztools-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.viztools-header-left{display:flex;align-items:center;gap:10px}.viztools-header-icon{width:22px;height:22px;color:#a78bfa}.viztools-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.viztools-count{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:#8b5cf626;color:#a78bfa}.viztools-header-right{display:flex;align-items:center;gap:10px}.viztools-search-wrap{position:relative}.viztools-search{width:220px;padding:7px 10px 7px 32px;font-size:12px;font-family:inherit;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color .2s}.viztools-search:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf626}.viztools-search::placeholder{color:var(--text-muted)}.viztools-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:all .15s}.viztools-close-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.viztools-categories{display:flex;gap:6px;padding:12px 20px;overflow-x:auto;flex-shrink:0;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.viztools-cat-pill{padding:5px 12px;font-size:11px;font-weight:500;font-family:inherit;background:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .2s}.viztools-cat-pill:hover{background:#8b5cf61a;color:#c4b5fd}.viztools-cat-pill.active{background:#8b5cf633;border-color:#8b5cf666;color:#c4b5fd;font-weight:600}.viztools-body{display:flex;flex:1;min-height:0;overflow:hidden}.viztools-grid{flex:1;overflow-y:auto;padding:16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;align-content:start}.viztools-no-results{grid-column:1 / -1;text-align:center;padding:40px;color:var(--text-muted)}.viztools-no-results p{margin-top:10px;font-size:13px}.viztools-card{display:flex;flex-direction:column;padding:14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;min-height:110px}.viztools-card:before{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(135deg,rgba(139,92,246,.06),transparent);opacity:0;transition:opacity .2s;pointer-events:none}.viztools-card:hover{border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 8px 24px #00000026,0 0 0 1px #8b5cf61a}.viztools-card:hover:before{opacity:1}.viztools-card.selected{border-color:#8b5cf6;background:#8b5cf614;box-shadow:0 0 0 2px #8b5cf633,0 8px 24px #00000026}.viztools-card.selected:before{opacity:1}.viztools-card-icon{width:38px;height:38px;border-radius:10px;background:#8b5cf61f;display:flex;align-items:center;justify-content:center;color:#a78bfa;margin-bottom:10px;flex-shrink:0}.viztools-card-body{flex:1;min-width:0}.viztools-card-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.3}.viztools-card-desc{font-size:11px;color:var(--text-muted);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.viztools-card-cat{font-size:9px;font-weight:600;color:#8b5cf6b3;text-transform:uppercase;letter-spacing:.3px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.viztools-detail{width:380px;min-width:380px;border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-secondary)}.viztools-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:10px}.viztools-detail-empty p{font-size:13px;margin:0}.viztools-detail-header{padding:16px;border-bottom:1px solid var(--border-color)}.viztools-detail-title-row{display:flex;align-items:center;gap:8px;color:#a78bfa;margin-bottom:8px}.viztools-detail-title-row h3{font-size:15px;font-weight:700;color:var(--text-primary);margin:0;flex:1}.viztools-btn-icon{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.viztools-btn-icon:hover{background:#8b5cf626;border-color:#8b5cf666;color:#a78bfa;transform:rotate(15deg)}.viztools-btn-icon.pulse{animation:viztools-pulse .4s ease}@keyframes viztools-pulse{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.15) rotate(180deg);background:#8b5cf640;color:#c4b5fd}to{transform:scale(1) rotate(360deg)}}.viztools-detail-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;margin:0}.viztools-detail-form{padding:12px 16px;display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto}.viztools-field{display:flex;flex-direction:column;gap:4px}.viztools-field-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.viztools-combo-wrap{display:flex;flex-direction:column;gap:4px}.viztools-select{width:100%;padding:7px 10px;font-size:11px;font-family:inherit;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;outline:none;transition:border-color .2s}.viztools-select:focus{border-color:#8b5cf6}.viztools-custom-input{width:100%;padding:7px 10px;font-size:11px;font-family:inherit;background:var(--bg-tertiary);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-sm);color:var(--text-primary);outline:none}.viztools-custom-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf626}.viztools-custom-input::placeholder{color:var(--text-muted)}.viztools-prompt-section{padding:12px 16px;border-top:1px solid var(--border-color)}.viztools-prompt-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.viztools-prompt-preview{padding:10px 12px;font-size:11px;line-height:1.6;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:120px;overflow-y:auto;word-wrap:break-word}.viztools-detail-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.viztools-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;font-family:inherit;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;white-space:nowrap}.viztools-btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);flex:1}.viztools-btn-secondary:hover{background:var(--bg-quaternary, var(--bg-tertiary));color:var(--text-primary)}.viztools-btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;flex:1;box-shadow:0 2px 8px #8b5cf64d}.viztools-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #8b5cf666}.viztools-grid::-webkit-scrollbar,.viztools-detail::-webkit-scrollbar,.viztools-detail-form::-webkit-scrollbar,.viztools-prompt-preview::-webkit-scrollbar,.viztools-categories::-webkit-scrollbar{width:5px;height:5px}.viztools-grid::-webkit-scrollbar-track,.viztools-detail::-webkit-scrollbar-track,.viztools-detail-form::-webkit-scrollbar-track,.viztools-prompt-preview::-webkit-scrollbar-track,.viztools-categories::-webkit-scrollbar-track{background:transparent}.viztools-grid::-webkit-scrollbar-thumb,.viztools-detail::-webkit-scrollbar-thumb,.viztools-detail-form::-webkit-scrollbar-thumb,.viztools-prompt-preview::-webkit-scrollbar-thumb,.viztools-categories::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:3px}.viztools-grid::-webkit-scrollbar-thumb:hover,.viztools-detail::-webkit-scrollbar-thumb:hover{background:#8b5cf659}.narr-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.narr-tool-content{flex:1;min-height:0;overflow:hidden}.narr-layout{display:flex;height:100%;overflow:hidden;background:var(--bg-primary)}.narr-stages-panel{width:220px;min-width:220px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.narr-storyboard-panel{width:220px;min-width:220px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.narr-main-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.narr-panel-header{padding:12px 14px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.narr-panel-title{font-size:12px;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.narr-stages-list{flex:1;overflow-y:auto;padding:8px}.narr-stage-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .15s;margin-bottom:4px;border:1px solid transparent}.narr-stage-item:hover{background:var(--bg-tertiary)}.narr-stage-item.active{background:#8b5cf61a;border-color:#8b5cf64d}.narr-stage-item.has-data .narr-stage-dot{box-shadow:0 0 6px currentColor}.narr-stage-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.narr-stage-info{flex:1;min-width:0}.narr-stage-name{display:block;font-size:12px;font-weight:600;color:var(--text-primary)}.narr-stage-badge{display:block;font-size:10px;color:var(--text-secondary);margin-top:2px}.narr-stage-badge.dim{opacity:.5}.narr-stage-check{color:#22c55e;font-size:14px;flex-shrink:0}.narr-context-section{padding:12px;border-top:1px solid var(--border-color);flex-shrink:0}.narr-context-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.narr-context-input{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:11px;font-family:inherit;resize:vertical;min-height:60px}.narr-context-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf626}.narr-main-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.narr-stage-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.narr-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.narr-btn:hover{background:var(--bg-tertiary)}.narr-btn-generate{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;color:#fff;box-shadow:0 2px 8px #8b5cf64d}.narr-btn-generate:hover{transform:translateY(-1px);box-shadow:0 4px 14px #8b5cf666}.narr-btn-generate:disabled{opacity:.6;transform:none;cursor:not-allowed}.narr-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-size:14px}.narr-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.narr-progress{display:flex;align-items:center;gap:10px;padding:8px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.narr-progress-bar{flex:1;height:4px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.narr-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;transition:width .3s ease;width:0}.narr-progress-text{font-size:11px;color:var(--text-secondary);white-space:nowrap}.narr-alternatives-grid{flex:1;overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-content:start}.narr-alt-card{border-radius:12px;overflow:hidden;background:var(--bg-secondary);border:2px solid transparent;transition:all .2s;cursor:pointer}.narr-alt-card:hover{border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.narr-alt-card.selected{border-color:#8b5cf6;box-shadow:0 0 12px #8b5cf633}.narr-alt-img-wrap{position:relative;aspect-ratio:4/3;overflow:hidden}.narr-alt-img{width:100%;height:100%;object-fit:cover;display:block}.narr-alt-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s}.narr-alt-img-wrap:hover .narr-alt-overlay{opacity:1}.narr-alt-action{padding:6px 12px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#00000080;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;backdrop-filter:blur(4px)}.narr-alt-action:hover{background:#8b5cf6;border-color:#8b5cf6}.narr-alt-label{padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-primary);text-align:center}.narr-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-secondary)}.narr-empty-icon{font-size:36px;margin-bottom:14px;opacity:.7}.narr-empty-state h4{margin:0 0 6px;color:var(--text-primary);font-size:14px}.narr-empty-state p{margin:0;font-size:12px;max-width:280px;line-height:1.5}.narr-storyboard-list{flex:1;overflow-y:auto;padding:8px}.narr-story-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;margin-bottom:4px;border:1px solid transparent;transition:all .15s;cursor:default}.narr-story-item:hover{background:var(--bg-tertiary);border-color:#ffffff0f}.narr-story-thumb{width:40px;height:30px;object-fit:cover;border-radius:4px;flex-shrink:0}.narr-story-meta{flex:1;min-width:0}.narr-story-stage{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.narr-story-title{display:block;font-size:11px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.narr-story-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:700;flex-shrink:0;transition:all .15s}.narr-story-remove:hover{background:#ef444433;color:#ef4444}.narr-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0}.narr-tool-tabs{display:flex;align-items:center;gap:2px;padding:6px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow-x:auto;overflow-y:hidden;flex-shrink:0;scrollbar-width:thin}.narr-tool-tabs::-webkit-scrollbar{height:3px}.narr-tool-tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.narr-tool-tab{display:flex;align-items:center;gap:5px;padding:7px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);position:relative}.narr-tool-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}#tab-narrative .narr-tool-tab.active{background:var(--tab-narrative-light);color:var(--tab-narrative);font-weight:600}#tab-storyboard .narr-tool-tab.active{background:var(--tab-storyboard-light);color:var(--tab-storyboard);font-weight:600}.narr-tool-tab-icon{font-size:14px;line-height:1;display:flex;align-items:center}.narr-tool-tab-icon svg{width:16px;height:16px;display:block}.narr-tool-tab-label{font-size:11px}.narr-tool-content{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.settings-modal{max-width:580px}.settings-tabs{display:flex;gap:2px;padding:0 24px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);margin:0}.settings-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-normal)}.settings-tab:hover{color:var(--text-secondary);background:#00000005}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--bg-secondary)}.settings-tab svg{opacity:.6}.settings-tab.active svg{opacity:1}.settings-body{padding-top:20px!important;min-height:320px}.settings-panel{display:none}.settings-panel.active{display:block;animation:fadeSlideIn .15s ease}.settings-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--accent-light);border:1px solid var(--accent-subtle);border-radius:var(--radius-md);margin-bottom:18px;font-size:11.5px;color:var(--accent);line-height:1.4}.settings-notice svg{flex-shrink:0;margin-top:1px}.input-with-action{display:flex;gap:4px}.input-with-action .form-input{flex:1;border-radius:var(--radius-md) 0 0 var(--radius-md);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;letter-spacing:.3px}.input-toggle-btn{width:38px;height:36px;border:1px solid var(--border-color);border-left:none;background:var(--bg-tertiary);border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-normal)}.input-toggle-btn:hover{background:var(--border-color);color:var(--text-secondary)}.input-toggle-btn.visible{color:var(--accent);background:var(--accent-light)}.form-hint{display:block;font-size:11px;color:var(--text-muted);margin-top:5px;line-height:1.4}.form-hint a{color:var(--accent);text-decoration:none}.form-hint a:hover{text-decoration:underline}.api-status-list{display:flex;flex-direction:column;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.api-status-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.api-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.api-status-dot.connected{background:var(--success);box-shadow:0 0 0 2px var(--success-light)}.api-status-dot.disconnected{background:var(--text-muted);opacity:.4}.api-status-item .status-label{flex:1}.api-status-item .status-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:var(--radius-xs)}.status-badge.connected{background:var(--success-light);color:var(--success)}.status-badge.disconnected{background:var(--bg-tertiary);color:var(--text-muted)}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.theme-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-normal);font-family:inherit;font-size:11px;color:var(--text-secondary)}.theme-card:hover{border-color:var(--border-strong)}.theme-card.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.theme-preview{width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.color-row{display:flex;align-items:center;gap:8px}.color-picker{width:36px;height:36px;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2px;cursor:pointer;background:var(--bg-secondary)}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.color-hex{width:90px!important;font-family:SF Mono,Fira Code,Consolas,monospace!important;font-size:12px!important;text-transform:uppercase}.settings-save-toast{position:fixed;bottom:48px;left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--text-inverse);padding:8px 16px;border-radius:var(--radius-md);font-size:12px;font-weight:500;z-index:9999;animation:fadeSlideIn .2s ease;display:flex;align-items:center;gap:6px;box-shadow:var(--shadow-lg)}.settings-modal:has([data-settings-panel=ai-prompts].active){max-width:780px}.prompts-intro{margin-bottom:16px;font-size:12px;color:var(--text-muted);line-height:1.5}.prompts-intro code{background:var(--bg-tertiary);padding:1px 5px;border-radius:3px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;color:var(--accent)}.prompt-editor-group{margin-bottom:12px;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.prompt-editor-group:hover{border-color:var(--border-strong)}.prompt-editor-group.expanded{border-color:var(--accent-subtle, var(--border-strong))}.prompt-editor-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-tertiary);cursor:pointer;user-select:none;transition:background .15s}.prompt-editor-header:hover{background:var(--border-color)}.prompt-editor-chevron{font-size:10px;color:var(--text-muted);transition:transform .2s;flex-shrink:0}.prompt-editor-group.expanded .prompt-editor-chevron{transform:rotate(90deg)}.prompt-editor-label{font-size:13px;font-weight:600;color:var(--text-primary);flex:1}.prompt-editor-desc{font-size:10.5px;color:var(--text-muted);display:none}.prompt-editor-group.expanded .prompt-editor-desc{display:block}.prompt-editor-body{display:none;padding:10px 14px 14px;background:var(--bg-secondary)}.prompt-editor-group.expanded .prompt-editor-body{display:block;animation:fadeSlideIn .15s ease}.prompt-editor-textarea{width:100%;min-height:160px;max-height:400px;resize:vertical;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11.5px;line-height:1.6;tab-size:2;box-sizing:border-box}.prompt-editor-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.prompt-editor-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.prompt-char-count{font-size:10px;color:var(--text-muted);font-family:SF Mono,Fira Code,Consolas,monospace}.prompt-reset-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-muted);font-size:11px;font-family:inherit;cursor:pointer;transition:all .15s}.prompt-reset-btn:hover{background:var(--border-color);color:var(--text-secondary);border-color:var(--border-strong)}.prompt-modified-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:var(--radius-xs);background:var(--accent-light);color:var(--accent);margin-left:8px}.auth-modal-overlay{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:#fafbfc;opacity:0;transition:opacity .3s ease}.auth-modal-overlay.visible{opacity:1}body:not(.authenticated) .top-bar,body:not(.authenticated) .main-container,body:not(.authenticated) .sidebar{display:none!important}.auth-modal{display:flex;width:820px;max-width:95vw;max-height:90vh;border-radius:var(--radius-xl, 16px);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);transform:translateY(20px) scale(.97);transition:transform .35s cubic-bezier(.22,1,.36,1)}.auth-modal-overlay.visible .auth-modal{transform:translateY(0) scale(1)}.auth-modal-left{width:340px;min-width:340px;background:linear-gradient(160deg,#1e3a5f,#2563eb);padding:48px 32px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-modal-left:before{content:"";position:absolute;top:-80px;right:-80px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%)}.auth-brand{text-align:center;margin-bottom:40px;position:relative;z-index:1}.auth-brand-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:16px;background:#ffffff26;margin-bottom:20px;color:#fff}.auth-brand h1{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px}.auth-brand p{font-size:13px;color:#ffffffbf;margin:0;line-height:1.5}.auth-features{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.auth-feature{display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffffd9}.auth-feature span{color:#fbbf24;font-size:10px}.auth-modal-right{flex:1;background:var(--bg-secondary, #fff);padding:40px 36px;display:flex;flex-direction:column}.auth-tabs{display:flex;gap:2px;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:3px;margin-bottom:28px}.auth-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.auth-tab.active{background:var(--bg-secondary);color:var(--accent);box-shadow:var(--shadow-xs)}.auth-tab:hover:not(.active){color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:18px;flex:1}.auth-form-group{display:flex;flex-direction:column;gap:5px}.auth-form-group label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.auth-form-group input{padding:11px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:all .2s;outline:none}.auth-form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.auth-form-group input::placeholder{color:var(--text-muted)}.auth-error{color:var(--danger);font-size:13px;min-height:18px}.auth-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px}.auth-submit-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-forgot-link{text-align:center;margin-top:4px}.auth-forgot-link a{font-size:12px;color:var(--accent);text-decoration:none}.auth-forgot-link a:hover{text-decoration:underline}.auth-forgot-highlight a{color:var(--danger, #EF4444)!important;animation:forgotPulse .5s ease 2}@keyframes forgotPulse{0%,to{opacity:1}50%{opacity:.4}}.auth-success{color:var(--success, #10B981);font-size:13px;min-height:18px}.user-menu-danger{color:var(--danger, #EF4444)!important}.user-menu-danger:hover{background:#ef444414!important;color:var(--danger, #EF4444)!important}.auth-footer{margin-top:auto;padding-top:20px;text-align:center;color:var(--text-muted);font-size:12px}.user-menu-widget{position:relative;margin-left:8px}.user-menu-trigger{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border-radius:var(--radius-md);cursor:pointer;transition:background .15s;color:var(--text-secondary)}.user-menu-trigger:hover{background:var(--bg-tertiary)}.user-avatar{width:28px;height:28px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.user-name{font-size:12px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:220px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:6px;z-index:9999;display:none;opacity:0;transform:translateY(-6px);transition:opacity .15s,transform .15s}.user-menu-dropdown.open{display:block;opacity:1;transform:translateY(0)}.user-menu-info{padding:8px 10px}.user-menu-email{font-size:12px;color:var(--text-primary);font-weight:500}.user-menu-tier{font-size:10px;color:var(--accent);margin-top:2px;font-weight:600;letter-spacing:.5px}.user-menu-divider{height:1px;background:var(--border-color);margin:4px 0}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.user-menu-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.admin-panel-overlay{position:fixed;inset:0;z-index:10001;display:none;align-items:center;justify-content:center;background:#00000059;backdrop-filter:blur(6px);opacity:0;transition:opacity .2s}.admin-panel-overlay.visible{opacity:1}.admin-panel{width:940px;max-width:95vw;max-height:88vh;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden;transform:scale(.96);transition:transform .25s cubic-bezier(.22,1,.36,1)}.admin-panel-overlay.visible .admin-panel{transform:scale(1)}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.admin-header h2{margin:0;font-size:15px;color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:8px}.admin-close{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all .15s;line-height:1}.admin-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.admin-tabs{display:flex;gap:2px;padding:10px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.admin-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.admin-tab.active{background:var(--accent-light);color:var(--accent)}.admin-tab:hover:not(.active){background:var(--bg-tertiary);color:var(--text-secondary)}.admin-tab svg{width:14px;height:14px}.admin-body{flex:1;overflow-y:auto;padding:24px}.admin-content{display:none}.admin-content.active{display:block}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.admin-stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px 16px;text-align:center;transition:border-color .15s}.admin-stat-card:hover{border-color:var(--border-strong)}.stat-icon{margin-bottom:8px;display:flex;justify-content:center}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.admin-section{margin-bottom:28px}.admin-section h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 14px;display:flex;align-items:center;gap:6px}.tier-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.tier-bar-label{width:80px;font-size:12px;color:var(--text-secondary);text-transform:capitalize}.tier-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.tier-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),#60a5fa);min-width:4px;transition:width .5s ease}.tier-bar-count{width:30px;text-align:right;font-size:12px;color:var(--text-primary);font-weight:600}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.admin-table td{padding:10px 12px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.admin-table tbody tr:hover{background:var(--bg-tertiary)}.tier-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-xs);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.tier-free{background:var(--bg-tertiary);color:var(--text-muted)}.tier-starter{background:var(--accent-light);color:var(--accent)}.tier-pro{background:#ede9fe;color:#7c3aed}.tier-enterprise{background:var(--warning-light);color:#b45309}.tier-beta{background:#fce7f3;color:#be185d}.admin-inline-select,.admin-inline-input{padding:5px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;outline:none}.admin-inline-select:focus,.admin-inline-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.admin-inline-input{width:70px}.admin-save-btn{padding:5px 14px;background:var(--accent-light);border:1px solid var(--accent-subtle);border-radius:var(--radius-sm);color:var(--accent);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.admin-save-btn:hover{background:var(--accent);color:#fff}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;font-size:13px;color:var(--text-secondary)}.admin-page-btn{padding:6px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;font-size:12px}.admin-page-btn:hover{background:var(--accent-light)}.admin-api-keys-form{display:flex;flex-direction:column;gap:14px}.admin-api-key-row{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px 16px}.admin-api-key-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.admin-api-key-header label{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:capitalize}.admin-api-status{font-size:11px;font-weight:600}.admin-api-status.set{color:var(--success)}.admin-api-status.unset{color:var(--text-muted)}.admin-api-key-input{display:flex;gap:6px}.admin-api-key-input input{flex:1;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none;font-family:SF Mono,Fira Code,Consolas,monospace}.admin-api-key-input input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.admin-key-toggle{padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.admin-key-toggle:hover{background:var(--border-color);color:var(--text-secondary)}.admin-save-keys-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:6px}.admin-save-keys-btn:hover{background:var(--accent-hover)}.admin-hint{font-size:12px;color:var(--text-muted);margin:0 0 16px}.admin-error{color:var(--danger);font-size:13px;padding:16px;text-align:center}.admin-loading{color:var(--text-muted);font-size:13px;padding:40px;text-align:center}.admin-users-header{margin-bottom:14px;font-size:13px;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between}.perm-matrix{width:100%;border-collapse:collapse;font-size:12px}.perm-matrix th{padding:8px 10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:2px solid var(--border-color);text-align:center;background:var(--bg-primary)}.perm-matrix th:first-child{text-align:left;width:200px}.perm-matrix td{padding:6px 10px;border-bottom:1px solid var(--border-color);text-align:center}.perm-matrix td:first-child{text-align:left;font-weight:500;color:var(--text-primary)}.perm-matrix tr:hover{background:var(--bg-tertiary)}.perm-matrix tr.perm-group-row td{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary);padding:10px;font-size:13px}.perm-matrix tr.perm-sub-row td:first-child{padding-left:28px;color:var(--text-secondary);font-weight:400}.perm-check{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.admin-invite-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.admin-invite-row{display:flex;gap:8px;margin-top:10px}.admin-invite-input{flex:1;padding:9px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:13px;outline:none}.admin-invite-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.admin-invite-select{padding:9px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:13px;outline:none}.admin-invite-btn{padding:9px 18px;background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}.admin-invite-btn:hover{background:var(--accent-hover)}@media(max-width:768px){.auth-modal{flex-direction:column}.auth-modal-left{display:none}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.perm-matrix{font-size:11px}}.nsa-layout{display:flex;height:100%;overflow:hidden;background:var(--bg-primary)}.nsa-left-panel{width:45%;min-width:320px;display:flex;flex-direction:column;border-right:1px solid var(--border-color);position:relative}.nsa-left-panel .nsa-map-container{flex:1;position:relative;min-height:0}.nsa-left-panel .nsa-map-container #nsa-map{width:100%;height:100%}.nsa-map-overlay-toolbar{position:absolute;top:10px;left:10px;z-index:5;display:flex;gap:6px;align-items:center}.nsa-map-overlay-toolbar .nsa-map-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;display:flex;align-items:center;gap:5px;box-shadow:0 2px 6px #00000040}.nsa-map-overlay-toolbar .nsa-map-btn:hover{background:var(--bg-tertiary)}.nsa-map-overlay-toolbar .nsa-map-btn.active{background:#8b5cf633;border-color:#8b5cf680;color:#a78bfa}.nsa-site-preview{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);position:relative;min-height:0}.nsa-site-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.nsa-site-info-bar{padding:8px 12px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:11px;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.nsa-right-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.nsa-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--bg-secondary)}.nsa-header-left{display:flex;align-items:center;gap:10px}.nsa-back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-size:16px}.nsa-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nsa-title{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.nsa-analyze-btn{padding:7px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:0 2px 8px #8b5cf64d;display:flex;align-items:center;gap:6px}.nsa-analyze-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #8b5cf666}.nsa-analyze-btn:disabled{opacity:.6;transform:none;cursor:not-allowed}.nsa-depth-btn{padding:4px 10px;border:1px solid var(--border-color);border-radius:5px;background:var(--bg-primary);color:var(--text-secondary);font-size:10px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.nsa-depth-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nsa-depth-btn.active{background:#8b5cf626;border-color:#8b5cf680;color:#a78bfa}.nsa-gen-toolbar{padding:8px 14px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap;background:var(--bg-secondary)}.nsa-gen-toolbar label{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.nsa-gen-toolbar select,.nsa-gen-toolbar input[type=text]{padding:4px 8px;border:1px solid var(--border-color);border-radius:5px;background:var(--bg-primary);color:var(--text-primary);font-size:11px;font-family:inherit;min-width:0}.nsa-gen-toolbar select:focus{outline:none;border-color:#8b5cf6}.nsa-gen-group{display:flex;align-items:center;gap:4px}.nsa-gen-separator{width:1px;height:20px;background:var(--border-color);flex-shrink:0}.nsa-gen-btn{padding:5px 14px;border:none;border-radius:6px;background:#22c55e;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;display:flex;align-items:center;gap:4px;white-space:nowrap}.nsa-gen-btn:hover{background:#16a34a}.nsa-gen-btn:disabled{opacity:.5;cursor:not-allowed}.nsa-select-all-btn{padding:4px 10px;border:1px solid var(--border-color);border-radius:5px;background:var(--bg-primary);color:var(--text-primary);font-size:10px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.nsa-select-all-btn:hover{background:var(--bg-tertiary)}.nsa-progress{display:flex;align-items:center;gap:10px;padding:6px 14px;background:#8b5cf614;border-bottom:1px solid var(--border-color);flex-shrink:0}.nsa-progress-bar{flex:1;height:4px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.nsa-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;transition:width .3s ease;width:0}.nsa-progress-text{font-size:11px;color:var(--text-secondary);white-space:nowrap}.nsa-results-list{flex:1;overflow-y:auto;padding:12px}.nsa-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.nsa-empty-icon{font-size:40px;margin-bottom:14px;opacity:.6}.nsa-empty-state h4{margin:0 0 6px;color:var(--text-primary);font-size:14px}.nsa-empty-state p{margin:0;font-size:12px;max-width:320px;line-height:1.5}.nsa-point-card{display:flex;gap:12px;padding:12px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);margin-bottom:10px;transition:all .15s}.nsa-point-card:hover{border-color:#8b5cf64d}.nsa-point-card.generating{border-color:#8b5cf666;box-shadow:0 0 12px #8b5cf61a}.nsa-point-check{flex-shrink:0;padding-top:2px}.nsa-point-check input[type=checkbox]{width:16px;height:16px;accent-color:#8B5CF6;cursor:pointer}.nsa-point-content{flex:1;min-width:0}.nsa-point-number{display:inline-block;font-size:10px;font-weight:700;color:#8b5cf6;background:#8b5cf61f;padding:1px 6px;border-radius:4px;margin-bottom:4px}.nsa-point-title{font-size:13px;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.3}.nsa-point-text{font-size:12px;color:var(--text-secondary);line-height:1.55;margin:0}.nsa-point-actions{margin-top:8px;display:flex;gap:6px}.nsa-point-action-btn{padding:4px 10px;border:1px solid var(--border-color);border-radius:5px;background:var(--bg-primary);color:var(--text-secondary);font-size:10px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;display:flex;align-items:center;gap:4px}.nsa-point-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nsa-point-action-btn.send-pres:hover{background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}.nsa-point-image{flex-shrink:0;width:200px;min-height:140px;border-radius:8px;overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative}.nsa-point-image img{width:100%;height:100%;object-fit:cover}.nsa-img-wrapper{position:relative;width:100%;height:100%}.nsa-img-wrapper img{width:100%;height:100%;object-fit:cover}.nsa-img-regen-btn{position:absolute;top:6px;right:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:#0f172abf;color:#a78bfa;cursor:pointer;opacity:0;transition:opacity .15s,background .15s}.nsa-img-wrapper:hover .nsa-img-regen-btn{opacity:1}.nsa-img-regen-btn:hover{background:#8b5cf699;color:#fff}.nsa-text-toggle{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted);cursor:pointer;padding:3px 8px;border-radius:4px;background:#8b5cf614;border:1px solid rgba(139,92,246,.15);transition:background .15s,border-color .15s;user-select:none}.nsa-text-toggle:hover{background:#8b5cf626;border-color:#8b5cf64d}.nsa-text-toggle input[type=checkbox]{width:12px;height:12px;margin:0;accent-color:#8B5CF6;cursor:pointer}.nsa-point-image .nsa-img-placeholder{font-size:11px;color:var(--text-secondary);opacity:.5;text-align:center;padding:10px}.nsa-point-image .nsa-img-generating{display:flex;flex-direction:column;align-items:center;gap:8px;color:#a78bfa;font-size:11px}.nsa-spinner{width:24px;height:24px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:nsa-spin .8s linear infinite}@keyframes nsa-spin{to{transform:rotate(360deg)}}.sb-send-analyze-btn{padding:6px 12px;border:1px solid rgba(139,92,246,.4);border-radius:6px;background:#8b5cf61a;color:#a78bfa;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;display:flex;align-items:center;gap:5px}.sb-send-analyze-btn:hover{background:#8b5cf633;border-color:#8b5cf699}.sb-send-analyze-btn:disabled{opacity:.4;cursor:not-allowed}.nsa-options-btn{background:linear-gradient(135deg,#d97706,#b45309)!important;border-color:transparent!important;color:#fff!important}.nsa-options-btn:hover{opacity:.9}.nsa-options-btn:disabled{opacity:.5;cursor:not-allowed}.nsa-md-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;background:#22c55e1f;color:#22c55e;font-size:10px;font-weight:600;border:1px solid rgba(34,197,94,.25);animation:nsa-badge-in .3s ease;white-space:nowrap}@keyframes nsa-badge-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.nsa-categories-bar{display:flex;align-items:center;gap:6px;padding:8px 14px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;background:var(--bg-secondary);flex-shrink:0}.nsa-categories-label{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-right:4px;white-space:nowrap}.nsa-cat-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;transition:all .15s;font-size:10px;color:var(--text-secondary);white-space:nowrap}.nsa-cat-chip input[type=checkbox]{display:none}.nsa-cat-chip:hover{border-color:#d9770680;background:#d977060a}.nsa-cat-chip.active{border-color:#d9770680;background:#d977061a;color:#d97706;font-weight:600}.ukkin-layout{display:grid;grid-template-columns:260px 1fr;height:100%;min-height:0;overflow:hidden;background:var(--bg-primary)}.ukkin-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border-color);background:var(--bg-secondary);overflow:hidden}.ukkin-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.ukkin-sidebar-title{font-size:13px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.ukkin-icon-btn{background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;transition:all .15s}.ukkin-icon-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.ukkin-sidebar-list{flex:1;overflow-y:auto;padding:8px}.ukkin-sidebar-list::-webkit-scrollbar{width:5px}.ukkin-sidebar-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.ukkin-sidebar-hint{padding:10px 14px;font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:6px;border-top:1px solid var(--border-color);flex-shrink:0;background:var(--warning-light)}.ukkin-cat-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;padding:12px 8px 4px}.ukkin-sage-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s;position:relative}.ukkin-sage-item:hover{background:var(--bg-tertiary)}.ukkin-sage-item.seated{background:var(--accent-light);border-left:3px solid var(--accent)}.ukkin-sage-info{flex:1;min-width:0}.ukkin-sage-item-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ukkin-sage-item.seated .ukkin-sage-item-name{color:var(--accent)}.ukkin-sage-item-spec{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ukkin-sage-check{font-size:10px;background:var(--accent);color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.ukkin-portrait{border-radius:50%;object-fit:cover}.ukkin-portrait-list{width:36px;height:36px;border:2px solid var(--border-color);flex-shrink:0}.ukkin-sage-item.seated .ukkin-portrait-list{border-color:var(--accent)}.ukkin-portrait-sm{width:28px;height:28px;border:2px solid var(--border-color)}.ukkin-portrait-table{width:56px;height:56px;border:3px solid var(--bg-secondary);box-shadow:var(--shadow-md)}.ukkin-portrait-lg{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.ukkin-sage-avatar-lg{font-size:40px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ukkin-sage-avatar-sm{font-size:20px;line-height:1}.ukkin-main{display:flex;flex-direction:column;min-height:0;overflow:hidden}.ukkin-controls{flex-shrink:0;padding:10px 16px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px;background:var(--bg-secondary)}.ukkin-controls-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ukkin-select{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px 10px;font-size:12px;cursor:pointer;outline:none}.ukkin-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.ukkin-select-sm{width:60px}.ukkin-custom-topic{width:100%;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px;font-size:13px;outline:none}.ukkin-custom-topic:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.ukkin-rounds{display:flex;align-items:center;gap:6px}.ukkin-label{font-size:11px;color:var(--text-secondary);font-weight:500}.ukkin-slider{width:80px;accent-color:var(--accent)}.ukkin-rounds-val{font-size:12px;color:var(--accent);font-weight:700;min-width:16px;text-align:center}.ukkin-controls-btns{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.ukkin-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .15s;white-space:nowrap}.ukkin-btn:disabled{opacity:.4;cursor:not-allowed}.ukkin-btn-primary{background:var(--accent);color:#fff}.ukkin-btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md)}.ukkin-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.ukkin-btn-secondary:hover:not(:disabled){background:var(--bg-quaternary)}.ukkin-btn-accent{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.ukkin-btn-accent:hover:not(:disabled){box-shadow:0 2px 12px #8b5cf64d}.ukkin-btn-ghost{background:transparent;color:var(--text-muted);padding:7px}.ukkin-btn-ghost:hover:not(:disabled){color:var(--danger);background:var(--danger-light)}.ukkin-scroll-area{flex:1;overflow-y:auto;padding:20px 24px;min-height:0;background:var(--bg-primary)}.ukkin-scroll-area::-webkit-scrollbar{width:6px}.ukkin-scroll-area::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.ukkin-table-visual{margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.ukkin-table-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center;gap:8px}.ukkin-table-empty-icon{font-size:56px;filter:drop-shadow(0 4px 12px rgba(37,99,235,.15))}.ukkin-table-empty-title{font-size:18px;font-weight:700;color:var(--text-primary)}.ukkin-table-empty-text{font-size:13px;color:var(--text-secondary)}.ukkin-table-surface{position:relative;width:280px;height:280px;margin:10px auto}.ukkin-table-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:linear-gradient(145deg,var(--bg-tertiary),var(--bg-quaternary));border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.ukkin-table-label{font-size:9px;font-weight:700;color:var(--text-muted);text-align:center;letter-spacing:.5px;text-transform:uppercase}.ukkin-seated-ring{position:absolute;inset:0}.ukkin-seated-sage{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(var(--i) * (360deg / var(--n)))) translateY(-120px) rotate(calc(-1 * var(--i) * (360deg / var(--n))));animation:ukkin-drop-in .5s ease calc(var(--i) * .1s) both;transition:filter .2s}.ukkin-seated-sage.speaking{filter:drop-shadow(0 0 8px var(--sage-color))}@keyframes ukkin-drop-in{0%{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--i) * (360deg / var(--n)))) translateY(-40px) rotate(calc(-1 * var(--i) * (360deg / var(--n)))) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--i) * (360deg / var(--n)))) translateY(-120px) rotate(calc(-1 * var(--i) * (360deg / var(--n)))) scale(1)}}.ukkin-seated-name{font-size:10px;font-weight:600;color:var(--text-primary);white-space:nowrap;text-align:center}.ukkin-unseat-btn{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--danger);color:#fff;border:none;font-size:11px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center}.ukkin-seated-sage:hover .ukkin-unseat-btn{display:flex}.ukkin-round-badge{text-align:center;font-size:12px;color:var(--accent);padding:4px 14px;background:var(--accent-light);border:1px solid var(--accent-subtle);border-radius:var(--radius-full);font-weight:600;display:inline-block;margin-top:8px}.ukkin-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.ukkin-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);animation:ukkin-card-in .35s ease;transition:box-shadow .2s;display:grid;grid-template-columns:1fr 2fr;border-left:3px solid var(--sage-color, var(--accent))}.ukkin-card:hover{box-shadow:var(--shadow-md)}@keyframes ukkin-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ukkin-card-portrait{overflow:hidden;background:var(--bg-tertiary);min-height:140px}.ukkin-card-portrait .ukkin-portrait-lg{border-radius:0;width:100%;height:100%;object-fit:cover;display:block}.ukkin-card-body{padding:12px 14px;display:flex;flex-direction:column;overflow:visible}.ukkin-card-header{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.ukkin-card-name{font-size:13px;font-weight:700;color:var(--sage-color, var(--text-primary))}.ukkin-card-spec{font-size:10px;color:var(--text-muted);margin-left:4px}.ukkin-card-text{font-size:13px;color:var(--text-primary);line-height:1.65;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;direction:auto;unicode-bidi:plaintext;overflow:visible;max-height:none}.ukkin-card-time{font-size:10px;color:var(--text-muted);margin-top:8px;text-align:right}.ukkin-card-user{border-left-color:var(--warning);background:var(--warning-light);grid-template-columns:1fr}.ukkin-card-user-text{font-size:14px;color:var(--text-primary);line-height:1.6;padding:12px 14px;direction:auto;unicode-bidi:plaintext;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.ukkin-system-messages{margin-bottom:12px}.ukkin-system-msg{text-align:center;font-size:11px;color:var(--text-muted);padding:4px 0;font-style:italic}.ukkin-summary-card{background:var(--bg-secondary);border:1px solid #C4B5FD;border-radius:var(--radius-xl);padding:20px;animation:ukkin-card-in .35s ease;box-shadow:var(--shadow-md)}.ukkin-summary-header{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#7c3aed;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #EDE9FE}.ukkin-summary-body{font-size:14px;color:var(--text-primary);line-height:1.75;overflow-wrap:anywhere;direction:auto;unicode-bidi:plaintext}.ukkin-summary-body h2,.ukkin-summary-body h3,.ukkin-summary-body h4{color:#7c3aed;margin:14px 0 6px}.ukkin-summary-body ul{padding-left:20px;margin:6px 0}.ukkin-summary-body li{margin:4px 0}.ukkin-typing{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:8px;animation:ukkin-card-in .3s ease}.ukkin-typing-name{font-size:12px;color:var(--sage-color, var(--text-secondary));font-weight:600}.ukkin-typing-dots{display:flex;gap:3px}.ukkin-typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--sage-color, var(--text-muted));animation:ukkin-dot-bounce 1.2s ease-in-out infinite}.ukkin-typing-dots span:nth-child(2){animation-delay:.15s}.ukkin-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes ukkin-dot-bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.ukkin-followup-bar{flex-shrink:0;display:flex;gap:8px;padding:10px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.ukkin-followup-input{flex:1;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:9px 14px;font-size:13px;outline:none}.ukkin-followup-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.ukkin-followup-input:disabled{opacity:.4}.ukkin-followup-send{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);width:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.ukkin-followup-send:hover:not(:disabled){background:var(--accent-hover)}.ukkin-followup-send:disabled{opacity:.3;cursor:not-allowed}.ukkin-modal-overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 500);opacity:0;transition:opacity .2s;pointer-events:none}.ukkin-modal-overlay.show{opacity:1;pointer-events:all}.ukkin-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);transform:scale(.95);transition:transform .2s}.ukkin-modal-overlay.show .ukkin-modal{transform:scale(1)}.ukkin-comic-modal{max-width:700px}.ukkin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.ukkin-modal-header h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.ukkin-modal-close{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.ukkin-modal-close:hover{color:var(--danger)}.ukkin-modal-body{padding:16px 20px;overflow-y:auto;flex:1}.ukkin-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border-color)}.ukkin-form-label{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:5px;margin-top:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.ukkin-form-label:first-child{margin-top:0}.ukkin-form-input{width:100%;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 10px;font-size:13px;outline:none;box-sizing:border-box}.ukkin-form-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.ukkin-form-textarea{width:100%;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 10px;font-size:13px;outline:none;resize:vertical;font-family:inherit;box-sizing:border-box}.ukkin-form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.ukkin-emoji-picker{display:flex;flex-wrap:wrap;gap:6px}.ukkin-emoji-opt{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;font-size:18px;background:var(--bg-tertiary);border:2px solid transparent;transition:all .15s}.ukkin-emoji-opt:hover{background:var(--bg-quaternary)}.ukkin-emoji-opt.selected{border-color:var(--accent);background:var(--accent-light)}.ukkin-comic-settings{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.ukkin-comic-setting{flex:1;min-width:0}.ukkin-comic-row{display:flex;gap:10px}.ukkin-comic-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ukkin-comic-style-opt{padding:10px 8px;border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;transition:all .15s;text-align:center;background:var(--bg-primary)}.ukkin-comic-style-opt:hover{border-color:#a78bfa;background:#f5f3ff}.ukkin-comic-style-opt.selected{border-color:#7c3aed;background:#ede9fe;box-shadow:0 0 0 2px #7c3aed26}.ukkin-comic-style-label{display:block;font-size:12px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.ukkin-comic-style-opt.selected .ukkin-comic-style-label{color:#7c3aed}.ukkin-comic-style-desc{display:block;font-size:10px;color:var(--text-secondary)}.ukkin-comic-preview{min-height:200px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden}.ukkin-comic-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.ukkin-comic-loading{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--text-secondary);font-size:14px;padding:20px}.ukkin-comic-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:#7c3aed;border-radius:50%;animation:ukkin-spin .8s linear infinite}@keyframes ukkin-spin{to{transform:rotate(360deg)}}.ukkin-comic-result-img{width:100%;height:auto;border-radius:var(--radius-md);display:block}.ukkin-comic-error{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--danger);font-size:13px;padding:20px;text-align:center}.medub-layout{display:grid;grid-template-columns:240px 1fr 0px;height:100%;overflow:hidden;background:var(--bg-primary);transition:grid-template-columns .3s ease}.medub-layout.inspector-open{grid-template-columns:240px 1fr 320px}.medub-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border-color);background:var(--bg-secondary);overflow:hidden}.medub-sidebar-header{padding:12px;border-bottom:1px solid var(--border-color);flex-shrink:0}.medub-sidebar-title{font-size:13px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin-bottom:8px}.medub-sidebar-title .medub-cuneiform{font-size:16px;opacity:.7}.medub-search-wrap{position:relative}.medub-search-input{width:100%;padding:7px 10px 7px 32px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;transition:all .15s}.medub-search-input::placeholder{color:var(--text-muted)}.medub-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.medub-search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.medub-scale-group{border-bottom:1px solid var(--border-color)}.medub-scale-header{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .15s;user-select:none}.medub-scale-header:hover{background:var(--bg-tertiary)}.medub-scale-chevron{color:var(--text-muted);transition:transform .2s;flex-shrink:0}.medub-scale-header.open .medub-scale-chevron{transform:rotate(90deg)}.medub-scale-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);flex:1}.medub-scale-count{font-size:10px;color:var(--text-muted);background:var(--bg-tertiary);padding:1px 6px;border-radius:var(--radius-full)}.medub-pattern-list{padding:2px 8px 6px;overflow:hidden}.medub-pattern-list.collapsed{display:none}.medub-lib-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);cursor:grab;transition:all .15s;border:1px solid transparent;margin-bottom:2px}.medub-lib-item:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.medub-lib-item:active{cursor:grabbing;opacity:.7}.medub-lib-item.on-canvas{opacity:.5}.medub-lib-num{font-size:10px;font-weight:700;color:var(--text-muted);min-width:28px;text-align:center;background:var(--bg-tertiary);padding:2px 4px;border-radius:var(--radius-xs)}.medub-lib-name{font-size:11px;font-weight:500;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.medub-lib-confidence{font-size:10px;color:#d4a017;flex-shrink:0}.medub-sidebar-list{flex:1;overflow-y:auto;padding:0}.medub-sidebar-list::-webkit-scrollbar{width:4px}.medub-sidebar-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.medub-canvas-area{position:relative;overflow:hidden;background:var(--bg-primary)}.medub-canvas-toolbar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:20}.medub-tool-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;position:relative}.medub-tool-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.medub-tool-btn.active{background:var(--accent-light);color:var(--accent)}.medub-tool-btn:disabled{opacity:.3;cursor:not-allowed}.medub-tool-sep{width:1px;height:20px;background:var(--border-color);margin:0 4px}.medub-tool-btn[title]:after{content:attr(title);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);padding:3px 8px;background:var(--text-primary);color:var(--text-inverse);font-size:10px;font-weight:600;border-radius:var(--radius-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:100}.medub-tool-btn:hover[title]:after{opacity:1}.medub-canvas-surface{position:absolute;inset:0;overflow:hidden;cursor:grab}.medub-canvas-surface:active{cursor:grabbing}.medub-canvas-surface.connecting{cursor:crosshair}.medub-canvas-transform{position:absolute;transform-origin:0 0;will-change:transform}.medub-canvas-grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,var(--border-color) 1px,transparent 1px);background-size:24px 24px;opacity:.5}.medub-canvas-edges{position:absolute;inset:0;pointer-events:none;z-index:1}.medub-edge-path{fill:none;stroke:var(--border-strong);stroke-width:2;pointer-events:stroke;cursor:pointer;transition:stroke .15s}.medub-edge-path:hover{stroke:var(--accent);stroke-width:3}.medub-edge-path.contains{stroke:#6b7280}.medub-edge-path.needs{stroke:var(--accent);stroke-dasharray:8 4}.medub-edge-path.supports{stroke:var(--success);stroke-dasharray:4 4}.medub-edge-arrow{fill:var(--border-strong)}.medub-statusbar{position:absolute;bottom:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:10px;color:var(--text-muted);z-index:20}.medub-status-left,.medub-status-right{display:flex;align-items:center;gap:12px}.medub-zoom-control{display:flex;align-items:center;gap:4px}.medub-zoom-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--border-color);border-radius:var(--radius-xs);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:12px;transition:all .1s}.medub-zoom-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.medub-node{position:absolute;width:300px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:move;z-index:5;transition:box-shadow .2s,border-color .2s;user-select:none;font-family:inherit}.medub-node:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.medub-node.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle),var(--shadow-md)}.medub-node.dragging{box-shadow:var(--shadow-lg);z-index:50;opacity:.92}.medub-node-hero{position:relative;width:100%;height:100px;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(135deg,#f0f4ff,#e8ecf4)}.medub-node-hero img{width:100%;height:100%;object-fit:cover}.medub-node-hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;opacity:.3}.medub-node-badge{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:6px;padding:3px 8px;background:#0009;border-radius:var(--radius-sm);backdrop-filter:blur(8px)}.medub-node-number{font-size:11px;font-weight:700;color:#fff}.medub-node-stars{font-size:10px;color:#fbbf24;letter-spacing:1px}.medub-node-menu-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:#0006;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;backdrop-filter:blur(8px)}.medub-node-menu-btn:hover{background:#000000b3}.medub-node-body{padding:12px}.medub-cat-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:600;letter-spacing:.02em;margin-bottom:8px}.medub-cat-pill.regional{background:#e8edf4;color:#1e3a5f}.medub-cat-pill.urban{background:#e6f0eb;color:#2d6a4f}.medub-cat-pill.community{background:#f0ebfa;color:#7c3aed}.medub-cat-pill.building{background:#fdf0e0;color:#b45309}.medub-cat-pill.spatial{background:#e0f2fe;color:#0369a1}.medub-cat-pill.construction{background:#f0f0f2;color:#374151}.medub-cat-pill.environmental{background:#dcfce7;color:#047857}.medub-node-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:6px;line-height:1.3}.medub-node-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;font-style:italic;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.medub-expand-btn{display:flex;align-items:center;gap:6px;padding:5px 0;border:none;background:none;color:var(--accent);font-size:11px;font-weight:600;cursor:pointer;transition:color .15s;font-family:inherit;width:100%}.medub-expand-btn:hover{color:var(--accent-hover)}.medub-expand-chevron{transition:transform .2s}.medub-expand-btn.open .medub-expand-chevron{transform:rotate(180deg)}.medub-node-details{display:none;margin-top:4px}.medub-node-details.open{display:block}.medub-detail-section{padding:8px 10px;border-radius:var(--radius-sm);margin-bottom:6px;font-size:12px;line-height:1.5}.medub-detail-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;display:flex;align-items:center;gap:4px}.medub-detail-text{color:var(--text-primary)}.medub-section-problem{background:#fef2f2}.medub-section-problem .medub-detail-label{color:#dc2626}.medub-section-forces{background:#fffbeb}.medub-section-forces .medub-detail-label{color:#d97706}.medub-section-solution{background:#f0fdf4}.medub-section-solution .medub-detail-label{color:#16a34a}.medub-section-context{background:#f8f9fa;border-left:3px solid #9CA3AF}.medub-section-context .medub-detail-label{color:#6b7280}.medub-section-quote{background:linear-gradient(135deg,#fffbf0,#fff8e6);border-left:3px solid #D4A017;padding:10px 12px}.medub-quote-text{font-style:italic;font-size:12px;line-height:1.6;color:#78350f}.medub-section-principles{background:#f5f3ff}.medub-section-principles .medub-detail-label{color:#7c3aed}.medub-principles-list{margin:0;padding-left:18px;font-size:11px;line-height:1.7;color:var(--text-primary)}.medub-principles-list li{margin-bottom:2px}.medub-section-examples{background:#eff6ff}.medub-section-examples .medub-detail-label{color:#1d4ed8}.medub-example-item{font-size:11px;line-height:1.5;color:var(--text-secondary);padding:3px 0;display:flex;align-items:flex-start;gap:6px}.medub-example-marker{font-weight:700;flex-shrink:0;font-size:12px}.medub-example-item .medub-example-marker:first-child{color:#16a34a}.medub-section-dimensions{background:#f0f9ff}.medub-section-dimensions .medub-detail-label{color:#0369a1}.medub-dimensions-list{margin:0;padding-left:18px;font-size:11px;line-height:1.7;color:var(--text-primary)}.medub-dimensions-list li{margin-bottom:2px}.medub-connections{padding-top:8px;border-top:1px solid var(--border-color);margin-top:8px}.medub-conn-row{display:flex;align-items:center;gap:4px;margin-bottom:4px;flex-wrap:wrap}.medub-conn-label{font-size:10px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:3px;min-width:20px}.medub-conn-chip{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary)}.medub-conn-chip:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.medub-conn-chip.on-canvas{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.medub-tags{display:flex;flex-wrap:wrap;gap:4px;padding-top:8px}.medub-tag{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;color:var(--text-muted);background:var(--bg-tertiary);display:flex;align-items:center;gap:3px}.medub-handle{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-strong);z-index:10;cursor:crosshair;transition:all .15s}.medub-handle:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.3)}.medub-handle.connecting{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--accent)}.medub-handle-top{top:-5px;left:50%;transform:translate(-50%)}.medub-handle-bottom{bottom:-5px;left:50%;transform:translate(-50%)}.medub-handle-left{left:-5px;top:50%;transform:translateY(-50%)}.medub-handle-right{right:-5px;top:50%;transform:translateY(-50%)}.medub-handle-top:hover,.medub-handle-bottom:hover{transform:translate(-50%) scale(1.3)}.medub-handle-left:hover,.medub-handle-right:hover{transform:translateY(-50%) scale(1.3)}.medub-inspector{display:flex;flex-direction:column;border-left:1px solid var(--border-color);background:var(--bg-secondary);overflow:hidden}.medub-inspector-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border-color);flex-shrink:0}.medub-inspector-title{font-size:12px;font-weight:700;color:var(--text-primary)}.medub-inspector-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.medub-inspector-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.medub-inspector-body{flex:1;overflow-y:auto;padding:12px}.medub-inspector-body::-webkit-scrollbar{width:4px}.medub-inspector-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.medub-inspector-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted);padding:20px}.medub-inspector-empty-icon{font-size:40px;margin-bottom:12px;opacity:.4}.medub-inspector-empty h4{font-size:13px;color:var(--text-secondary);margin:0 0 4px}.medub-inspector-empty p{font-size:11px;line-height:1.5;margin:0}.medub-insp-hero{width:100%;height:120px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:12px;background:linear-gradient(135deg,#f0f4ff,#e8ecf4)}.medub-insp-hero img{width:100%;height:100%;object-fit:cover}.medub-insp-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.medub-insp-title-ar{font-size:14px;font-weight:500;color:var(--text-secondary);direction:rtl;margin-bottom:12px}.medub-insp-section{margin-bottom:12px}.medub-insp-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;gap:4px}.medub-insp-section-text{font-size:12px;line-height:1.6;color:var(--text-primary)}.medub-ai-section{border-top:1px solid var(--border-color);padding-top:12px;margin-top:12px}.medub-ai-input-wrap{display:flex;gap:6px;margin-top:8px}.medub-ai-input{flex:1;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none}.medub-ai-input:focus{border-color:var(--accent)}.medub-ai-send{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:var(--accent);color:#fff;cursor:pointer;transition:background .15s}.medub-ai-send:hover{background:var(--accent-hover)}.medub-context-menu{position:fixed;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;min-width:180px;z-index:1000;animation:medub-menu-in .12s ease}@keyframes medub-menu-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.medub-ctx-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:12px;font-family:inherit;cursor:pointer;width:100%;text-align:left;transition:background .1s}.medub-ctx-item:hover{background:var(--bg-tertiary)}.medub-ctx-item.danger{color:var(--danger)}.medub-ctx-item.danger:hover{background:var(--danger-light)}.medub-ctx-sep{height:1px;background:var(--border-color);margin:4px 0}.medub-minimap{position:absolute;bottom:38px;left:10px;width:160px;height:100px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;z-index:15;opacity:.85;transition:opacity .2s}.medub-minimap:hover{opacity:1}.medub-minimap-canvas{width:100%;height:100%}.medub-minimap-viewport{position:absolute;border:2px solid var(--accent);border-radius:2px;background:#2563eb14;pointer-events:none}.medub-empty-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-muted);pointer-events:none;z-index:2}.medub-empty-canvas-icon{font-size:56px;margin-bottom:16px;opacity:.3}.medub-empty-canvas h3{font-size:16px;color:var(--text-secondary);margin:0 0 6px;font-weight:600}.medub-empty-canvas p{font-size:12px;line-height:1.5;max-width:300px;margin:0 auto}.medub-drag-ghost{position:fixed;padding:6px 12px;background:var(--accent);color:#fff;border-radius:var(--radius-md);font-size:12px;font-weight:600;pointer-events:none;z-index:9999;box-shadow:var(--shadow-lg);transform:translate(-50%,-50%);white-space:nowrap}@keyframes medub-node-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.medub-node.entering{animation:medub-node-in .25s ease}.medub-media-gallery{display:flex;gap:6px;flex-wrap:wrap;padding:6px 0}.medub-media-thumb{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;position:relative;flex-shrink:0}.medub-media-thumb:hover{border-color:var(--accent);transform:scale(1.08);box-shadow:0 2px 8px #00000026}.medub-media-thumb img{width:100%;height:100%;object-fit:cover}.medub-insp-media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;padding:4px 0}.medub-insp-media-thumb{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid var(--border-color);transition:all .2s;position:relative}.medub-insp-media-thumb:hover{border-color:var(--accent);transform:scale(1.04);box-shadow:0 4px 12px #0000001f}.medub-insp-media-thumb img{width:100%;height:100%;object-fit:cover}.medub-pdf-badge{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:4px;padding:3px 8px;background:#dc2626d9;color:#fff;border-radius:var(--radius-sm);font-size:10px;font-weight:700;backdrop-filter:blur(8px);cursor:pointer;transition:all .15s;z-index:5}.medub-pdf-badge:hover{background:#dc2626;transform:scale(1.05)}.medub-pdf-section{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;margin-bottom:12px}.medub-pdf-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(135deg,#fef2f2,#fff5f5);border-bottom:1px solid var(--border-color)}.medub-pdf-info{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#dc2626}.medub-pdf-actions{display:flex;gap:4px}.medub-pdf-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:10px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.medub-pdf-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.medub-pdf-btn.primary{background:#dc2626;border-color:#dc2626;color:#fff}.medub-pdf-btn.primary:hover{background:#b91c1c}.medub-pdf-embed{width:100%;height:400px;border:none;display:block}.medub-pdf-embed-collapsed{display:none}.medub-lightbox{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:medub-lb-in .2s ease;cursor:pointer}@keyframes medub-lb-in{0%{opacity:0}to{opacity:1}}.medub-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-lg, 8px);box-shadow:0 20px 60px #00000080;cursor:default}.medub-lightbox-close{position:absolute;top:20px;right:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:18px;cursor:pointer;transition:all .15s;backdrop-filter:blur(8px)}.medub-lightbox-close:hover{background:#ffffff4d;transform:scale(1.1)}.medub-lightbox-caption{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:6px 16px;background:#0009;color:#fff;border-radius:var(--radius-full, 20px);font-size:12px;font-weight:500;backdrop-filter:blur(8px);white-space:nowrap}.medub-temp-edge{stroke:var(--accent);stroke-width:2;stroke-dasharray:6 4;fill:none;pointer-events:none}.medub-graph-container{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg-primary)}.medub-graph-container svg{width:100%;height:100%;display:block}.medub-graph-toolbar{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:25;font-size:11px}.medub-graph-toolbar .graph-tb-btn{display:flex;align-items:center;justify-content:center;gap:4px;height:28px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;font-family:inherit;transition:all .15s;white-space:nowrap}.medub-graph-toolbar .graph-tb-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.medub-graph-toolbar .graph-tb-btn.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.medub-graph-toolbar .graph-tb-sep{width:1px;height:20px;background:var(--border-color);margin:0 4px}.medub-graph-toolbar .graph-tb-search{width:140px;height:28px;padding:0 8px 0 28px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:11px;font-family:inherit;outline:none;transition:border-color .15s}.medub-graph-toolbar .graph-tb-search:focus{border-color:var(--accent)}.medub-graph-toolbar .graph-search-wrap{position:relative}.medub-graph-toolbar .graph-search-wrap .search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.medub-graph-toolbar .graph-depth-wrap{display:flex;align-items:center;gap:6px;padding:0 4px}.medub-graph-toolbar .graph-depth-label{font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.medub-graph-toolbar .graph-depth-val{font-size:11px;color:var(--accent);font-weight:700;min-width:22px;text-align:center}.medub-graph-toolbar input[type=range]{width:60px;height:4px;accent-color:var(--accent);cursor:pointer}.graph-node{cursor:pointer;transition:opacity .3s}.graph-node circle{stroke:#fff;stroke-width:1.5;transition:r .3s,stroke-width .2s,filter .3s}.graph-node:hover circle{stroke-width:3;filter:drop-shadow(0 0 8px rgba(0,0,0,.25))}.graph-node.selected circle{stroke:var(--accent);stroke-width:3;filter:drop-shadow(0 0 10px var(--accent))}.graph-node.dimmed{opacity:.08;pointer-events:none}.graph-node.highlighted circle{stroke-width:3;filter:drop-shadow(0 0 12px currentColor)}.graph-node.path-node circle{stroke:#f59e0b;stroke-width:3;filter:drop-shadow(0 0 10px #F59E0B)}.graph-node-label{font-size:7px;font-weight:700;fill:#fff;text-anchor:middle;pointer-events:none;opacity:1;text-shadow:0 1px 2px rgba(0,0,0,.4)}.graph-labels-visible .graph-node-label{opacity:1}.graph-link{stroke:var(--border-color);stroke-opacity:.12;stroke-width:1;transition:stroke-opacity .3s,stroke .3s,stroke-width .3s}.graph-link.highlighted{stroke:var(--accent);stroke-opacity:.6;stroke-width:2}.graph-link.path-link{stroke:#f59e0b;stroke-opacity:.8;stroke-width:3;stroke-dasharray:8 4;animation:graph-path-dash 1s linear infinite}@keyframes graph-path-dash{to{stroke-dashoffset:-12}}.graph-link.dimmed{stroke-opacity:.03}.graph-tooltip{position:absolute;padding:8px 12px;background:#0f0f14e6;color:#fff;border-radius:var(--radius-md);font-size:11px;pointer-events:none;z-index:50;backdrop-filter:blur(8px);box-shadow:0 4px 16px #0000004d;max-width:240px;line-height:1.4;transform:translate(-50%,-100%);margin-top:-12px;opacity:0;transition:opacity .15s}.graph-tooltip.visible{opacity:1}.graph-tooltip .tt-num{font-weight:700;color:#f59e0b;margin-right:4px}.graph-tooltip .tt-title{font-weight:600}.graph-tooltip .tt-scale{font-size:9px;color:#fff9;margin-top:2px;text-transform:uppercase;letter-spacing:.05em}.graph-tooltip .tt-connections{font-size:10px;color:#ffffff80;margin-top:2px}.graph-popover{position:absolute;width:300px;max-height:420px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026;z-index:40;font-size:12px;animation:popover-in .2s ease}@keyframes popover-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.graph-popover::-webkit-scrollbar{width:4px}.graph-popover::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.graph-popover-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.graph-popover-title{font-weight:700;font-size:13px;color:var(--text-primary)}.graph-popover-num{font-weight:700;font-size:12px;color:var(--accent);margin-right:6px}.graph-popover-close{width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.graph-popover-close:hover{background:var(--bg-primary);color:var(--text-primary)}.graph-popover-body{padding:12px 14px}.graph-popover-scale{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;margin-bottom:8px}.graph-popover-scale.town{background:#fef3c7;color:#92400e}.graph-popover-scale.building{background:#d1fae5;color:#065f46}.graph-popover-scale.construction{background:#dbeafe;color:#1e40af}.graph-popover-section{margin-bottom:10px}.graph-popover-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px}.graph-popover-section-text{color:var(--text-secondary);line-height:1.5;font-size:11px}.graph-popover-connections{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.graph-popover-conn-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);transition:all .15s}.graph-popover-conn-chip:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.graph-popover-conn-chip.up{border-left:3px solid #F59E0B}.graph-popover-conn-chip.down{border-left:3px solid #3B82F6}.graph-popover-actions{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.graph-popover-actions button{flex:1;height:28px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);font-size:10px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.graph-popover-actions button:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.graph-popover-actions button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.graph-popover-actions button.primary:hover{background:var(--accent-hover)}.graph-legend{position:absolute;bottom:38px;left:12px;display:flex;align-items:center;gap:14px;padding:6px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);z-index:25;font-size:10px;color:var(--text-secondary)}.graph-legend-item{display:flex;align-items:center;gap:5px}.graph-legend-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(0,0,0,.1)}.graph-stats{position:absolute;bottom:38px;right:12px;display:flex;align-items:center;gap:10px;padding:6px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);z-index:25;font-size:10px;color:var(--text-muted)}.graph-stats span{font-weight:600}.graph-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);z-index:30;gap:12px}.graph-loading-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:graph-spin .8s linear infinite}@keyframes graph-spin{to{transform:rotate(360deg)}}.graph-loading-text{font-size:13px;color:var(--text-secondary);font-weight:500}.graph-loading-progress{width:200px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.graph-loading-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.graph-ctx-menu{position:absolute;min-width:190px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 20px #0000001f,0 1px 4px #0000000f;z-index:60;padding:4px;animation:ctx-in .12s ease}@keyframes ctx-in{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.graph-ctx-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .12s;text-align:left}.graph-ctx-item:hover{background:var(--bg-tertiary);color:var(--accent)}.graph-ctx-item svg{flex-shrink:0;width:14px;height:14px;color:var(--text-secondary)}.graph-ctx-item:hover svg{color:var(--accent)}.graph-inspector{position:absolute;top:48px;right:0;width:240px;height:calc(100% - 86px);background:var(--bg-secondary);border-left:1px solid var(--border-color);box-shadow:-4px 0 20px #00000014;z-index:30;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease;overflow:hidden}.graph-inspector.open{transform:translate(0)}.graph-inspector-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0}.graph-inspector-title{font-size:12px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.graph-inspector-close{width:22px;height:22px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s}.graph-inspector-close:hover{background:var(--bg-primary);color:var(--text-primary)}.graph-inspector-body{flex:1;overflow-y:auto;padding:8px 12px 16px}.graph-inspector-body::-webkit-scrollbar{width:4px}.graph-inspector-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.gi-section{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.gi-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.gi-section-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px}.gi-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.gi-row:last-child{margin-bottom:0}.gi-row label{flex:1;font-size:11px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.gi-row input[type=color]{width:28px;height:22px;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:none;cursor:pointer;flex-shrink:0}.gi-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.gi-row input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.gi-row input[type=range]{flex:1;height:4px;accent-color:var(--accent);cursor:pointer;max-width:80px}.gi-val{font-size:10px;font-weight:600;color:var(--accent);min-width:24px;text-align:right}.sdm-layout{display:flex;width:100%;height:100%;gap:0;overflow:hidden;background:var(--bg-primary, #0d0d0d)}.sdm-setup-panel{width:280px;min-width:260px;display:flex;flex-direction:column;gap:2px;background:var(--bg-secondary, #141414);border-right:1px solid var(--border-color, #222);overflow-y:auto;padding:0}.sdm-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border-color, #222)}.sdm-panel-title{font-size:15px;font-weight:700;color:var(--text-primary, #eee);letter-spacing:.5px}.sdm-panel-subtitle{font-size:10px;color:var(--text-secondary, #888);opacity:.8}.sdm-meaning-box{margin:10px 14px;padding:10px 12px;background:#ffc8570f;border:1px solid rgba(255,200,87,.15);border-radius:8px;font-size:11px;line-height:1.5}.sdm-meaning-en{color:var(--text-secondary, #aaa);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,200,87,.1)}.sdm-meaning-ar{color:var(--text-secondary, #aaa);direction:rtl;text-align:right;font-family:Segoe UI,Tahoma,sans-serif}.sdm-meaning-box strong{color:#ffc857}.sdm-setup-section{padding:10px 14px}.sdm-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary, #999);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.sdm-input,.sdm-textarea,.sdm-select{width:100%;background:var(--bg-primary, #0d0d0d);border:1px solid var(--border-color, #333);border-radius:6px;color:var(--text-primary, #eee);padding:8px 10px;font-size:12px;transition:border-color .2s;box-sizing:border-box}.sdm-input:focus,.sdm-textarea:focus,.sdm-select:focus{border-color:#ffc857;outline:none}.sdm-textarea{resize:vertical;min-height:60px}.sdm-loc-row{display:flex;gap:6px}.sdm-loc-row .sdm-input{flex:1}.sdm-suggest-btn{background:#ffc8571a;border:1px solid rgba(255,200,87,.3);color:#ffc857;border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer;white-space:nowrap;transition:all .2s}.sdm-suggest-btn:hover{background:#ffc85733}.sdm-suggest-btn:disabled{opacity:.5;cursor:wait}.sdm-suggested-events{margin-top:8px;padding:8px;background:#ffc8570a;border:1px solid rgba(255,200,87,.1);border-radius:8px}.sdm-suggested-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:11px;color:#ffc857}.sdm-suggested-chips{display:flex;flex-wrap:wrap;gap:4px}.sdm-chip-suggested{font-size:10px!important;padding:3px 8px!important;background:#ffc85714!important;border-color:#ffc85733!important;color:#ffc857!important}.sdm-chip-suggested.active{background:#ffc85740!important;border-color:#ffc857!important}.sdm-loading{font-size:11px;color:var(--text-secondary, #888)}.sdm-error{font-size:11px;color:#ff6b6b}.sdm-ref-upload{position:relative;width:100%;height:120px;border:2px dashed var(--border-color, #333);border-radius:8px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .2s}.sdm-ref-upload:hover,.sdm-ref-upload.dragover{border-color:#ffc857;background:#ffc8570d}.sdm-ref-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-secondary, #666);font-size:11px}.sdm-ref-icon{font-size:28px}.sdm-ref-file{display:none}.sdm-ref-preview{width:100%;height:100%;object-fit:cover}.sdm-ref-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.sdm-gen-settings{border-top:1px solid var(--border-color, #222);padding-top:14px}.sdm-setting-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sdm-setting-label{font-size:11px;color:var(--text-secondary, #888);min-width:55px}.sdm-pill-group{display:flex;gap:3px}.sdm-pill-wrap{flex-wrap:wrap}.sdm-pill{padding:3px 8px;font-size:10px;border-radius:4px;border:1px solid var(--border-color, #333);background:transparent;color:var(--text-secondary, #888);cursor:pointer;transition:all .15s}.sdm-pill:hover{border-color:#ffc857;color:#ffc857}.sdm-pill.active{background:#ffc85733;border-color:#ffc857;color:#ffc857;font-weight:600}.sdm-selected-summary{padding:10px 14px;font-size:11px;color:var(--text-secondary, #888);text-align:center;border-top:1px solid var(--border-color, #222)}#sdm-combo-count{font-weight:700;color:#ffc857;font-size:13px}.sdm-main-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.sdm-params-area{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color, #222);overflow-y:auto;max-height:280px;min-height:80px}.sdm-param-group{flex:0 0 auto;min-width:200px;max-width:100%}.sdm-param-header{display:flex;align-items:center;gap:6px;margin-bottom:5px}.sdm-param-label{font-size:11px;font-weight:600;color:var(--text-secondary, #999)}.sdm-param-count{font-size:10px;background:#ffc85726;color:#ffc857;padding:1px 6px;border-radius:10px;font-weight:600}.sdm-chips-wrap{display:flex;flex-wrap:wrap;gap:4px}.sdm-chip{padding:4px 10px;font-size:11px;border-radius:14px;border:1px solid var(--border-color, #333);background:transparent;color:var(--text-primary, #ccc);cursor:pointer;transition:all .15s;white-space:nowrap}.sdm-chip:hover{border-color:#ffc85780;background:#ffc8570d}.sdm-chip.active{background:#ffc85726;border-color:#ffc857;color:#ffc857;font-weight:500}.sdm-chip-add{color:var(--text-secondary, #666)!important;font-size:14px!important;padding:2px 10px!important;border-style:dashed!important}.sdm-chip-add:hover{color:#ffc857!important;border-color:#ffc857!important}.sdm-chip-dynamic{background:#64dc8226!important;border-color:#64dc8280!important;color:#64dc82!important;font-weight:500;position:relative;padding-right:22px!important}.sdm-chip-dynamic:hover{background:#64dc8240!important;border-color:#64dc82!important}.sdm-chip-remove{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:9px;opacity:.6;cursor:pointer;color:inherit;line-height:1}.sdm-chip-remove:hover{opacity:1;color:#ff6b6b}.sdm-action-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border-color, #222);background:var(--bg-secondary, #141414)}.sdm-action-left{display:flex;align-items:center;gap:12px}.sdm-count-ctrl{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary, #888)}.sdm-count-input{width:50px;padding:4px 6px;background:var(--bg-primary, #0d0d0d);border:1px solid var(--border-color, #333);border-radius:4px;color:var(--text-primary, #eee);font-size:12px;text-align:center}.sdm-btn{padding:6px 14px;border-radius:6px;border:1px solid var(--border-color, #333);background:transparent;color:var(--text-primary, #ccc);font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.sdm-btn:hover{border-color:var(--text-secondary, #666);background:#ffffff08}.sdm-btn-random{border-color:#82b4ff4d;color:#82b4ff}.sdm-btn-random:hover{background:#82b4ff1a;border-color:#82b4ff}.sdm-btn-generate{background:linear-gradient(135deg,#ffc85726,#ff963226);border-color:#ffc85766;color:#ffc857;font-weight:600}.sdm-btn-generate:hover{background:linear-gradient(135deg,#ffc85740,#ff963240);border-color:#ffc857}.sdm-btn-sm{padding:3px 8px;border-radius:4px;border:1px solid rgba(255,200,87,.3);background:#ffc8571a;color:#ffc857;font-size:10px;cursor:pointer}.sdm-cards-gallery{flex:1;padding:14px 16px;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:min-content;gap:12px;align-content:start;min-height:0}.sdm-card{background:var(--bg-secondary, #181818);border:1px solid var(--border-color, #2a2a2a);border-radius:10px;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.sdm-card:hover{border-color:#ffc8574d;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.sdm-card.selected{border-color:#ffc857;box-shadow:0 0 0 1px #ffc857,0 4px 20px #ffc85726}.sdm-card.generating{opacity:.85}.sdm-card-image-area{width:100%;height:160px;background:#111;position:relative;overflow:hidden}.sdm-card-img{width:100%;height:100%;object-fit:cover}.sdm-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-secondary, #555);font-size:11px}.sdm-card-placeholder-icon{font-size:32px;opacity:.4}.sdm-card-spinner{width:24px;height:24px;border:2px solid rgba(255,200,87,.2);border-top-color:#ffc857;border-radius:50%;animation:sdm-spin .8s linear infinite}@keyframes sdm-spin{to{transform:rotate(360deg)}}.sdm-card-tags{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px 4px}.sdm-tag{font-size:9px;padding:2px 6px;border-radius:10px;background:#ffffff0f;color:var(--text-secondary, #aaa);white-space:nowrap}.sdm-tag-photo{color:#82b4ff;background:#82b4ff1a}.sdm-tag-event{color:#ff9f43;background:#ff9f431a}.sdm-tag-angle{color:#6dd5ed;background:#6dd5ed1a}.sdm-tag-time{color:#ffc857;background:#ffc8571a}.sdm-tag-mood{color:#a29bfe;background:#a29bfe1a}.sdm-card-prompt-preview{padding:4px 10px 8px;font-size:10px;line-height:1.4;color:var(--text-secondary, #777);max-height:45px;overflow:hidden}.sdm-card-actions{display:flex;gap:4px;padding:6px 10px 10px;border-top:1px solid var(--border-color, #222)}.sdm-card-btn{flex:1;padding:5px 0;border-radius:5px;border:1px solid var(--border-color, #333);background:transparent;color:var(--text-secondary, #888);font-size:10px;cursor:pointer;transition:all .15s;text-align:center}.sdm-card-btn:hover{border-color:#ffc857;color:#ffc857;background:#ffc8570d}.sdm-card-btn[data-action=select]{flex:2}.sdm-card.selected .sdm-card-btn[data-action=select]{background:#ffc85726;border-color:#ffc857;color:#ffc857;font-weight:600}.sdm-empty-gallery{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;color:var(--text-secondary, #555);text-align:center}.sdm-empty-gallery .sdm-empty-icon{font-size:48px;margin-bottom:12px;opacity:.6}.sdm-empty-gallery h4{margin:0 0 6px;color:var(--text-primary, #ccc);font-size:16px}.sdm-empty-gallery p{margin:0;font-size:12px;max-width:300px}.sdm-queue-panel{width:240px;min-width:220px;display:flex;flex-direction:column;background:var(--bg-secondary, #141414);border-left:1px solid var(--border-color, #222)}.sdm-queue-badge{font-size:11px;background:#ffc85726;color:#ffc857;padding:2px 8px;border-radius:10px;font-weight:600}.sdm-queue-list{flex:1;overflow-y:auto;padding:8px}.sdm-queue-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;margin-bottom:4px;transition:background .15s;border:1px solid transparent}.sdm-queue-item:hover{background:#ffffff08;border-color:var(--border-color, #333)}.sdm-queue-thumb{width:40px;height:40px;border-radius:5px;overflow:hidden;background:#111;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sdm-queue-thumb img{width:100%;height:100%;object-fit:cover}.sdm-queue-placeholder-icon{font-size:18px;opacity:.4}.sdm-queue-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sdm-queue-label{font-size:11px;color:var(--text-primary, #ccc);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdm-queue-sub{font-size:9px;color:var(--text-secondary, #777);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdm-queue-remove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary, #666);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.sdm-queue-remove:hover{background:#ff646426;color:#ff6b6b}.sdm-empty-queue{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}.sdm-empty-queue p{font-size:11px;color:var(--text-secondary, #555);text-align:center}.sdm-queue-actions{padding:10px;border-top:1px solid var(--border-color, #222);display:flex;flex-direction:column;gap:6px}.sdm-btn-copy-all{justify-content:center;font-size:11px}.sdm-btn-generate-all{justify-content:center;font-size:11px;background:linear-gradient(135deg,#ffc8571a,#ff96321a);border-color:#ffc8574d;color:#ffc857}.sdm-btn-generate-all:hover{background:linear-gradient(135deg,#ffc85733,#ff963233);border-color:#ffc857}.sdm-btn-download-all{justify-content:center;font-size:11px;background:#64c8ff14;border-color:#64c8ff4d;color:#64c8ff}.sdm-btn-download-all:hover{background:#64c8ff2e;border-color:#64c8ff}.sdm-card-btn-dl{background:#64c8ff14!important;border-color:#64c8ff4d!important;color:#64c8ff!important}.sdm-card-btn-dl:hover{background:#64c8ff2e!important;border-color:#64c8ff!important;color:#64c8ff!important}.sdm-queue-btns{display:flex;align-items:center;gap:2px;flex-shrink:0}.sdm-queue-dl{width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:#64c8ff;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .15s}.sdm-queue-dl:hover{background:#64c8ff26}.sdm-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);padding:10px 20px;background:#1a1a2e;color:#ffc857;border:1px solid rgba(255,200,87,.3);border-radius:8px;font-size:12px;z-index:9999;opacity:0;pointer-events:none;transition:all .3s ease;box-shadow:0 4px 20px #00000080}.sdm-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.sdm-toast.error{border-color:#ff646466;color:#ff6b6b}.sdm-setup-panel::-webkit-scrollbar,.sdm-cards-gallery::-webkit-scrollbar,.sdm-queue-list::-webkit-scrollbar,.sdm-params-area::-webkit-scrollbar{width:5px}.sdm-setup-panel::-webkit-scrollbar-thumb,.sdm-cards-gallery::-webkit-scrollbar-thumb,.sdm-queue-list::-webkit-scrollbar-thumb,.sdm-params-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sdm-setup-panel::-webkit-scrollbar-track,.sdm-cards-gallery::-webkit-scrollbar-track,.sdm-queue-list::-webkit-scrollbar-track,.sdm-params-area::-webkit-scrollbar-track{background:transparent}.tl-layout{display:flex;height:100%;gap:0;background:var(--bg-primary);overflow:hidden}.tl-config-panel,.tl-settings-panel{width:260px;min-width:220px;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto}.tl-settings-panel{border-right:none;border-left:1px solid var(--border-color)}.tl-main-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.tl-panel-header{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.tl-config-body,.tl-settings-body{padding:12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1}.tl-mode-toggle{display:flex;gap:4px;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:3px}.tl-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 8px;border:none;background:none;color:var(--text-secondary);font-size:11px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}.tl-mode-btn:hover{background:var(--bg-quaternary)}.tl-mode-btn.active{background:var(--accent);color:var(--text-inverse);font-weight:600}.tl-field{display:flex;flex-direction:column;gap:4px}.tl-field label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.tl-field label small{text-transform:none;font-weight:400;opacity:.7}.tl-input,.tl-textarea,.tl-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:7px 10px;color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;transition:border-color var(--transition-normal)}.tl-input:focus,.tl-textarea:focus,.tl-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.tl-input-sm{width:80px;text-align:center}.tl-date-range{display:flex;align-items:center;gap:6px}.tl-date-sep{color:var(--text-muted);font-size:14px}.tl-sources{display:flex;flex-direction:column;gap:4px}.tl-checkbox{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-primary);cursor:pointer}.tl-checkbox input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.tl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);font-family:inherit}.tl-btn:hover{background:var(--bg-tertiary);border-color:var(--border-strong)}.tl-btn:disabled{opacity:.5;pointer-events:none}.tl-btn-primary{background:var(--accent);color:var(--text-inverse);border-color:var(--accent);font-weight:600}.tl-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.tl-btn-accent{background:var(--accent);color:var(--text-inverse);border-color:var(--accent);font-weight:600}.tl-btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.tl-btn-sm{padding:5px 8px;font-size:11px}.tl-btn-presets{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--accent-light);border:1px solid var(--accent-subtle);color:var(--accent);border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.tl-btn-presets:hover{background:var(--accent-subtle)}.tl-preset-count{background:var(--accent);color:var(--text-inverse);font-size:10px;padding:1px 5px;border-radius:var(--radius-full);font-weight:700;min-width:16px;text-align:center}.tl-pill-group{display:flex;gap:2px;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px}.tl-pill-wrap{flex-wrap:wrap}.tl-pill{padding:4px 8px;border:none;background:none;color:var(--text-secondary);font-size:10px;font-weight:500;border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast)}.tl-pill:hover{background:var(--bg-quaternary)}.tl-pill.active{background:var(--accent);color:var(--text-inverse);font-weight:600}.tl-divider{height:1px;background:var(--border-color);margin:4px 0}.tl-main-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.tl-main-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-primary)}.tl-entry-count{font-size:10px;color:var(--text-muted);font-weight:400}.tl-main-actions{display:flex;gap:4px}.tl-progress{display:flex;align-items:center;gap:10px;padding:6px 16px;background:var(--accent-light);border-bottom:1px solid var(--border-color)}.tl-progress-track{flex:1;height:4px;background:var(--bg-quaternary);border-radius:2px;overflow:hidden}.tl-progress-fill{height:100%;width:0%;background:var(--accent);border-radius:2px;transition:width .3s}.tl-progress-text{font-size:11px;color:var(--text-secondary);white-space:nowrap}.tl-timeline-area{flex:1;overflow-y:auto;padding:20px;background:var(--bg-primary)}.tl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;color:var(--text-muted);text-align:center}.tl-empty h4{margin:0;font-size:14px;color:var(--text-secondary)}.tl-empty p{margin:0;font-size:12px;max-width:280px}.tl-cards{display:flex;flex-direction:column;gap:0;position:relative;padding-left:40px}.tl-cards:before{content:"";position:absolute;left:18px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent) 0%,var(--accent-subtle) 100%)}.tl-card{position:relative;margin-bottom:16px;animation:tlCardIn .3s ease-out}@keyframes tlCardIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.tl-card-connector{position:absolute;left:-28px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--accent);z-index:1}.tl-card-high .tl-card-connector{background:var(--accent);box-shadow:0 0 8px var(--accent-subtle)}.tl-card-year{font-size:11px;font-weight:700;color:var(--accent);margin-bottom:4px;letter-spacing:.5px}.tl-card-body{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:border-color var(--transition-normal);box-shadow:var(--shadow-xs)}.tl-card-body:hover{border-color:var(--accent-subtle);box-shadow:var(--shadow-sm)}.tl-card-img{position:relative;width:100%;max-height:180px;overflow:hidden}.tl-card-img img{width:100%;height:180px;object-fit:cover;display:block}.tl-card-img-actions{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity var(--transition-normal)}.tl-card-img:hover .tl-card-img-actions{opacity:1}.tl-card-img-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:#0000008c;color:#fff;cursor:pointer;backdrop-filter:blur(8px);transition:background var(--transition-fast)}.tl-card-img-btn:hover{background:#000000bf}.tl-card-no-img{display:flex;align-items:center;justify-content:center;height:80px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.tl-card-gen-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px dashed var(--accent-subtle);background:var(--accent-light);color:var(--accent);border-radius:var(--radius-sm);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.tl-card-gen-btn:hover{background:var(--accent-subtle)}.tl-card-content{padding:10px 12px}.tl-card-title{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text-primary)}.tl-card-desc{margin:0;font-size:11px;color:var(--text-secondary);line-height:1.5}.tl-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.tl-tag{font-size:9px;padding:2px 6px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-xs);font-weight:500}.tl-card-actions{position:absolute;top:6px;right:6px;display:flex;gap:2px;opacity:0;transition:opacity var(--transition-normal)}.tl-card-body:hover .tl-card-actions{opacity:1}.tl-card-act{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-xs);background:#00000080;color:#fff;cursor:pointer;font-size:10px;backdrop-filter:blur(4px)}.tl-card-act:hover{background:#000000b3}.tl-card-footer{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.tl-batch-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.tl-toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%) translateY(20px);background:var(--bg-secondary);color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-md);font-size:12px;opacity:0;pointer-events:none;transition:all .3s;z-index:9999;border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.tl-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.tl-toast.error{border-color:var(--danger)}.tl-toast.success{border-color:var(--accent)}.tl-presets-backdrop{position:fixed;inset:0;background:#00000040;z-index:9000;opacity:0;pointer-events:none;transition:opacity .2s}.tl-presets-backdrop.show{opacity:1;pointer-events:auto}.tl-presets-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:620px;max-width:90vw;max-height:80vh;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:9001;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:var(--shadow-xl)}.tl-presets-popup.show{opacity:1;pointer-events:auto}.tl-presets-popup.dragged{transform:none}.tl-presets-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:grab;user-select:none;background:var(--bg-tertiary);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.tl-presets-header-left{display:flex;align-items:center;gap:8px}.tl-presets-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary)}.tl-presets-header-actions{display:flex;align-items:center;gap:6px}.tl-presets-io-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.tl-presets-io-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.tl-presets-add-btn{padding:5px 12px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);font-size:11px;font-weight:600;cursor:pointer;transition:filter var(--transition-fast)}.tl-presets-add-btn:hover{background:var(--accent-hover)}.tl-presets-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-muted);font-size:18px;cursor:pointer;border-radius:var(--radius-sm)}.tl-presets-close-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.tl-presets-search-bar{padding:8px 16px}.tl-presets-search-input{width:100%;padding:7px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;outline:none;box-sizing:border-box}.tl-presets-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.tl-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:12px 16px;overflow-y:auto;flex:1}.tl-presets-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--text-muted);text-align:center;font-size:12px}.tl-presets-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.tl-presets-selected-label{font-size:12px;color:var(--text-secondary)}.tl-presets-selected-label strong{color:var(--accent)}.tl-preset-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);position:relative}.tl-preset-card:hover{border-color:var(--accent-subtle);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tl-preset-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tl-preset-thumb-wrap{position:relative;width:100%;aspect-ratio:4/3;background:var(--bg-tertiary);overflow:hidden}.tl-preset-thumb{width:100%;height:100%;object-fit:cover}.tl-preset-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.tl-preset-check{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:transparent}.tl-preset-check.checked{border-color:var(--accent);background:var(--accent);color:var(--text-inverse)}.tl-preset-delete,.tl-preset-edit{position:absolute;top:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-xs);background:#00000080;color:#fff;cursor:pointer;opacity:0;transition:opacity var(--transition-fast);font-size:14px;backdrop-filter:blur(4px)}.tl-preset-delete{right:4px}.tl-preset-edit{right:30px}.tl-preset-card:hover .tl-preset-delete,.tl-preset-card:hover .tl-preset-edit{opacity:1}.tl-preset-delete:hover{background:var(--danger)}.tl-preset-name{padding:6px 8px;font-size:11px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-preset-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;z-index:9100;opacity:0;pointer-events:none;transition:opacity .2s}.tl-preset-modal.show{opacity:1;pointer-events:auto}.tl-preset-modal-content{width:460px;max-width:90vw;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.tl-preset-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.tl-preset-modal-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.tl-preset-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-muted);font-size:18px;cursor:pointer;border-radius:var(--radius-sm)}.tl-preset-modal-close:hover{background:var(--bg-quaternary)}.tl-preset-modal-body{padding:18px;display:flex;flex-direction:column;gap:14px}.tl-preset-field{display:flex;flex-direction:column;gap:4px}.tl-preset-field label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.tl-preset-field label small{text-transform:none;font-weight:400;opacity:.7}.tl-preset-field input[type=text],.tl-preset-field textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 10px;color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;resize:vertical}.tl-preset-field input:focus,.tl-preset-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.tl-preset-thumb-upload{border:1px dashed var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.tl-preset-thumb-upload.dragover{border-color:var(--accent);background:var(--accent-light)}.tl-pm-thumb-preview{position:relative}.tl-pm-thumb-preview img{width:100%;max-height:120px;object-fit:cover;display:block}.tl-pm-thumb-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-xs);background:#0009;color:#fff;font-size:14px;cursor:pointer}.tl-pm-thumb-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;color:var(--text-muted);font-size:11px;text-align:center}.tl-pm-thumb-browse{color:var(--accent);cursor:pointer;text-decoration:underline}.tl-preset-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.tl-city-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.tl-city-header{padding:16px 20px;background:var(--accent);color:var(--text-inverse)}.tl-city-year{font-size:12px;font-weight:500;opacity:.85;letter-spacing:.5px}.tl-city-title{margin:4px 0 0;font-size:18px;font-weight:700}.tl-city-body,.tl-city-img{position:relative}.tl-city-img img{width:100%;max-height:360px;object-fit:cover;display:block}.tl-city-no-img{height:120px}.tl-city-content{padding:16px 20px}.tl-city-desc{margin:0 0 16px;font-size:13px;color:var(--text-primary);line-height:1.65}.tl-periods{position:relative;padding-left:20px;margin:12px 0}.tl-periods-track{position:absolute;left:5px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent) 0%,var(--accent-subtle) 100%);border-radius:1px}.tl-period-item{display:flex;align-items:baseline;gap:8px;padding:4px 0;position:relative}.tl-period-dot{position:absolute;left:-19px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-secondary);box-shadow:0 0 0 1px var(--accent);flex-shrink:0}.tl-period-year{font-size:11px;font-weight:700;color:var(--accent);min-width:65px;flex-shrink:0}.tl-period-event{font-size:11px;color:var(--text-secondary);line-height:1.4}.tl-card-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.tl-card-loading span{font-size:11px;color:var(--text-secondary);font-weight:500}.tl-spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:tlSpin .8s linear infinite}@keyframes tlSpin{to{transform:rotate(360deg)}}.tl-card-status{display:flex;align-items:center;gap:4px;margin-top:6px;padding:4px 8px;background:var(--warning-light);color:var(--warning);border-radius:var(--radius-xs);font-size:10px;font-weight:500}.gsh-layout{display:flex;gap:0;height:100%;overflow:hidden;background:var(--bg-primary)}.gsh-setup-panel{width:300px;min-width:280px;border-right:1px solid var(--border-color);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px;background:var(--bg-secondary)}.gsh-panel-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;padding:0 0 8px;border-bottom:1px solid var(--border-color)}.gsh-panel-title{font-size:14px;font-weight:700;color:var(--text-primary)}.gsh-panel-subtitle{font-size:10px;color:var(--text-muted)}.gsh-meaning-box{background:var(--warning-light);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:8px}.gsh-meaning-en{font-size:11px;color:var(--text-secondary);line-height:1.5;margin-bottom:6px}.gsh-meaning-en strong{color:var(--text-primary)}.gsh-meaning-ar{font-size:11px;color:var(--text-secondary);direction:rtl;text-align:right;line-height:1.5}.gsh-meaning-ar strong{color:var(--text-primary)}.gsh-section{margin-bottom:10px}.gsh-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.gsh-input{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px;color:var(--text-primary);outline:none;transition:border-color var(--transition-normal);box-sizing:border-box;font-family:inherit}.gsh-input:focus{border-color:var(--warning);box-shadow:0 0 0 2px #f59e0b26}.gsh-textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px;color:var(--text-primary);outline:none;resize:vertical;font-family:inherit;transition:border-color var(--transition-normal);box-sizing:border-box}.gsh-textarea:focus{border-color:var(--warning);box-shadow:0 0 0 2px #f59e0b26}.gsh-mode-toggle{display:flex;gap:4px;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:3px}.gsh-mode-btn{flex:1;padding:8px 12px;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--text-secondary);background:transparent;cursor:pointer;transition:all var(--transition-normal);font-family:inherit}.gsh-mode-btn.active{background:var(--bg-secondary);color:var(--warning);box-shadow:var(--shadow-sm)}.gsh-mode-btn:hover:not(.active){color:var(--text-primary);background:var(--bg-quaternary)}.gsh-pill-row{display:flex;gap:4px}.gsh-pill{padding:6px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-normal);font-family:inherit}.gsh-pill.active{background:var(--warning-light);border-color:var(--warning);color:#b45309}.gsh-pill:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary)}.gsh-progression-list{display:flex;flex-direction:column;gap:4px}.gsh-progression-btn{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;text-align:left;transition:all var(--transition-normal)}.gsh-progression-btn.active{background:var(--warning-light);border-color:var(--warning)}.gsh-progression-btn:hover:not(.active){background:var(--bg-tertiary)}.gsh-prog-label{font-size:12px;font-weight:600;color:var(--text-primary)}.gsh-prog-desc{font-size:10px;color:var(--text-muted)}.gsh-prog-shots{font-size:12px;letter-spacing:2px;margin-top:2px}.gsh-mood-grid{display:flex;flex-wrap:wrap;gap:4px}.gsh-mood-chip{padding:5px 10px;border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:11px;color:var(--text-secondary);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-normal);font-family:inherit}.gsh-mood-chip.active{background:color-mix(in srgb,var(--mood-color) 12%,white);border-color:var(--mood-color);color:color-mix(in srgb,var(--mood-color) 80%,black)}.gsh-mood-chip:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary)}.gsh-shot-grid{display:flex;flex-wrap:wrap;gap:4px}.gsh-shot-chip{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:11px;color:var(--text-secondary);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-normal);font-family:inherit}.gsh-shot-chip.active{background:var(--warning-light);border-color:var(--warning);color:#b45309}.gsh-shot-chip:hover:not(.active){background:var(--bg-tertiary)}.gsh-shot-icon{font-size:14px}.gsh-shot-label{font-size:10px}.gsh-cam-grid{display:flex;flex-wrap:wrap;gap:4px}.gsh-cam-chip{padding:5px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:11px;color:var(--text-secondary);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-normal);font-family:inherit}.gsh-cam-chip.active{background:var(--warning-light);border-color:var(--warning);color:#b45309}.gsh-cam-chip:hover:not(.active){background:var(--bg-tertiary)}.gsh-btn{padding:10px 16px;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;width:100%;font-family:inherit}.gsh-btn-generate{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;margin-top:8px;box-shadow:0 2px 8px #f59e0b4d}.gsh-btn-generate:hover{box-shadow:0 4px 14px #f59e0b66;transform:translateY(-1px)}.gsh-btn-generate:disabled{opacity:.6;transform:none;cursor:not-allowed}.gsh-btn-sm{width:auto;padding:6px 12px;font-size:11px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.gsh-btn-sm:hover{background:var(--bg-tertiary)}.gsh-btn-image{background:var(--warning-light)!important;border-color:var(--warning)!important;color:#b45309!important}.gsh-btn-image:hover{background:#f59e0b33!important}.gsh-btn-danger{color:var(--danger)!important;border-color:#ef44444d!important}.gsh-btn-danger:hover{background:var(--danger-light)!important}.gsh-main-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--bg-primary)}.gsh-timeline-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.gsh-timeline-title{font-size:13px;font-weight:600;color:var(--text-primary)}.gsh-frame-count{font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);padding:3px 10px;border-radius:var(--radius-full)}.gsh-timeline{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);min-height:100px;align-items:flex-start}.gsh-timeline::-webkit-scrollbar{height:4px}.gsh-timeline::-webkit-scrollbar-track{background:transparent}.gsh-timeline::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.gsh-timeline-frame{flex-shrink:0;width:120px;cursor:pointer;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;transition:all .2s;background:var(--bg-secondary);box-shadow:var(--shadow-xs)}.gsh-timeline-frame:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.gsh-timeline-frame.selected{border-color:var(--warning);box-shadow:0 0 0 2px #f59e0b33,var(--shadow-md)}.gsh-timeline-frame.generating{opacity:.6}.gsh-timeline-thumb{width:100%;height:68px;overflow:hidden;background:var(--bg-quaternary)}.gsh-timeline-thumb img{width:100%;height:100%;object-fit:cover}.gsh-timeline-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-muted)}.gsh-timeline-label{padding:4px 6px;display:flex;gap:4px;align-items:center}.gsh-timeline-num{font-size:10px;font-weight:700;color:#b45309;background:var(--warning-light);width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gsh-timeline-title-text{font-size:10px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gsh-timeline-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted);font-size:12px}.gsh-canvas{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-primary);position:relative}.gsh-canvas-frame{display:flex;flex-direction:column;width:100%;height:100%}.gsh-canvas-image{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}.gsh-canvas-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.gsh-canvas-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.gsh-canvas-icon{font-size:48px;opacity:.5}.gsh-canvas-info{display:flex;gap:12px;align-items:center;padding:8px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.gsh-canvas-num{font-size:11px;font-weight:600;color:#b45309}.gsh-canvas-shot{font-size:11px;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-xs)}.gsh-canvas-title{font-size:12px;color:var(--text-primary);font-weight:500}.gsh-canvas-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted);text-align:center}.gsh-canvas-empty-icon{font-size:48px;opacity:.3}.gsh-canvas-empty h4{margin:0;font-size:16px;color:var(--text-secondary)}.gsh-canvas-empty p{margin:0;font-size:12px;max-width:280px}.gsh-detail-panel{width:280px;min-width:260px;border-left:1px solid var(--border-color);overflow-y:auto;background:var(--bg-secondary);display:flex;flex-direction:column}.gsh-detail-panel .gsh-panel-header{padding:12px 16px;border-bottom:1px solid var(--border-color)}.gsh-detail-content{padding:12px 16px;flex:1}.gsh-detail-frame{display:flex;flex-direction:column;gap:10px}.gsh-detail-row{display:flex;flex-direction:column;gap:4px}.gsh-detail-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.gsh-detail-value{font-size:12px;color:var(--text-primary)}.gsh-detail-desc{font-size:11px}.gsh-detail-prompt{font-size:10px;color:var(--text-secondary)}.gsh-detail-actions{display:flex;gap:6px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--border-color)}.gsh-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:12px;text-align:center;padding:20px}.gsh-spinner{width:20px;height:20px;border:2px solid var(--warning-light);border-top-color:var(--warning);border-radius:50%;animation:gsh-spin .8s linear infinite}.gsh-spinner-lg{width:32px;height:32px;border:3px solid var(--warning-light);border-top-color:var(--warning);border-radius:50%;animation:gsh-spin .8s linear infinite}@keyframes gsh-spin{to{transform:rotate(360deg)}}.gsh-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--text-primary);color:var(--text-inverse);padding:10px 20px;border-radius:var(--radius-md);font-size:13px;z-index:var(--z-tooltip);opacity:0;transition:all .3s ease;box-shadow:var(--shadow-xl)}.gsh-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.gsh-toast-error{background:var(--danger)}.galzu-upload-area{width:100%;min-height:120px;border:2px dashed var(--border-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;background:var(--bg-primary)}.galzu-upload-area:hover,.galzu-upload-area.dragover{border-color:var(--warning);background:var(--warning-light)}.galzu-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted);font-size:12px}.galzu-preview-img{width:100%;height:140px;object-fit:cover}.galzu-remove-img{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:var(--danger);color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.galzu-grid{flex:1;overflow-y:auto;padding:16px;display:flex;align-items:flex-start}.galzu-angle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;width:100%;align-content:start}.galzu-angle-card{padding:14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:all .2s}.galzu-angle-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.galzu-angle-card.selected{border-color:var(--warning);background:var(--warning-light);box-shadow:0 0 0 2px #f59e0b26}.galzu-angle-icon{font-size:24px;margin-bottom:6px}.galzu-angle-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.galzu-angle-desc{font-size:11px;color:var(--text-secondary);line-height:1.4}.nagar-image-slots{display:grid;grid-template-columns:1fr 1fr;gap:6px}.nagar-slot{height:80px;border:2px dashed var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;overflow:hidden;position:relative;background:var(--bg-primary)}.nagar-slot.empty:hover{border-color:var(--warning);background:var(--warning-light)}.nagar-slot.filled{border-style:solid;border-color:var(--border-strong)}.nagar-slot img{width:100%;height:100%;object-fit:cover}.nagar-slot-add{font-size:24px;color:var(--text-muted)}.nagar-slot-label{font-size:9px;color:var(--text-muted)}.nagar-slot-num{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--warning);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.nagar-slot-remove{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;border:none;background:var(--danger);color:#fff;font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.nagar-result{max-width:600px;width:100%;padding:20px}.nagar-result-header{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.nagar-result-prompt{font-size:13px;color:var(--text-primary);line-height:1.7;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.dubsar-sequence{flex:1;overflow-y:auto;padding:16px;display:flex;align-items:flex-start}.dubsar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;width:100%;align-content:start}.dubsar-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);overflow:hidden;position:relative;transition:all .2s}.dubsar-card:hover{box-shadow:var(--shadow-sm)}.dubsar-card-img{height:140px;overflow:hidden;background:var(--bg-quaternary)}.dubsar-card-img img{width:100%;height:100%;object-fit:cover}.dubsar-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text-muted);font-weight:700}.dubsar-card-info{padding:10px;display:flex;flex-direction:column;gap:6px}.dubsar-card-title{width:100%;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--text-primary);font-family:inherit;outline:none;padding:2px 0;border-bottom:1px solid transparent}.dubsar-card-title:focus{border-bottom-color:var(--warning)}.dubsar-card-note{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-xs);background:var(--bg-primary);color:var(--text-secondary);font-size:11px;font-family:inherit;padding:6px 8px;resize:none;outline:none;box-sizing:border-box}.dubsar-card-note:focus{border-color:var(--warning)}.dubsar-card-remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;opacity:0;transition:opacity .2s}.dubsar-card:hover .dubsar-card-remove{opacity:1}.dubsar-card-remove:hover{background:var(--danger)}.rs-settings-block{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px;display:flex;flex-direction:column;gap:8px}.rs-row{display:flex;flex-direction:column;gap:4px}.rs-pair{display:flex;gap:8px}.rs-half{flex:1}.rs-select{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 8px;font-size:12px;color:var(--text-primary);font-family:inherit;outline:none;cursor:pointer;appearance:auto;transition:border-color var(--transition-normal)}.rs-select:focus{border-color:var(--warning);box-shadow:0 0 0 2px #f59e0b26}.tool-en-name{font-size:9px;opacity:.55;font-weight:400;display:block;margin-top:1px;line-height:1;letter-spacing:.3px}.galzu-orbit-container{display:flex;justify-content:center;padding:8px 0}.galzu-orbit-sphere{width:130px;height:130px;position:relative;perspective:400px;transform-style:preserve-3d}.galzu-orbit-ring{position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);border-radius:50%}.galzu-orbit-ring-h{transform:rotateX(75deg)}.galzu-orbit-ring-v{transform:rotateY(0)}.galzu-orbit-ring-d{transform:rotateY(45deg);border-style:dashed;opacity:.5}.galzu-orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-secondary)}.galzu-orbit-camera{position:absolute;top:50%;left:50%;color:var(--warning);transition:transform .2s ease;z-index:2;filter:drop-shadow(0 0 6px rgba(245,158,11,.5))}.galzu-sliders{display:flex;flex-direction:column;gap:8px}.galzu-slider-row{display:grid;grid-template-columns:80px 1fr 36px;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.galzu-slider-row label{display:flex;align-items:center;gap:4px}.galzu-slider-row input[type=range]{width:100%;accent-color:var(--warning);height:4px}.galzu-slider-val{text-align:right;font-family:monospace;font-size:11px;color:var(--text-primary)}.galzu-toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-secondary)}.galzu-toggle-row label{display:flex;align-items:center;gap:4px}.galzu-toggle{padding:2px 10px;font-size:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.galzu-toggle.active{background:var(--warning);color:#000;border-color:var(--warning)}.galzu-prompt-preview{text-align:center;font-size:11px;color:var(--warning);background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-sm);padding:6px 10px;margin:6px 0;font-family:monospace}.galzu-result-view{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:12px}.galzu-result-img{max-width:100%;max-height:100%;border-radius:var(--radius-md);box-shadow:0 4px 20px #0000004d}.galzu-filmstrip{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.galzu-filmstrip-item{flex:0 0 70px;cursor:pointer;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;transition:border-color .2s;position:relative}.galzu-filmstrip-item.selected{border-color:var(--warning)}.galzu-filmstrip-item img{width:70px;height:50px;object-fit:cover;display:block}.galzu-filmstrip-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;font-size:8px;color:#fff;padding:2px 4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.galzu-detail-prompt{font-size:11px;color:var(--text-secondary);background:var(--bg-tertiary);padding:8px;border-radius:var(--radius-sm);line-height:1.4;margin-top:4px}.agrun-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;height:100%;align-content:start}.agrun-grid-cell{aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border-color);cursor:pointer;transition:border-color .2s,opacity .2s;position:relative;background:var(--bg-tertiary)}.agrun-grid-cell:hover{border-color:var(--text-secondary)}.agrun-grid-cell.selected{border-color:var(--warning)}.agrun-grid-cell.generating{opacity:.65;border-color:var(--warning)}.agrun-grid-img{width:100%;height:100%;object-fit:cover}.agrun-grid-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);opacity:.4}.agrun-grid-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);font-size:9px;color:#fff;padding:12px 6px 4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agrun-analysis-box{font-size:11px;color:var(--text-secondary);background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-sm);padding:8px 10px;line-height:1.4}.nagar-result-image-wrap{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:12px}.nagar-result-image{max-width:100%;max-height:100%;border-radius:var(--radius-md);box-shadow:0 4px 20px #0000004d}.gsh-detail-image-wrap{margin-bottom:12px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.gsh-detail-image{width:100%;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.idgen-tab{display:grid;grid-template-columns:280px 240px 1fr;height:100%;background:var(--bg-primary);overflow:hidden}.idgen-sources,.idgen-layers,.idgen-output{display:flex;flex-direction:column;height:100%;overflow:hidden}.idgen-sources,.idgen-layers{background:var(--bg-secondary);border-right:1px solid var(--border-primary)}.idgen-output{background:var(--bg-primary)}.idgen-col-header{display:flex;align-items:center;gap:8px;padding:14px 16px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.idgen-col-header svg{width:14px;height:14px;opacity:.6}.idgen-sources-scroll,.idgen-layers-scroll,.idgen-output-scroll{flex:1;overflow-y:auto;padding:12px;min-height:0}.idgen-section{margin-bottom:16px}.idgen-section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:8px;padding:0 2px}.idgen-source-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border-primary);margin-bottom:6px;cursor:pointer;transition:border-color .15s,background .15s}.idgen-source-card:hover{border-color:var(--accent-primary);background:#8b5cf60a}.idgen-source-card.active{border-color:var(--accent-primary);background:#8b5cf60f}.idgen-source-card input[type=checkbox]{width:14px;height:14px;accent-color:#8B5CF6;cursor:pointer;flex-shrink:0}.idgen-source-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.idgen-source-info{flex:1;min-width:0}.idgen-source-name{font-size:12px;font-weight:500;color:var(--text-primary)}.idgen-source-desc{font-size:10px;color:var(--text-muted);margin-top:2px}.idgen-source-badge{font-size:9px;padding:2px 6px;border-radius:4px;background:#8b5cf61a;color:#a78bfa;font-weight:600;flex-shrink:0}.idgen-upload-zone{border:1.5px dashed var(--border-secondary);border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:6px}.idgen-upload-zone:hover,.idgen-upload-zone.dragover{border-color:#8b5cf6;background:#8b5cf60a}.idgen-upload-zone svg{width:24px;height:24px;color:var(--text-muted);margin-bottom:6px}.idgen-upload-label{font-size:11px;color:var(--text-secondary)}.idgen-upload-hint{font-size:9px;color:var(--text-muted);margin-top:4px}.idgen-uploaded-files{display:flex;flex-direction:column;gap:4px;margin-top:6px}.idgen-uploaded-file{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;background:var(--bg-primary);border:1px solid var(--border-primary);font-size:10px;color:var(--text-secondary)}.idgen-uploaded-file .file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idgen-uploaded-file .file-remove{width:16px;height:16px;border:none;background:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:3px}.idgen-uploaded-file .file-remove:hover{color:#ef4444;background:#ef44441a}.idgen-notes-area{width:100%;min-height:80px;max-height:160px;resize:vertical;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:11px;padding:10px;outline:none;transition:border-color .15s}.idgen-notes-area:focus{border-color:#8b5cf6}.idgen-notes-area::placeholder{color:var(--text-muted)}.idgen-generate-btn{width:100%;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s,transform .1s;margin-top:8px}.idgen-generate-btn:hover{opacity:.9}.idgen-generate-btn:active{transform:scale(.98)}.idgen-generate-btn:disabled{opacity:.5;cursor:not-allowed}.idgen-generate-btn svg{width:16px;height:16px}.idgen-progress{margin-top:8px;display:none}.idgen-progress.active{display:block}.idgen-progress-bar{height:3px;border-radius:2px;background:var(--border-primary);overflow:hidden}.idgen-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;width:0%;transition:width .3s ease}.idgen-progress-text{font-size:10px;color:var(--text-muted);margin-top:4px;text-align:center}.idgen-layer-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:8px;overflow:hidden;transition:border-color .15s}.idgen-layer-card.active{border-color:#8b5cf64d}.idgen-layer-header{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:background .1s}.idgen-layer-header:hover{background:#8b5cf608}.idgen-layer-header input[type=checkbox]{width:14px;height:14px;accent-color:#8B5CF6;cursor:pointer}.idgen-layer-emoji{font-size:14px}.idgen-layer-name{font-size:12px;font-weight:500;color:var(--text-primary);flex:1}.idgen-layer-toggle{width:20px;height:20px;border:none;background:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:transform .2s,color .15s}.idgen-layer-toggle:hover{color:var(--text-secondary)}.idgen-layer-card.expanded .idgen-layer-toggle{transform:rotate(180deg)}.idgen-layer-body{display:none;padding:4px 12px 12px;border-top:1px solid var(--border-primary)}.idgen-layer-card.expanded .idgen-layer-body{display:block}.idgen-layer-hint{font-size:10px;color:var(--text-muted);line-height:1.5}.idgen-layer-hint ul{margin:4px 0 0;padding-left:14px}.idgen-layer-hint li{margin-bottom:2px}.idgen-layer-remove{width:20px;height:20px;border:none;background:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px}.idgen-layer-remove:hover{color:#ef4444;background:#ef444414}.idgen-add-layer-btn{width:100%;padding:8px;border:1.5px dashed var(--border-secondary);border-radius:8px;background:none;color:var(--text-muted);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:border-color .15s,color .15s}.idgen-add-layer-btn:hover{border-color:#8b5cf6;color:#a78bfa}.idgen-output-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:40px}.idgen-output-empty svg{width:48px;height:48px;margin-bottom:16px;opacity:.3}.idgen-output-empty h4{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0 0 6px}.idgen-output-empty p{font-size:11px;margin:0;max-width:240px;line-height:1.5}.idgen-output-actions{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border-primary);flex-shrink:0;display:none}.idgen-output-actions.visible{display:flex}.idgen-action-btn{padding:5px 10px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);font-size:10px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:border-color .15s,background .15s}.idgen-action-btn:hover{border-color:var(--accent-primary);background:#8b5cf60f;color:var(--text-primary)}.idgen-action-btn svg{width:12px;height:12px}.idgen-action-btn.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:transparent}.idgen-action-btn.primary:hover{opacity:.9}.idgen-md-preview{padding:20px 24px;font-size:13px;line-height:1.7;color:var(--text-primary)}.idgen-md-preview h1{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid rgba(139,92,246,.2)}.idgen-md-preview h2{font-size:16px;font-weight:600;color:#a78bfa;margin:24px 0 8px}.idgen-md-preview h3{font-size:13px;font-weight:600;color:var(--text-secondary);margin:16px 0 6px}.idgen-md-preview p{margin:6px 0}.idgen-md-preview ul,.idgen-md-preview ol{margin:6px 0;padding-left:20px}.idgen-md-preview li{margin-bottom:3px}.idgen-md-preview strong{color:var(--text-primary);font-weight:600}.idgen-md-preview blockquote{border-left:3px solid #8B5CF6;padding:6px 12px;margin:8px 0;background:#8b5cf60a;border-radius:0 6px 6px 0;font-style:italic;color:var(--text-secondary)}.idgen-md-preview hr{border:none;border-top:1px solid var(--border-primary);margin:20px 0}.idgen-md-preview code{background:#8b5cf614;padding:1px 5px;border-radius:3px;font-size:11px;color:#c4b5fd}.idgen-md-editor{width:100%;height:100%;border:none;background:var(--bg-primary);color:var(--text-primary);font-family:Fira Code,Consolas,monospace;font-size:12px;line-height:1.6;padding:20px 24px;resize:none;outline:none;display:none}.idgen-md-editor.active{display:block}.idgen-md-editor.active+.idgen-md-preview{display:none}.idgen-model-select{width:100%;padding:8px 10px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:11px;outline:none;cursor:pointer;margin-bottom:8px}.idgen-model-select:focus{border-color:#8b5cf6}.idgen-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:idgen-spin .6s linear infinite}@keyframes idgen-spin{to{transform:rotate(360deg)}}.idgen-action-separator{width:1px;height:18px;background:var(--border-primary);margin:0 2px;flex-shrink:0}.idgen-send-md-btn{background:linear-gradient(135deg,#d97706,#b45309)!important;border-color:transparent!important;color:#fff!important}.idgen-send-md-btn:hover{opacity:.9!important;background:linear-gradient(135deg,#d97706,#b45309)!important}.idgen-send-md-btn.sent{background:#22c55e!important;border-color:transparent!important;color:#fff!important}.node-editor-container{display:grid;grid-template-columns:230px 1fr 280px;grid-template-rows:48px 1fr;height:100%;min-height:0;background:var(--bg-primary)}.ne-toolbar{grid-column:1 / -1;display:flex;align-items:center;gap:4px;padding:0 14px;background:#fff;border-bottom:1px solid var(--border-color);box-shadow:0 1px 4px #0000000a;z-index:10}.ne-toolbar-group{display:flex;align-items:center;gap:3px}.ne-toolbar-divider{width:1px;height:22px;background:var(--border-color);margin:0 8px}.ne-toolbar-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;color:var(--text-secondary);font-family:inherit;font-size:11.5px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.ne-toolbar-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(37,99,235,.06),transparent);opacity:0;transition:opacity .2s}.ne-toolbar-btn:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #2563eb1f}.ne-toolbar-btn:hover:after{opacity:1}.ne-toolbar-btn:active{transform:translateY(0);box-shadow:none}.ne-toolbar-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #2563eb40}.ne-toolbar-btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px #2563eb4d}.ne-toolbar-btn.running{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;animation:ne-pulse-glow 2s ease-in-out infinite}@keyframes ne-pulse-glow{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 6px #ef444414}}.ne-toolbar-label{font-size:10.5px;color:var(--text-muted);margin-left:4px;font-weight:500}.ne-library{display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--border-color);overflow:hidden;min-height:0}.ne-library-header{padding:12px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--accent);border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,#f8faff,#fff);display:flex;align-items:center;gap:6px}.ne-library-header:before{content:"";display:inline-block;width:3px;height:14px;background:linear-gradient(180deg,var(--accent),#A855F7);border-radius:2px}.ne-library-search{padding:10px 12px;border-bottom:1px solid var(--border-color);background:#fafbff}.ne-library-search input{width:100%;padding:7px 12px 7px 32px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;color:var(--text-primary);font-family:inherit;font-size:12px;box-sizing:border-box;transition:all .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center}.ne-library-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a;background-color:#fff}.ne-library-scroll{flex:1;overflow-y:auto;padding:6px 0;min-height:0}.ne-lib-category{margin-bottom:2px}.ne-lib-cat-header{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:11.5px;font-weight:600;color:var(--text-primary);cursor:pointer;user-select:none;transition:all .2s;border-radius:0;position:relative}.ne-lib-cat-header:hover{background:var(--accent-light);color:var(--accent)}.ne-lib-cat-chevron{font-size:8px;color:var(--text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ne-lib-category.collapsed .ne-lib-cat-chevron{transform:rotate(-90deg)}.ne-lib-category.collapsed .ne-lib-cat-items{display:none}.ne-lib-cat-items{animation:ne-slide-down .25s cubic-bezier(.4,0,.2,1)}@keyframes ne-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ne-lib-node{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 28px;font-size:11.5px;color:var(--text-secondary);cursor:grab;transition:all .15s cubic-bezier(.4,0,.2,1);user-select:none;border-radius:0;position:relative}.ne-lib-node:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .15s;border-radius:0 2px 2px 0}.ne-lib-node:hover{background:var(--accent-light);color:var(--accent);padding-left:32px}.ne-lib-node:hover:before{background:var(--accent)}.ne-lib-node:active{cursor:grabbing;transform:scale(.98)}.ne-lib-node-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #ffffffe6,0 0 6px currentColor;transition:transform .2s,box-shadow .2s}.ne-lib-node:hover .ne-lib-node-dot{transform:scale(1.25);box-shadow:0 0 0 2px #ffffffe6,0 0 12px currentColor}.ne-canvas-wrap{position:relative;overflow:hidden;min-height:0;background:#f0f4ff;border-radius:0}.ne-canvas-wrap canvas{width:100%!important;height:100%!important}.ne-canvas-wrap.drag-over:after{content:"";position:absolute;inset:0;border:2px dashed var(--accent);border-radius:8px;background:#2563eb0a;pointer-events:none;animation:ne-drop-pulse 1.5s ease-in-out infinite;z-index:5}@keyframes ne-drop-pulse{0%,to{border-color:#2563eb4d}50%{border-color:#2563eb99}}.ne-preview{display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--border-color);overflow:hidden;min-height:0}.ne-preview-header{padding:12px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--accent);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#f8faff,#fff)}.ne-preview-body{flex:1;overflow-y:auto;min-height:0;padding:12px}.ne-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:12px;text-align:center;gap:10px}.ne-preview-empty svg{opacity:.2;color:var(--accent)}.ne-preview-image{width:100%;border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:10px;box-shadow:0 2px 12px #0000000f;transition:transform .2s}.ne-preview-image:hover{transform:scale(1.02);box-shadow:0 4px 20px #0000001a}.ne-preview-text{font-size:11.5px;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word;background:var(--bg-tertiary);padding:12px;border-radius:var(--radius-md);border:1px solid var(--border-color);max-height:300px;overflow-y:auto;font-family:SF Mono,Fira Code,Consolas,monospace}.ne-progress-overlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#ffffffeb;backdrop-filter:blur(16px) saturate(1.5);border:1px solid var(--border-color);border-radius:14px;padding:14px 24px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 32px #0000001a,0 0 0 1px #2563eb14;z-index:20;font-size:12px;color:var(--text-primary);min-width:300px;font-weight:500}.ne-progress-bar{flex:1;height:5px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;position:relative}.ne-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#A855F7);border-radius:3px;transition:width .3s ease;position:relative}.ne-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:ne-shimmer 1.5s ease-in-out infinite}@keyframes ne-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ne-progress-overlay.hidden{display:none}.ne-canvas-wrap .litegraph.litegraph-canvas,.ne-canvas-wrap canvas.graphcanvas{background-color:#f0f4ff!important}.litecontextmenu,.litegraph .lgraphcanvas .graphnode,.lgraphcanvas .graphnode{font-family:Inter,Segoe UI,system-ui,sans-serif!important}.lgraphcanvas .slot_IMAGE{color:#e11d48!important}.lgraphcanvas .slot_TEXT{color:#0891b2!important}.lgraphcanvas .slot_PROMPT{color:#d97706!important}.lgraphcanvas .slot_JSON_DATA{color:#2563eb!important}.lgraphcanvas .slot_ANALYSIS{color:#7c3aed!important}.litecontextmenu{background:#fffffff2!important;backdrop-filter:blur(20px) saturate(1.8)!important;border:1px solid rgba(37,99,235,.15)!important;border-radius:12px!important;box-shadow:0 12px 48px #0000001f,0 0 0 1px #0000000a!important;padding:6px!important;min-width:200px!important;font-family:Inter,Segoe UI,system-ui,sans-serif!important}.litecontextmenu .litemenu-entry{padding:7px 14px!important;margin:1px 0!important;border-radius:8px!important;color:var(--text-primary)!important;font-size:12px!important;transition:all .12s!important}.litecontextmenu .litemenu-entry:hover{background:var(--accent-light)!important;color:var(--accent)!important}.litecontextmenu .litemenu-entry.separator{border-top:1px solid var(--border-color)!important;margin:4px 8px!important;padding:0!important;height:0!important}.litecontextmenu .litemenu-entry.has_submenu:after{color:var(--accent)!important}.graphdialog{background:#fffffff5!important;backdrop-filter:blur(20px)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 16px 48px #0000001f!important;padding:16px!important;font-family:Inter,Segoe UI,system-ui,sans-serif!important;color:var(--text-primary)!important}.graphdialog input,.graphdialog textarea,.graphdialog select{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;color:var(--text-primary)!important;padding:8px 12px!important;font-size:12px!important;font-family:Inter,Segoe UI,system-ui,sans-serif!important;outline:none!important;transition:all .2s!important}.graphdialog input:focus,.graphdialog textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #2563eb1a!important}.graphdialog button,.graphdialog .btn{background:var(--accent-light)!important;border:1px solid var(--accent)!important;border-radius:8px!important;color:var(--accent)!important;padding:7px 16px!important;cursor:pointer!important;font-size:12px!important;font-weight:500!important;transition:all .2s!important}.graphdialog button:hover{background:var(--accent)!important;color:#fff!important}.ne-node-textarea{background:#fff!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;padding:10px 12px!important;font-family:SF Mono,Fira Code,Consolas,monospace!important;font-size:11.5px!important;line-height:1.6!important;resize:none!important;outline:none!important;box-sizing:border-box!important;overflow-y:auto!important;transition:all .2s!important}.ne-node-textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #2563eb1a,0 4px 16px #2563eb0f!important}.ne-node-textarea::placeholder{color:var(--text-muted)!important;font-style:italic!important}.ne-minimap{display:block;border-radius:10px;border:1px solid var(--border-color);box-shadow:0 4px 20px #00000014,0 0 0 1px #2563eb0f;cursor:crosshair;transition:all .25s cubic-bezier(.4,0,.2,1);opacity:.9;background:#fffc;backdrop-filter:blur(8px)}.ne-minimap:hover{opacity:1;border-color:var(--accent);box-shadow:0 4px 20px #2563eb1f,0 0 0 1px var(--accent);transform:scale(1.02)}#ne-template-select{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:inherit;font-size:11px;cursor:pointer;appearance:none;padding-right:22px!important;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%232563EB' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;transition:all .2s}#ne-template-select:hover{border-color:var(--accent);color:var(--text-primary);box-shadow:0 2px 8px #2563eb14}#ne-template-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a;outline:none}#ne-template-select option{background:#fff;color:var(--text-primary);padding:6px 10px}.ne-toolbar-btn.primary{background:var(--accent-light)!important;border-color:var(--accent)!important;color:var(--accent)!important;box-shadow:0 0 0 2px #2563eb14}@keyframes ne-node-success{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes ne-node-error{0%,to{transform:translate(0)}20%,60%{transform:translate(-2px)}40%,80%{transform:translate(2px)}}@keyframes ne-node-running{0%{background-position:-200% 0}to{background-position:200% 0}}.ne-library-scroll::-webkit-scrollbar{width:4px}.ne-library-scroll::-webkit-scrollbar-track{background:transparent}.ne-library-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.ne-library-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.ne-preview-body::-webkit-scrollbar{width:4px}.ne-preview-body::-webkit-scrollbar-track{background:transparent}.ne-preview-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.kisal-container{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-primary, #FAFAFA);overflow:hidden}.kisal-toolbar{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-secondary, #FFFFFF);border-bottom:1px solid var(--border-color, #E5E5E5);flex-shrink:0;z-index:20;box-shadow:var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, .04))}.kisal-tool-group{display:flex;align-items:center;gap:2px}.kisal-toolbar-divider{width:1px;height:22px;background:var(--border-color, #E5E5E5);margin:0 6px}.kisal-toolbar-spacer{flex:1}.kisal-tool-btn{display:flex;align-items:center;justify-content:center;width:34px;height:30px;border:none;border-radius:var(--radius-sm, 6px);background:transparent;color:var(--text-secondary, #666666);cursor:pointer;transition:all var(--transition-normal, .15s ease);position:relative}.kisal-tool-btn:hover{background:var(--accent-light, #EFF6FF);color:var(--accent, #2563EB)}.kisal-tool-btn.active{background:var(--accent-subtle, #DBEAFE);color:var(--accent, #2563EB);box-shadow:inset 0 0 0 1px var(--accent, #2563EB)}.kisal-action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:28px;border:none;border-radius:var(--radius-xs, 4px);background:transparent;color:var(--text-muted, #999999);cursor:pointer;transition:all var(--transition-normal, .15s ease)}.kisal-action-btn:hover{background:var(--bg-tertiary, #F5F5F5);color:var(--text-primary, #1A1A1A)}.kisal-action-btn.active{color:var(--accent, #2563EB)}.kisal-color-btn{width:18px;height:18px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all var(--transition-fast, .1s ease);margin:0 1px}.kisal-color-btn:hover{transform:scale(1.2);border-color:var(--border-strong, #D0D0D0)}.kisal-shape-btn{display:flex;align-items:center;justify-content:center;width:28px;height:26px;border:none;border-radius:var(--radius-xs, 4px);background:transparent;color:var(--text-muted, #999999);cursor:pointer;transition:all var(--transition-fast, .1s ease)}.kisal-shape-btn:hover{background:var(--accent-light, #EFF6FF);color:var(--accent, #2563EB)}.kisal-shape-btn.active{background:var(--accent-subtle, #DBEAFE);color:var(--accent, #2563EB)}.kisal-shapes-grid{display:flex;flex-wrap:wrap;gap:2px;padding:4px 6px;max-width:260px;background:var(--bg-secondary, #FFF);border:1px solid var(--border-color, #E5E5E5);border-radius:var(--radius-sm, 6px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}.kisal-pen-panel{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-secondary, #FFF);border:1px solid var(--border-color, #E5E5E5);border-radius:var(--radius-sm, 6px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}.kisal-pen-mode-btn{display:flex;align-items:center;justify-content:center;width:28px;height:26px;border:none;border-radius:var(--radius-xs, 4px);background:transparent;color:var(--text-muted, #999);cursor:pointer;transition:all .12s ease}.kisal-pen-mode-btn:hover{background:var(--accent-light, #EFF6FF);color:var(--accent, #2563EB)}.kisal-pen-mode-btn.active{background:var(--accent-subtle, #DBEAFE);color:var(--accent, #2563EB)}.kisal-toolbar-divider-v{display:inline-block;width:1px;height:20px;background:var(--border-color, #E5E5E5);margin:0 4px;vertical-align:middle}.kisal-pen-color{width:24px;height:24px;border:1px solid var(--border-color, #E5E5E5);border-radius:var(--radius-xs, 4px);cursor:pointer;padding:0;background:none;-webkit-appearance:none;appearance:none}.kisal-pen-color::-webkit-color-swatch-wrapper{padding:2px}.kisal-pen-color::-webkit-color-swatch{border:none;border-radius:2px}.kisal-pen-width{width:60px;height:4px;accent-color:var(--accent, #2563EB);cursor:pointer}.kisal-richtext-toolbar{display:flex;align-items:center;gap:2px;padding:4px 8px;background:#191923eb;backdrop-filter:blur(10px);border-radius:8px 8px 0 0;border:1px solid rgba(255,255,255,.1);border-bottom:none}.kisal-richtext-toolbar button{background:none;border:none;color:#ccc;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:13px;min-width:28px;text-align:center;transition:all .12s}.kisal-richtext-toolbar button:hover{background:#ffffff1f;color:#fff}.kisal-rt-sep{width:1px;height:18px;background:#ffffff1f;margin:0 3px}.kisal-richtext-toolbar select{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ccc;border-radius:4px;padding:2px 4px;font-size:11px;cursor:pointer;outline:none}.kisal-richtext-toolbar input[type=color]{width:22px;height:22px;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:0;cursor:pointer;background:none}.kisal-text-editor{font-family:Inter,Segoe UI,system-ui,sans-serif;overflow:auto;max-height:400px}.kisal-viewport{flex:1;position:relative;overflow:hidden;width:100%}.kisal-viewport canvas{display:block;width:100%;height:100%}.kisal-text-editor{font-family:Inter,Segoe UI,system-ui,sans-serif;overflow-y:auto;max-height:400px}.kisal-text-editor:focus{box-shadow:0 0 0 3px #2563eb33}.kisal-minimap{position:absolute;bottom:16px;right:16px;background:var(--bg-secondary, #FFFFFF);border:1px solid var(--border-color, #E5E5E5);border-radius:var(--radius-md, 8px);overflow:hidden;box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .08));z-index:15}.kisal-minimap canvas{display:block}.kisal-zoom-controls{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:4px;background:var(--bg-secondary, #FFFFFF);border:1px solid var(--border-color, #E5E5E5);border-radius:var(--radius-md, 8px);padding:4px 8px;z-index:15;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06))}.kisal-zoom-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--radius-xs, 4px);background:transparent;color:var(--text-secondary, #666666);cursor:pointer;transition:all var(--transition-fast, .1s ease)}.kisal-zoom-btn:hover{background:var(--accent-light, #EFF6FF);color:var(--accent, #2563EB)}.kisal-zoom-label{font-size:11px;color:var(--accent, #2563EB);font-weight:600;min-width:38px;text-align:center;font-family:Inter,Segoe UI,system-ui,sans-serif}.kisal-context-menu{background:var(--bg-secondary, #FFFFFF);border:1px solid var(--border-color, #E5E5E5);border-radius:var(--radius-md, 8px);padding:4px;min-width:180px;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f;backdrop-filter:blur(12px);animation:kisalMenuIn .12s ease-out;font-family:Inter,Segoe UI,system-ui,sans-serif}@keyframes kisalMenuIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.kisal-ctx-item{display:block;width:100%;padding:7px 12px;border:none;border-radius:var(--radius-sm, 6px);background:transparent;color:var(--text-primary, #1A1A1A);font-size:12.5px;text-align:left;cursor:pointer;transition:background .1s ease;white-space:nowrap}.kisal-ctx-item:hover:not(:disabled){background:var(--accent-light, #EFF6FF);color:var(--accent, #2563EB)}.kisal-ctx-item:disabled{opacity:.4;cursor:default}.kisal-ctx-separator{height:1px;background:var(--border-color, #E5E5E5);margin:3px 8px}.kisal-template-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:kisalOverlayIn .2s ease-out}@keyframes kisalOverlayIn{0%{opacity:0}to{opacity:1}}.kisal-template-modal{background:var(--bg-secondary, #FFFFFF);border-radius:16px;width:90%;max-width:820px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #0003,0 4px 16px #00000014;animation:kisalModalIn .25s ease-out;overflow:hidden}@keyframes kisalModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.kisal-template-header{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-color, #E5E5E5);flex-shrink:0}.kisal-template-title{display:flex;align-items:center;gap:8px;color:var(--text-primary, #1A1A1A)}.kisal-template-title h2{margin:0;font-size:16px;font-weight:700;font-family:Inter,Segoe UI,system-ui,sans-serif}.kisal-template-search{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg-primary, #FAFAFA);border:1px solid var(--border-color, #E5E5E5);border-radius:8px;padding:6px 12px;color:var(--text-muted, #999)}.kisal-template-search input{border:none;background:transparent;outline:none;font-size:13px;color:var(--text-primary, #1A1A1A);font-family:Inter,Segoe UI,system-ui,sans-serif;width:100%}.kisal-template-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-muted, #999);cursor:pointer;transition:all .15s ease}.kisal-template-close:hover{background:#fee2e2;color:#dc2626}.kisal-template-categories{display:flex;gap:4px;padding:10px 20px;border-bottom:1px solid var(--border-color, #E5E5E5);flex-shrink:0;overflow-x:auto}.kisal-cat-btn{padding:6px 14px;border:1px solid var(--border-color, #E5E5E5);border-radius:20px;background:transparent;color:var(--text-secondary, #666);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:Inter,Segoe UI,system-ui,sans-serif}.kisal-cat-btn:hover{background:var(--accent-light, #EFF6FF);border-color:var(--accent, #2563EB);color:var(--accent, #2563EB)}.kisal-cat-btn.active{background:var(--accent, #2563EB);border-color:var(--accent, #2563EB);color:#fff}.kisal-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:20px;overflow-y:auto;flex:1}.kisal-template-card{border:1px solid var(--border-color, #E5E5E5);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary, #FFFFFF)}.kisal-template-card-preview{height:110px;display:flex;align-items:center;justify-content:center;font-size:48px;position:relative;overflow:hidden}.kisal-template-card-icon{font-size:42px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.kisal-template-card-info{padding:12px 14px;border-top:1px solid var(--border-color, #E5E5E5)}.kisal-template-card-info h4{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text-primary, #1A1A1A);font-family:Inter,Segoe UI,system-ui,sans-serif}.kisal-template-card-info p{margin:0;font-size:11px;color:var(--text-muted, #999);line-height:1.4;font-family:Inter,Segoe UI,system-ui,sans-serif}.kisal-template-card-badge{display:inline-block;margin-top:6px;padding:2px 8px;background:var(--accent-light, #EFF6FF);color:var(--accent, #2563EB);border-radius:10px;font-size:10px;font-weight:600;font-family:Inter,Segoe UI,system-ui,sans-serif}.kisal-search-bar{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:#fffffff7;backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:6px 12px;box-shadow:0 4px 20px #0000001f;z-index:200;animation:kisalSearchSlide .2s ease-out;font-family:Inter,Segoe UI,system-ui,sans-serif}@keyframes kisalSearchSlide{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.kisal-search-bar input{border:none;outline:none;background:transparent;font-size:13px;width:180px;color:#1a1a1a;font-family:inherit}.kisal-search-bar input::placeholder{color:#999}.kisal-search-count{font-size:11px;color:#666;white-space:nowrap;min-width:60px;text-align:center}.kisal-search-bar button{background:none;border:none;cursor:pointer;font-size:11px;color:#666;padding:2px 6px;border-radius:4px;transition:background .15s,color .15s}.kisal-search-bar button:hover{background:#2563eb1a;color:#2563eb}.kisal-richtext-toolbar{display:flex;align-items:center;gap:2px;background:#fffffff7;backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.1);border-radius:8px 8px 0 0;padding:4px 8px;box-shadow:0 -2px 12px #00000014;font-family:Inter,Segoe UI,system-ui,sans-serif}.kisal-richtext-toolbar button{background:none;border:none;cursor:pointer;width:28px;height:28px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#333;transition:background .15s,color .15s}.kisal-richtext-toolbar button:hover{background:#2563eb1f;color:#2563eb}.kisal-rt-sep{width:1px;height:18px;background:#0000001a;margin:0 4px}.kisal-richtext-toolbar select{border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:2px 4px;font-size:11px;background:transparent;cursor:pointer;outline:none;font-family:inherit}.kisal-richtext-toolbar input[type=color]{width:24px;height:24px;border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;padding:1px}.kisal-sel-toolbar{position:absolute;display:flex;align-items:center;gap:2px;background:#1e1e28eb;backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px 8px;box-shadow:0 4px 24px #00000040;z-index:150;pointer-events:auto;animation:kisalSelTbSlide .15s ease-out;font-family:Inter,Segoe UI,system-ui,sans-serif}@keyframes kisalSelTbSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kisal-sel-toolbar button{background:none;border:none;cursor:pointer;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#ffffffd9;transition:background .15s,color .15s}.kisal-sel-toolbar button:hover{background:#ffffff1f;color:#fff}.kisal-sel-sep{width:1px;height:20px;background:#ffffff26;margin:0 4px;flex-shrink:0}.kisal-sel-color{width:26px;height:26px;border:2px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;padding:0;background:transparent;margin:0 2px}.kisal-sel-color:hover{border-color:#ffffff80}.kisal-template-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;animation:kisalFadeIn .2s ease}.kisal-template-modal{width:90%;max-width:720px;max-height:80vh;background:var(--bg-secondary, #fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden}.kisal-template-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color, #E5E5E5)}.kisal-template-title{display:flex;align-items:center;gap:8px;flex:0 0 auto}.kisal-template-title h2{margin:0;font-size:18px;font-weight:700;color:var(--text-primary, #1a1a1a)}.kisal-template-search{flex:1;display:flex;align-items:center;gap:6px;background:var(--bg-tertiary, #f5f5f5);border-radius:8px;padding:6px 10px;color:var(--text-muted, #999)}.kisal-template-search input{flex:1;border:none;background:none;font-size:13px;color:var(--text-primary, #1a1a1a);outline:none}.kisal-template-close{background:none;border:none;color:var(--text-muted, #999);cursor:pointer;padding:4px;border-radius:6px;transition:all .15s}.kisal-template-close:hover{background:var(--bg-tertiary, #f5f5f5);color:var(--text-primary, #1a1a1a)}.kisal-template-categories{display:flex;gap:6px;padding:12px 20px;border-bottom:1px solid var(--border-color, #E5E5E5);overflow-x:auto}.kisal-cat-btn{padding:6px 14px;border:1px solid var(--border-color, #E5E5E5);border-radius:20px;background:transparent;color:var(--text-secondary, #666);cursor:pointer;font-size:12px;white-space:nowrap;transition:all .15s}.kisal-cat-btn:hover{border-color:var(--accent, #2563EB);color:var(--accent, #2563EB)}.kisal-cat-btn.active{background:var(--accent, #2563EB);color:#fff;border-color:var(--accent, #2563EB)}.kisal-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:16px 20px;overflow-y:auto;flex:1}.kisal-template-card{border:1px solid var(--border-color, #E5E5E5);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary, #fff)}.kisal-template-card:hover{border-color:var(--accent, #2563EB);box-shadow:0 4px 16px #2563eb1f;transform:translateY(-2px)}.kisal-template-card-preview{height:100px;display:flex;align-items:center;justify-content:center;font-size:36px}.kisal-template-card-info{padding:10px 12px}.kisal-template-card-info h4{margin:0;font-size:13px;font-weight:600;color:var(--text-primary, #1a1a1a)}.kisal-template-card-info p{margin:4px 0 6px;font-size:11px;color:var(--text-muted, #999);line-height:1.3}.kisal-template-card-badge{display:inline-block;font-size:10px;padding:2px 8px;border-radius:10px;background:var(--accent-light, #EFF6FF);color:var(--accent, #2563EB);font-weight:500}.kisal-icon-panel{position:absolute;top:56px;left:12px;width:280px;max-height:420px;background:#191923f2;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;flex-direction:column;z-index:100;box-shadow:0 8px 32px #0006;color:#fff;font-size:13px;animation:kisalFadeIn .2s ease}.kisal-icon-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.kisal-icon-panel-title{display:flex;align-items:center;gap:6px;font-weight:600}.kisal-icon-panel-close{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px}.kisal-icon-panel-close:hover{color:#fff;background:#ffffff1a}.kisal-icon-search-wrap{padding:8px 12px}.kisal-icon-search{width:100%;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fff;font-size:12px;outline:none}.kisal-icon-search:focus{border-color:var(--accent, #2563EB)}.kisal-icon-categories{display:flex;gap:4px;padding:0 12px 8px;overflow-x:auto;flex-shrink:0}.kisal-icon-cat-btn{background:#ffffff0f;border:1px solid transparent;color:#aaa;padding:4px 10px;border-radius:20px;cursor:pointer;font-size:11px;white-space:nowrap}.kisal-icon-cat-btn.active{background:var(--accent, #2563EB);color:#fff}.kisal-icon-grid-wrap{flex:1;overflow-y:auto;padding:0 12px 12px}.kisal-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.kisal-icon-item{aspect-ratio:1;border:1px solid rgba(255,255,255,.06);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;transition:all .15s}.kisal-icon-item:hover{border-color:var(--accent, #2563EB);background:#2563eb26;transform:scale(1.05)}.kisal-icon-item img{max-width:100%;max-height:100%;object-fit:contain}.kisal-icon-empty{display:none}.kisal-board-panel{position:absolute;top:56px;right:12px;width:260px;max-height:460px;background:#191923f2;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;flex-direction:column;z-index:100;box-shadow:0 8px 32px #0006;color:#fff;font-size:13px;animation:kisalFadeIn .2s ease}.kisal-board-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.kisal-board-panel-title{display:flex;align-items:center;gap:6px;font-weight:600}.kisal-board-panel-close{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px}.kisal-board-panel-close:hover{color:#fff;background:#ffffff1a}.kisal-board-actions{display:flex;gap:6px;padding:10px 12px}.kisal-board-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#ccc;cursor:pointer;font-size:11px;transition:all .15s}.kisal-board-action-btn:hover{background:#2563eb26;border-color:var(--accent, #2563EB);color:#fff}.kisal-board-list{flex:1;overflow-y:auto;padding:0 12px 12px}.kisal-board-folder{margin-bottom:8px}.kisal-board-folder-header{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;background:#ffffff0a;color:#aaa;font-size:11px;margin-bottom:4px}.kisal-board-folder-name{flex:1}.kisal-board-folder-del{background:none;border:none;color:#666;cursor:pointer;font-size:14px}.kisal-board-folder-del:hover{color:#f55}.kisal-board-card{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:8px;margin-bottom:4px;cursor:pointer;transition:all .15s}.kisal-board-card:hover{border-color:#2563eb4d;background:#2563eb0f}.kisal-board-card.active{border-color:var(--accent, #2563EB);background:#2563eb1f}.kisal-board-card-thumb{width:36px;height:36px;border-radius:6px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#555}.kisal-board-card-thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}.kisal-board-card-info{flex:1;min-width:0}.kisal-board-card-name{display:block;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kisal-board-card-meta{display:block;font-size:10px;color:#666}.kisal-board-card-actions{display:flex;gap:2px}.kisal-board-card-actions button{background:none;border:none;color:#555;cursor:pointer;padding:3px;border-radius:4px}.kisal-board-card-actions button:hover{color:#fff;background:#ffffff1a}@keyframes kisalFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pt-panel{display:flex;flex-direction:column;gap:2px}.pt-hint{color:var(--text-muted);font-size:12px;text-align:center;padding:16px 8px;font-style:italic}.pt-tower-list{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto}.pt-tower-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.pt-tower-item:hover{background:var(--bg-tertiary)}.pt-tower-item.pt-selected{background:var(--tab-design-light);border-color:var(--tab-design)}.pt-tower-color{width:10px;height:10px;border-radius:3px;flex-shrink:0}.pt-tower-name{flex:1;font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-tower-info{font-size:10px;color:var(--text-muted);white-space:nowrap}.pt-tower-actions{display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.pt-tower-item:hover .pt-tower-actions{opacity:1}.pt-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.pt-btn:hover{background:var(--bg-quaternary);border-color:var(--border-strong);color:var(--text-primary)}.pt-btn-sm{padding:3px 8px;font-size:10px}.pt-btn-active{background:var(--tab-design-light);border-color:var(--tab-design);color:var(--tab-design);font-weight:600}.pt-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);padding:0}.pt-icon-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.pt-icon-btn.pt-danger:hover{background:var(--danger-light);color:var(--danger)}.pt-shape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.pt-shape-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary)}.pt-shape-btn:hover{background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}.pt-shape-btn.pt-shape-active{background:var(--tab-design-light);border-color:var(--tab-design);color:var(--tab-design);font-weight:600}.pt-shape-icon{font-size:16px;line-height:1}.pt-shape-label{font-size:9px;text-align:center;line-height:1.1}.pt-control-group{display:flex;flex-direction:column;gap:6px}.pt-slider-row{display:flex;flex-direction:column;gap:2px}.pt-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.pt-slider-controls{display:flex;align-items:center;gap:8px}.pt-range{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--border-color);border-radius:4px;outline:none;cursor:pointer}.pt-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--tab-design);cursor:pointer}.pt-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--tab-design);cursor:pointer;border:none}.pt-num{width:58px;padding:3px 6px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-primary);font-size:11px;text-align:right;outline:none}.pt-num:focus{border-color:var(--tab-design);box-shadow:0 0 0 2px var(--tab-design-light)}.pt-input{width:100%;padding:5px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-primary);font-size:12px;outline:none}.pt-input:focus{border-color:var(--tab-design);box-shadow:0 0 0 2px var(--tab-design-light)}.pt-color-row{display:flex;gap:16px;align-items:center;margin-bottom:8px}.pt-color-row label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.pt-color-row input[type=color]{width:28px;height:22px;border:1px solid var(--border-color);border-radius:var(--radius-xs);cursor:pointer;background:transparent;padding:1px}.pt-curve-editor{margin-top:6px;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-primary)}.pt-curve-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:var(--bg-tertiary)}.pt-curve-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.pt-curve-preset{padding:2px 6px;font-size:10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);cursor:pointer;outline:none}.pt-curve-preset:focus{border-color:var(--tab-design)}.pt-curve-canvas{display:block;width:100%}.pt-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pt-stat-card{display:flex;flex-direction:column;align-items:center;padding:8px 4px;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.pt-stat-value{font-size:14px;font-weight:600;color:var(--tab-design);line-height:1.2}.pt-stat-label{font-size:9px;color:var(--text-muted);text-align:center;margin-top:2px;line-height:1.2}.pt-stats-section-title{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin-top:10px;margin-bottom:4px}.pt-zone-breakdown{display:flex;flex-direction:column;gap:3px}.pt-zone-row{display:flex;align-items:center;gap:6px;padding:3px 6px;background:var(--bg-tertiary);border-radius:var(--radius-xs);font-size:11px}.pt-zone-icon{font-size:12px;flex-shrink:0}.pt-zone-name{flex:1;color:var(--text-primary);text-transform:capitalize}.pt-zone-floors{color:var(--text-muted);font-size:10px}.pt-zone-gfa{color:var(--text-secondary);font-size:10px;min-width:60px;text-align:right}.pt-zone-units{color:var(--tab-design);font-size:10px;min-width:50px;text-align:right}.pt-layer-item{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bg-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.pt-layer-item:hover{background:var(--bg-tertiary)}.pt-layer-item.selected{background:var(--tab-design-light);border-color:var(--tab-design)}.pt-layer-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.pt-layer-name{flex:1;font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-layer-info{font-size:10px;color:var(--text-muted);white-space:nowrap}.pt-layer-actions{display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.pt-layer-item:hover .pt-layer-actions{opacity:1}.pt-layer-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);padding:0}.pt-layer-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.pt-shape-selector{margin-bottom:6px}.pt-shape-btn.active{background:var(--tab-design-light);border-color:var(--tab-design);color:var(--tab-design);font-weight:600}.pt-stats-section{padding:6px 0}.credits-widget{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary, #232834);border:1px solid var(--border-color, #2d3340);border-radius:8px;padding:4px 10px;font-size:12px;color:var(--text-primary, #e6e8ec);margin-right:8px}.credits-icon{font-size:14px}.credits-count{font-weight:700;color:var(--accent, #F59E0B);min-width:24px;text-align:center}.credits-buy-btn{background:var(--accent, #F59E0B);color:#000;border:none;border-radius:4px;width:20px;height:20px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s}.credits-buy-btn:hover{transform:scale(1.15)}.upgrade-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .2s ease}.upgrade-modal-overlay.visible{opacity:1}.upgrade-modal{background:var(--bg-secondary, #1a1f2e);border:1px solid var(--border-color, #2d3340);border-radius:16px;padding:32px;max-width:720px;width:90%;position:relative;animation:upgradeSlideIn .3s ease}@keyframes upgradeSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.upgrade-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--text-secondary, #8b92a5);font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .15s}.upgrade-close:hover{background:#ffffff1a}.upgrade-title{font-size:22px;font-weight:700;color:var(--text-primary, #e6e8ec);margin-bottom:8px}.upgrade-desc{color:var(--text-secondary, #8b92a5);font-size:14px;line-height:1.5;margin-bottom:24px}.upgrade-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.upgrade-tier{background:var(--bg-tertiary, #232834);border:1px solid var(--border-color, #2d3340);border-radius:12px;padding:20px;text-align:center;transition:border-color .2s,transform .2s}.upgrade-tier:hover{transform:translateY(-2px)}.upgrade-tier.featured{border-color:var(--accent, #F59E0B);background:#f59e0b14}.upgrade-tier h4{color:var(--text-primary, #e6e8ec);font-size:16px;margin:0 0 8px}.upgrade-price{font-size:28px;font-weight:800;color:var(--accent, #F59E0B);margin-bottom:12px}.upgrade-price span{font-size:13px;font-weight:400;color:var(--text-secondary, #8b92a5)}.upgrade-tier ul{list-style:none;padding:0;margin:0 0 16px;text-align:left}.upgrade-tier li{font-size:12px;color:var(--text-secondary, #8b92a5);padding:4px 0}.upgrade-tier li:before{content:"✓ ";color:var(--accent, #F59E0B)}.upgrade-btn{background:var(--accent, #F59E0B);color:#000;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;width:100%;transition:transform .15s,box-shadow .15s}.upgrade-btn:hover{transform:scale(1.03);box-shadow:0 4px 12px #f59e0b4d}.credit-packs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.credit-pack{background:var(--bg-tertiary, #232834);border:1px solid var(--border-color, #2d3340);border-radius:12px;padding:16px;text-align:center;transition:border-color .2s}.credit-pack.featured{border-color:var(--accent, #F59E0B)}.credit-pack h4{color:var(--text-primary, #e6e8ec);font-size:14px;margin:0 0 6px}.credit-amount{font-size:20px;font-weight:700;color:var(--accent, #F59E0B);margin-bottom:4px}.credit-price{color:var(--text-secondary, #8b92a5);font-size:14px;margin-bottom:12px}.tab-lock-icon{font-size:10px;margin-left:4px;opacity:.7}@media(max-width:680px){.upgrade-tiers,.credit-packs{grid-template-columns:1fr}}.gen3d-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:5000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.gen3d-overlay.active{opacity:1;pointer-events:all}.gen3d-modal{background:var(--bg-secondary, #1e1e2e);border:1px solid var(--border-color, #333);border-radius:12px;width:min(94vw,860px);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000080;animation:gen3d-slide-up .3s ease}@keyframes gen3d-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.gen3d-modal-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-color, #333)}.gen3d-modal-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary, #fff);flex:1}.gen3d-modal-close{background:none;border:none;color:var(--text-secondary, #999);cursor:pointer;padding:4px;border-radius:4px;transition:color .15s,background .15s}.gen3d-modal-close:hover{color:#fff;background:#ffffff1a}.gen3d-modal-body{padding:20px;overflow-y:auto;flex:1}.gen3d-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gen3d-form-group{display:flex;flex-direction:column;gap:5px}.gen3d-form-group.full-width{grid-column:1 / -1}.gen3d-label{font-size:11px;font-weight:600;color:var(--text-secondary, #aaa);text-transform:uppercase;letter-spacing:.5px}.gen3d-input,.gen3d-select,.gen3d-textarea{background:var(--bg-tertiary, #252535);border:1px solid var(--border-color, #333);border-radius:6px;color:var(--text-primary, #fff);padding:8px 10px;font-size:13px;outline:none;transition:border-color .15s}.gen3d-input:focus,.gen3d-select:focus,.gen3d-textarea:focus{border-color:var(--accent, #F59E0B)}.gen3d-textarea{resize:vertical;min-height:60px;font-family:inherit}.gen3d-select{cursor:pointer}.gen3d-ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gen3d-ref-slot{aspect-ratio:1;border:2px dashed var(--border-color, #444);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative;overflow:hidden;background:var(--bg-tertiary, #252535)}.gen3d-ref-slot:hover{border-color:var(--accent, #F59E0B);background:#f59e0b0f}.gen3d-ref-slot img{width:100%;height:100%;object-fit:cover;border-radius:6px}.gen3d-ref-slot .gen3d-ref-remove{position:absolute;top:4px;right:4px;background:#000000b3;border:none;color:#f55;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;opacity:0;transition:opacity .15s}.gen3d-ref-slot:hover .gen3d-ref-remove{opacity:1}.gen3d-ref-placeholder{color:var(--text-secondary, #666);font-size:11px;text-align:center}.gen3d-btn-primary{background:linear-gradient(135deg,var(--accent, #F59E0B),#D97706);color:#000;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s,filter .15s;width:100%;margin-top:16px}.gen3d-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.gen3d-btn-primary:active{transform:translateY(0)}.gen3d-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.gen3d-btn-secondary{background:var(--bg-tertiary, #252535);color:var(--text-primary, #fff);border:1px solid var(--border-color, #444);border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,border-color .15s}.gen3d-btn-secondary:hover{background:#ffffff14;border-color:var(--accent, #F59E0B)}.gen3d-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:16px}.gen3d-result-card{background:var(--bg-tertiary, #252535);border:1px solid var(--border-color, #333);border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s;cursor:pointer}.gen3d-result-card:hover{border-color:var(--accent, #F59E0B);box-shadow:0 4px 16px #f59e0b26}.gen3d-result-card.selected{border-color:var(--accent, #F59E0B);box-shadow:0 0 0 2px #f59e0b4d}.gen3d-result-img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.gen3d-result-actions{padding:8px;display:flex;gap:6px;justify-content:center}.gen3d-result-btn{background:none;border:1px solid var(--border-color, #444);color:var(--text-secondary, #aaa);border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer;transition:all .15s}.gen3d-result-btn:hover{color:#fff;border-color:var(--accent, #F59E0B)}.gen3d-progress{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px}.gen3d-spinner{width:48px;height:48px;border:3px solid var(--border-color, #333);border-top-color:var(--accent, #F59E0B);border-radius:50%;animation:gen3d-spin .8s linear infinite}@keyframes gen3d-spin{to{transform:rotate(360deg)}}.gen3d-progress-text{font-size:13px;color:var(--text-secondary, #aaa);text-align:center}.gen3d-progress-bar{width:100%;max-width:300px;height:4px;background:var(--bg-tertiary, #252535);border-radius:2px;overflow:hidden}.gen3d-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent, #F59E0B),#D97706);border-radius:2px;transition:width .3s ease;width:0%}.gen3d-provider-row{display:flex;gap:8px}.gen3d-provider-card{flex:1;padding:10px;background:var(--bg-tertiary, #252535);border:2px solid var(--border-color, #333);border-radius:8px;cursor:pointer;text-align:center;transition:border-color .2s,background .2s}.gen3d-provider-card:hover{border-color:#f59e0b80}.gen3d-provider-card.selected{border-color:var(--accent, #F59E0B);background:#f59e0b14}.gen3d-provider-name{font-size:13px;font-weight:700;color:var(--text-primary, #fff)}.gen3d-provider-desc{font-size:10px;color:var(--text-secondary, #888);margin-top:2px}.gen3d-placement-cursor{position:absolute;pointer-events:none;z-index:100;width:32px;height:32px;border:2px solid var(--accent, #F59E0B);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #f59e0b66}.gen3d-placement-cursor:before,.gen3d-placement-cursor:after{content:"";position:absolute;background:var(--accent, #F59E0B)}.gen3d-placement-cursor:before{width:2px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%)}.gen3d-placement-cursor:after{width:12px;height:2px;left:50%;top:50%;transform:translate(-50%,-50%)}.gen3d-steps{display:flex;gap:4px;margin-bottom:20px}.gen3d-step{flex:1;text-align:center;padding:8px 4px;font-size:11px;font-weight:600;color:var(--text-secondary, #666);border-bottom:2px solid var(--border-color, #333);transition:all .2s;cursor:pointer}.gen3d-step:hover{color:var(--text-primary, #ddd);border-bottom-color:#f59e0b66}.gen3d-step.active{color:var(--accent, #F59E0B);border-bottom-color:var(--accent, #F59E0B)}.gen3d-step.completed{color:#22c55e;border-bottom-color:#22c55e}.gen3d-layer-props{display:flex;flex-direction:column;gap:10px}.gen3d-layer-section{padding-top:8px;border-top:1px solid var(--border-color, #333)}.gen3d-layer-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary, #888);margin-bottom:8px}.gen3d-transform-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center}.gen3d-transform-label{font-size:11px;color:var(--text-secondary, #aaa);font-weight:600}.gen3d-transform-inputs{display:flex;gap:4px}.gen3d-transform-input{background:var(--bg-tertiary, #252535);border:1px solid var(--border-color, #333);border-radius:4px;color:var(--text-primary, #fff);padding:4px 6px;font-size:11px;width:100%;outline:none;text-align:center}.gen3d-transform-input:focus{border-color:var(--accent, #F59E0B)}.gen3d-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.gen3d-toggle-label{font-size:12px;color:var(--text-primary, #ddd)}.gen3d-source-btn{background:var(--bg-tertiary, #252535);border:1px solid var(--border-color, #444);color:var(--text-secondary, #aaa);border-radius:6px;padding:6px 10px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:6px;width:100%;transition:all .15s}.gen3d-source-btn:hover{color:#fff;border-color:var(--accent, #F59E0B)}.gen3d-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600}.gen3d-status-badge.ready{background:#22c55e26;color:#22c55e}.gen3d-status-badge.generating{background:#f59e0b26;color:#f59e0b}.gen3d-status-badge.error{background:#ef444426;color:#ef4444}.gen3d-tool-card{background:linear-gradient(135deg,#f59e0b14,#d977060a);border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:14px;cursor:pointer;transition:all .2s}.gen3d-tool-card:hover{border-color:var(--accent, #F59E0B);background:linear-gradient(135deg,#f59e0b1f,#d9770614);transform:translateY(-1px)}.gen3d-tool-card h5{margin:0 0 4px;font-size:13px;color:var(--text-primary, #fff);display:flex;align-items:center;gap:8px}.gen3d-tool-card p{margin:0;font-size:11px;color:var(--text-secondary, #888);line-height:1.4}.gen3d-divider-label{text-align:center;font-size:11px;font-weight:600;color:var(--text-secondary, #888);margin:12px 0 10px;display:flex;align-items:center;gap:10px}.gen3d-divider-label:before,.gen3d-divider-label:after{content:"";flex:1;height:1px;background:var(--border-color, #333)}.gen3d-upload-drop:hover{border-color:var(--accent, #F59E0B)!important;background:#f59e0b0a}.gen3d-multiimg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gen3d-multiimg-slot{display:flex;flex-direction:column;gap:4px}.gen3d-multiimg-label{font-size:10px;font-weight:700;text-align:center;color:var(--text-secondary, #999);text-transform:uppercase;letter-spacing:.5px}.gen3d-multiimg-drop{aspect-ratio:1;border:2px dashed var(--border-color, #444);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--bg-tertiary, #252535);overflow:hidden}.gen3d-multiimg-drop:hover{border-color:var(--accent, #F59E0B);background:#f59e0b0f}.gen3d-multiimg-hint{color:var(--text-secondary, #666);font-size:12px;font-weight:600}.gen3d-provider-options{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;background:#ffffff05;border:1px solid var(--border-color, #333);border-radius:8px;margin-top:4px}.gen3d-layer-item{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s;border:1px solid transparent;margin-bottom:2px}.gen3d-layer-item:hover{background:#ffffff0a}.gen3d-layer-item.selected{border-color:var(--accent, #F59E0B);background:#f59e0b14}.gen3d-layer-vis,.gen3d-layer-lock,.gen3d-layer-del,.gen3d-layer-dup{background:none;border:none;cursor:pointer;font-size:12px;padding:2px;border-radius:3px;transition:background .15s;line-height:1}.gen3d-layer-vis:hover,.gen3d-layer-lock:hover,.gen3d-layer-dup:hover{background:#ffffff1a}.gen3d-layer-del,.gen3d-layer-dup{margin-left:auto;opacity:0;transition:opacity .15s;font-size:11px}.gen3d-layer-dup{margin-left:0}.gen3d-layer-item:hover .gen3d-layer-del,.gen3d-layer-item:hover .gen3d-layer-dup{opacity:.6}.gen3d-layer-del:hover{opacity:1!important;background:#ef444426}.gen3d-layer-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.gen3d-layer-name{font-size:11px;color:var(--text-primary, #ddd);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gen3d-layer-provider{font-size:9px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.gen3d-placement-banner{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#1e1e2ee6;backdrop-filter:blur(8px);border:1px solid var(--accent, #F59E0B);border-radius:10px;box-shadow:0 8px 32px #0006;font-size:14px;font-weight:600;color:var(--text-primary, #fff);animation:gen3d-slide-up .3s ease}.gen3d-gizmo-toolbar{display:flex;gap:4px;margin-top:4px}.gen3d-gizmo-btn{flex:1;padding:6px 0;background:var(--bg-tertiary, #252535);border:1px solid var(--border-color, #444);border-radius:4px;color:var(--text-secondary, #aaa);font-size:11px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s}.gen3d-gizmo-btn:hover{background:#ffffff0f;color:var(--text-primary, #fff)}.gen3d-gizmo-btn.active{border-color:var(--accent, #F59E0B);color:var(--accent, #F59E0B);background:#f59e0b1a}.sg-panel{padding:0}.sg-tool-card{background:linear-gradient(135deg,#8b5cf614,#3b82f60f);border:1px solid rgba(139,92,246,.25);border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .2s}.sg-tool-card:hover{border-color:#8b5cf680;background:linear-gradient(135deg,#8b5cf624,#3b82f61a);transform:translateY(-1px)}.sg-tool-card.active{border-color:#8b5cf6;box-shadow:0 0 12px #8b5cf633}.sg-tool-card h5{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text-primary, #fff);display:flex;align-items:center;gap:6px}.sg-tool-card p{margin:0;font-size:11px;color:var(--text-secondary, #999);line-height:1.4}.sg-zone-list{margin-top:8px}.sg-zone-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:all .15s;margin-bottom:2px}.sg-zone-item:hover{background:#ffffff0a}.sg-zone-item.selected{border-color:#8b5cf6;background:#8b5cf614}.sg-zone-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sg-zone-name{font-size:11px;color:var(--text-primary, #ddd);flex:1}.sg-zone-del{background:none;border:none;cursor:pointer;font-size:11px;opacity:0;transition:opacity .15s;padding:2px}.sg-zone-item:hover .sg-zone-del{opacity:.6}.sg-zone-del:hover{opacity:1!important}.sg-controls{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:12px;background:#ffffff05;border:1px solid var(--border-color, #333);border-radius:8px}.sg-row{display:flex;align-items:center;gap:8px}.sg-label{font-size:11px;color:var(--text-secondary, #aaa);min-width:65px;font-weight:600}.sg-select,.sg-input{flex:1;background:var(--bg-tertiary, #1e1e2e);border:1px solid var(--border-color, #444);border-radius:5px;color:var(--text-primary, #fff);padding:5px 8px;font-size:11px;outline:none}.sg-select:focus,.sg-input:focus{border-color:#8b5cf6}.sg-color-swatch{width:26px;height:26px;border-radius:5px;border:1px solid var(--border-color, #555);cursor:pointer;padding:0;overflow:hidden}.sg-color-swatch input[type=color]{width:36px;height:36px;border:none;cursor:pointer;margin:-5px}.sg-btn{padding:8px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s;text-align:center}.sg-btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border:none}.sg-btn-primary:hover{background:linear-gradient(135deg,#9d6ffa,#7c3aed);transform:translateY(-1px)}.sg-btn-secondary{background:var(--bg-tertiary, #252535);border:1px solid var(--border-color, #444);color:var(--text-primary, #ddd)}.sg-btn-secondary:hover{background:#ffffff0f}.sg-btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.sg-draw-banner{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#1e1e2eeb;backdrop-filter:blur(8px);border:1px solid #8B5CF6;border-radius:10px;box-shadow:0 8px 32px #0006;font-size:14px;font-weight:600;color:var(--text-primary, #fff);animation:sg-slide-in .3s ease}@keyframes sg-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sg-draw-dots{position:absolute;pointer-events:none}.dsnprm-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:9998;opacity:0;pointer-events:none;transition:opacity .25s ease}.dsnprm-backdrop.show{opacity:1;pointer-events:auto}.dsnprm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);width:min(900px,90vw);max-height:85vh;z-index:9999;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.dsnprm-modal.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.dsnprm-container{background:var(--bg-secondary, #1a1d23);border:1px solid var(--border-color, #2a2d35);border-radius:16px;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff0d inset}.dsnprm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color, #2a2d35);background:var(--bg-primary, #14161a);border-radius:16px 16px 0 0}.dsnprm-header-left{display:flex;align-items:center;gap:10px}.dsnprm-title{font-size:16px;font-weight:700;color:var(--text-primary, #e8e8e8);margin:0}.dsnprm-header-right{display:flex;align-items:center;gap:8px}.dsnprm-icon-btn{background:transparent;border:1px solid var(--border-color, #2a2d35);border-radius:8px;color:var(--text-muted, #888);padding:6px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.dsnprm-icon-btn:hover{background:#ffffff0f;color:var(--text-primary, #e8e8e8);border-color:#ffffff26}.dsnprm-close-btn{background:transparent;border:none;color:var(--text-muted, #888);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;transition:all .15s}.dsnprm-close-btn:hover{background:#ff505026;color:#ff5050}.dsnprm-tabs{display:flex;gap:4px;padding:12px 24px;border-bottom:1px solid var(--border-color, #2a2d35);background:var(--bg-primary, #14161a)}.dsnprm-tab{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted, #888);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.dsnprm-tab:hover{background:#ffffff0a;color:var(--text-primary, #e8e8e8)}.dsnprm-tab.active{background:#8b5cf61f;border-color:#8b5cf659;color:#a78bfa}.dsnprm-body{flex:1;overflow-y:auto;padding:20px 24px;min-height:200px;max-height:400px}.dsnprm-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dsnprm-field{display:flex;flex-direction:column;gap:5px}.dsnprm-field-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted, #888);display:flex;align-items:center;gap:6px}.dsnprm-field-num{font-family:Courier New,monospace;font-size:10px;font-weight:700;color:#a78bfa;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);border-radius:3px;padding:0 5px;line-height:1.6;flex-shrink:0}.dsnprm-select{background:var(--bg-primary, #14161a);border:1px solid var(--border-color, #2a2d35);border-radius:6px;color:var(--text-primary, #e8e8e8);font-family:inherit;font-size:13px;padding:8px 28px 8px 10px;outline:none;cursor:pointer;transition:border-color .15s,box-shadow .15s;width:100%;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.dsnprm-select:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.dsnprm-select:hover:not(:focus){border-color:#ffffff26}.dsnprm-custom-input{background:var(--bg-primary, #14161a);border:1px solid rgba(139,92,246,.35);border-radius:6px;color:var(--text-primary, #e8e8e8);font-family:inherit;font-size:13px;padding:7px 10px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%;margin-top:4px}.dsnprm-custom-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf61a}.dsnprm-custom-input::placeholder{color:var(--text-muted, #555);font-style:italic}.dsnprm-footer{border-top:1px solid var(--border-color, #2a2d35);padding:16px 24px;background:var(--bg-primary, #14161a);border-radius:0 0 16px 16px}.dsnprm-prompt-section{margin-bottom:12px}.dsnprm-prompt-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted, #888);margin-bottom:8px}.dsnprm-prompt-preview{background:var(--bg-secondary, #1a1d23);border:1px solid var(--border-color, #2a2d35);border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.6;color:var(--text-primary, #e8e8e8);max-height:80px;overflow-y:auto;word-break:break-word}.dsnprm-prompt-preview.dsnprm-prompt-empty{color:var(--text-muted, #555);font-style:italic}.dsnprm-actions{display:flex;justify-content:flex-end;gap:10px}.dsnprm-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid transparent;font-family:inherit}.dsnprm-btn-secondary{background:transparent;border-color:var(--border-color, #2a2d35);color:var(--text-muted, #888)}.dsnprm-btn-secondary:hover{background:#ffffff0f;color:var(--text-primary, #e8e8e8)}.dsnprm-btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border-color:#8b5cf680}.dsnprm-btn-primary:hover{background:linear-gradient(135deg,#9d6ff8,#7c3aed);box-shadow:0 4px 16px #8b5cf64d}.dsnprm-body::-webkit-scrollbar,.dsnprm-prompt-preview::-webkit-scrollbar{width:5px}.dsnprm-body::-webkit-scrollbar-track,.dsnprm-prompt-preview::-webkit-scrollbar-track{background:transparent}.dsnprm-body::-webkit-scrollbar-thumb,.dsnprm-prompt-preview::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.dsnprm-body::-webkit-scrollbar-thumb:hover,.dsnprm-prompt-preview::-webkit-scrollbar-thumb:hover{background:#fff3}.rndr-ref-upload{position:relative;width:36px;height:36px;border-radius:6px;border:1px dashed var(--border-color, #3a3d45);background:#ffffff08;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;overflow:hidden}.rndr-ref-upload:hover{border-color:#8b5cf680;background:#8b5cf614}.rndr-ref-upload svg{color:var(--text-muted, #888);transition:color .15s}.rndr-ref-upload:hover svg{color:#a78bfa}.rndr-ref-upload img{width:100%;height:100%;object-fit:cover;border-radius:5px}.rndr-ref-upload .rndr-ref-remove{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:#ef4444;border:none;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;line-height:1;padding:0}.rndr-ref-upload:hover .rndr-ref-remove{opacity:1}@media(max-width:700px){.dsnprm-fields-grid{grid-template-columns:1fr}.dsnprm-modal{width:95vw}}