:root,:root[data-theme=dark]{--bg: #0f172a;--bg-secondary: #1e293b;--bg-card: #16213a;--bg-input: #0b1220;--border: #334155;--border-strong: #475569;--text: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-50: #ecfeff;--accent-100: #cffafe;--accent-200: #a5f3fc;--accent-300: #67e8f9;--accent-400: #22d3ee;--accent: #06b6d4;--accent-hover: #22d3ee;--accent-700: #0e7490;--accent-900: #164e63;--success: #10b981;--success-hover: #34d399;--success-light: rgba(16, 185, 129, .12);--danger: #ef4444;--danger-hover: #f87171;--danger-light: rgba(239, 68, 68, .12);--warn: #f59e0b;--warn-hover: #fbbf24;--warn-light: rgba(245, 158, 11, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow: 0 4px 20px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--font-xs: 11px;--font-sm: 12px;--font-base: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 22px;--transition-fast: .15s;--transition: .25s;--focus-ring: 0 0 0 3px rgba(6, 182, 212, .35)}:root[data-theme=light]{--bg: #f1f5f9;--bg-secondary: #e2e8f0;--bg-card: #ffffff;--bg-input: #ffffff;--border: #cbd5e1;--border-strong: #94a3b8;--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-50: #ecfeff;--accent-100: #cffafe;--accent-200: #a5f3fc;--accent-300: #67e8f9;--accent-400: #22d3ee;--accent: #0891b2;--accent-hover: #06b6d4;--accent-700: #0e7490;--accent-900: #164e63;--success: #059669;--success-hover: #10b981;--success-light: rgba(16, 185, 129, .1);--danger: #dc2626;--danger-hover: #ef4444;--danger-light: rgba(239, 68, 68, .1);--warn: #d97706;--warn-hover: #f59e0b;--warn-light: rgba(245, 158, 11, .12);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow: 0 2px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .14);--focus-ring: 0 0 0 3px rgba(8, 145, 178, .25)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:var(--font-base);line-height:1.6;transition:background var(--transition),color var(--transition);-webkit-font-smoothing:antialiased}#app{height:100%;min-height:100%;display:flex;flex-direction:column}.app-shell{flex:1;display:flex;flex-direction:column;min-height:0;height:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.mono,pre,textarea.code-editor{font-family:Consolas,SF Mono,JetBrains Mono,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text);cursor:pointer;transition:all var(--transition-fast);font-weight:500;white-space:nowrap;line-height:1.4}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover{background:var(--success-hover);color:#fff}.btn-danger{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-small{padding:var(--space-1) var(--space-3);font-size:var(--font-sm)}.btn-block{width:100%}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--bg-secondary);color:var(--accent)}.btn .spin{animation:spin .8s linear infinite}.btn.loading{pointer-events:none;opacity:.7}.form-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-field label{font-size:var(--font-sm);font-weight:600;color:var(--text-secondary)}.form-field input,.form-field select,.form-field textarea{padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:var(--border-strong)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{opacity:.6;cursor:not-allowed}.form-field .error{border-color:var(--danger)!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-4)}.checkbox-field{flex-direction:row;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-field input[type=checkbox]{width:auto}.checkbox-field input[type=checkbox]:hover{border-color:var(--border-strong)}.checkbox-field input[type=checkbox]:checked{accent-color:var(--accent)}select,input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);height:60px;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.app-header .brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-xl);font-weight:700;color:var(--accent);cursor:pointer}.brand-logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent);color:#fff}.brand-logo svg{width:16px;height:16px}.nav,.header-right{display:flex;gap:var(--space-2);align-items:center}.nav-toggle{display:none}.main-container{flex:1;display:flex;flex-direction:column;padding:var(--space-5);max-width:1600px;width:100%;margin:0 auto;min-height:0}.app-footer{padding:var(--space-4);text-align:center;font-size:var(--font-sm);color:var(--text-secondary);border-top:1px solid var(--border)}.workspace{display:flex;gap:var(--space-4);align-items:stretch;flex:1;min-height:0}.sidebar{width:260px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;max-height:100%;height:100%;overflow:hidden}.sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-content{flex:1;overflow-y:auto;padding:var(--space-2)}.template-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;margin-bottom:var(--space-1);transition:background var(--transition-fast),border-color var(--transition-fast)}.template-item:hover{background:var(--bg-secondary)}.template-item.active{background:var(--accent);border-color:var(--accent);color:#fff}.template-name{font-weight:600;margin-bottom:var(--space-1);word-break:break-all;display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.template-meta{display:flex;flex-wrap:wrap;gap:var(--space-1)}.meta-tag{font-size:10px;padding:1px 6px;border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap}.template-item.active .meta-tag{background:#fff3;color:#fff;border-color:transparent}.section-label{padding:var(--space-1) var(--space-2);font-weight:600;color:var(--text-secondary)}.empty-state{text-align:center;color:var(--text-secondary);padding:var(--space-8) var(--space-5);font-size:var(--font-sm)}.empty-state-icon{display:flex;justify-content:center;margin-bottom:var(--space-2);color:var(--text-muted)}.empty-state-icon svg{width:40px;height:40px}.empty-state-title{font-size:var(--font-lg);font-weight:600;color:var(--text);margin-bottom:var(--space-1)}.empty-state-desc{margin-bottom:var(--space-4);line-height:1.5}.empty-state .btn{margin:0 auto}.content-area{flex:1;display:flex;gap:var(--space-4);min-width:0;min-height:0;height:100%}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;height:100%;box-shadow:var(--shadow-sm)}.panel-left,.panel-right{flex:1;min-width:360px}.panel-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.panel-title{font-weight:600}.panel-body{flex:1;padding:var(--space-4);overflow-y:auto}.panel-actions{display:flex;gap:var(--space-1);align-items:center;flex-wrap:wrap}.table-scroll{overflow-x:auto}.instance-table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.instance-table th,.instance-table td{padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.instance-table th{color:var(--text-secondary);font-size:var(--font-sm);position:sticky;top:0;background:var(--bg-card);z-index:1}.instance-table tr:hover td{background:var(--bg-secondary)}.instance-table td[contenteditable=true]{outline:none;border-radius:var(--radius-sm);cursor:text}.instance-table td[contenteditable=true]:hover{background:var(--bg-input)}.instance-table td[contenteditable=true]:focus{box-shadow:var(--focus-ring)}.preview-content{flex:1;overflow:auto;padding:var(--space-4)}.code-editor{width:100%;min-height:300px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);resize:none;font-size:var(--font-sm);line-height:1.6;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.code-editor:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.code-block{position:relative;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);font-family:Consolas,SF Mono,JetBrains Mono,monospace;font-size:var(--font-sm);line-height:1.6;overflow:auto;white-space:pre-wrap;word-break:break-all;min-height:300px}.code-block .copy-btn{position:absolute;top:var(--space-2);right:var(--space-2);opacity:0;transition:opacity var(--transition-fast)}.code-block:hover .copy-btn{opacity:1}.tabs{display:flex;border-bottom:1px solid var(--border)}.tab{padding:var(--space-2) var(--space-4);cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;transition:color var(--transition-fast);display:flex;align-items:center;gap:var(--space-1)}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.log-panel{padding:var(--space-3);font-family:monospace;font-size:var(--font-sm);overflow-y:auto}.log-line{padding:3px 0;border-bottom:1px dashed var(--border)}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.store-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative}.store-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-strong)}.store-card-thumb{width:100%;height:88px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-700),var(--accent-900));display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-2xl);font-weight:700;letter-spacing:1px;overflow:hidden}.featured-badge{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--accent);color:#fff;padding:2px 8px;border-radius:var(--radius);font-size:var(--font-xs);font-weight:600;z-index:1}.store-card-title{font-weight:600;font-size:15px}.store-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.auth-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.auth-card{width:420px;max-width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-7);box-shadow:var(--shadow-lg)}.auth-title{text-align:center;font-size:var(--font-2xl);font-weight:700;margin-bottom:var(--space-5);color:var(--accent);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:var(--space-5)}.auth-tab{flex:1;text-align:center;padding:var(--space-2);cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all var(--transition-fast)}.auth-tab:hover{color:var(--text)}.auth-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.auth-link{text-align:right;font-size:var(--font-sm);margin-bottom:var(--space-3);cursor:pointer;color:var(--accent)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-5);animation:fadeIn var(--transition-fast) ease}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:900px;max-width:100%;max-height:92vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:modalIn var(--transition) cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal-body{padding:var(--space-5);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.close-btn:hover{background:var(--bg-secondary);color:var(--text)}.admin-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.admin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.stat-card:hover{transform:translateY(-2px)}.stat-value{font-size:24px;font-weight:700;color:var(--accent)}.stat-label{font-size:var(--font-sm);color:var(--text-secondary)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.admin-table th,.admin-table td{padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.admin-table tr:hover td{background:var(--bg-secondary)}.badge{font-size:var(--font-xs);padding:2px 8px;border-radius:4px;white-space:nowrap}.badge-admin{background:var(--warn-light);color:var(--warn)}.badge-user{background:var(--bg-secondary);color:var(--text-secondary)}.badge-active{background:var(--success-light);color:var(--success)}.badge-inactive{background:var(--danger-light);color:var(--danger)}.badge-public{background:var(--success-light);color:var(--success)}.badge-private{background:var(--bg-secondary);color:var(--text-secondary)}.info-box{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:var(--font-sm);color:var(--text-secondary);line-height:1.7}.help-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast),border-color var(--transition-fast);margin-bottom:0}.help-toggle:hover{background:var(--bg-card);border-color:var(--border-strong)}.help-toggle-title{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text);font-size:var(--font-sm)}.help-toggle-arrow{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap}.help-content{margin-top:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);background:var(--bg-card);display:flex;flex-direction:column;gap:var(--space-4)}.help-group-title{font-weight:600;font-size:var(--font-sm);color:var(--text);margin-bottom:var(--space-2)}.help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-2)}.help-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);background:var(--bg-secondary);font-size:var(--font-xs);color:var(--text-secondary)}.help-item code{color:var(--accent);font-size:var(--font-sm)}.help-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.help-chip{padding:2px 10px;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border);font-family:Consolas,SF Mono,monospace;font-size:var(--font-xs);color:var(--text)}.help-line{margin-bottom:var(--space-1);font-size:var(--font-sm);color:var(--text-secondary)}.help-line code{color:var(--accent);background:var(--bg-secondary);padding:1px 6px;border-radius:4px;font-size:var(--font-xs)}.help-group code,.help-line strong{color:var(--text)}@media(max-width:768px){.help-grid{grid-template-columns:1fr 1fr}}.toast-wrap{position:fixed;top:70px;right:var(--space-5);z-index:2000;display:flex;flex-direction:column;gap:var(--space-2)}.toast{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);min-width:200px;max-width:360px;font-size:var(--font-sm);display:flex;align-items:center;gap:var(--space-2);animation:toastIn var(--transition) cubic-bezier(.16,1,.3,1)}.toast-icon{flex-shrink:0;display:inline-flex}.toast-success{border-color:var(--success);color:var(--success)}.toast-error{border-color:var(--danger);color:var(--danger)}.toast-warn{border-color:var(--warn);color:var(--warn)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line{height:12px;margin-bottom:var(--space-2)}.skeleton-card{height:140px;border-radius:var(--radius)}.hidden{display:none!important}.mt-8{margin-top:var(--space-2)}.mt-16{margin-top:var(--space-4)}.mt-24{margin-top:var(--space-6)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.gap-8{display:flex;gap:var(--space-2);align-items:center}.gap-4{display:flex;gap:var(--space-1);align-items:center}.flex-1{flex:1}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.text-muted{color:var(--text-secondary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warn{color:var(--warn)}.text-sm{font-size:var(--font-sm)}.text-xs{font-size:var(--font-xs)}.text-lg{font-size:var(--font-lg)}.text-right{text-align:right}.text-center{text-align:center}.nowrap{white-space:nowrap}.input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1440px){.main-container{max-width:1400px}}@media(max-width:1280px){.panel-left,.panel-right{min-width:300px}}@media(max-width:1024px){.workspace{flex-direction:column}.sidebar{width:100%;max-height:260px;height:auto;flex:0 0 auto}.content-area{flex-direction:column;height:auto}.panel-left,.panel-right{min-width:0}.panel{height:auto}}@media(max-width:768px){.app-header{flex-wrap:wrap;height:auto;padding:var(--space-2) var(--space-4);gap:var(--space-2)}.nav{order:3;width:100%;flex-wrap:wrap;gap:var(--space-1)}.nav-toggle{display:inline-flex}.main-container{padding:var(--space-3)}.form-grid{grid-template-columns:1fr}.admin-tabs{flex-wrap:wrap}.modal{max-height:95vh}.store-grid{grid-template-columns:1fr}.instance-table{font-size:var(--font-sm)}.instance-table th,.instance-table td{padding:var(--space-1)}.toast-wrap{right:var(--space-3);left:var(--space-3)}.toast{min-width:0;max-width:none}.code-block{font-size:11px}}.hljs{background:transparent;color:var(--text)}[data-theme=dark] .hljs-comment,[data-theme=dark] .hljs-quote{color:#64748b}[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-section,[data-theme=dark] .hljs-link{color:#67e8f9}[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-type,[data-theme=dark] .hljs-attribute,[data-theme=dark] .hljs-symbol,[data-theme=dark] .hljs-bullet,[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-addition{color:#86efac}[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-template-variable,[data-theme=dark] .hljs-regexp{color:#fca5a5}[data-theme=dark] .hljs-meta{color:#fbbf24}[data-theme=dark] .hljs-deletion{color:#f87171}[data-theme=light] .hljs-comment,[data-theme=light] .hljs-quote{color:#6b7280}[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-selector-tag,[data-theme=light] .hljs-literal,[data-theme=light] .hljs-section,[data-theme=light] .hljs-link{color:#0e7490}[data-theme=light] .hljs-string,[data-theme=light] .hljs-title,[data-theme=light] .hljs-name,[data-theme=light] .hljs-type,[data-theme=light] .hljs-attribute,[data-theme=light] .hljs-symbol,[data-theme=light] .hljs-bullet,[data-theme=light] .hljs-built_in,[data-theme=light] .hljs-addition{color:#047857}[data-theme=light] .hljs-number,[data-theme=light] .hljs-variable,[data-theme=light] .hljs-template-variable,[data-theme=light] .hljs-regexp{color:#b91c1c}[data-theme=light] .hljs-meta{color:#b45309}[data-theme=light] .hljs-deletion{color:#dc2626}.dropdown{position:relative;display:inline-flex}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--space-1);padding:var(--space-1);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:180px;z-index:200;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--transition-fast)}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text);cursor:pointer;text-align:left;font-size:var(--font-sm);transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--bg-secondary);color:var(--accent)}.dropdown-item svg{width:16px;height:16px}