@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.recommendations-panel{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-top:24px}.rec-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:24px;flex-wrap:wrap}.rec-header h3{margin:0;font-size:20px;color:#1f2937;flex:1;min-width:200px}.rec-summary{display:flex;gap:16px;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;background:#f3f4f6;padding:12px 16px;border-radius:8px;border-left:4px solid #3b82f6}.summary-item.alert{border-left-color:#ef4444;background:#fee2e2}.summary-label{font-size:12px;color:#6b7280;font-weight:600;margin-bottom:4px}.summary-value{font-size:18px;font-weight:700;color:#1f2937}.rec-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.rec-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f9fafb}.rec-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;background:#f9fafb;transition:background-color .2s}.rec-card-header:hover{background:#f3f4f6}.rec-title{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.priority-icon{font-size:18px;flex-shrink:0}.rec-name{font-weight:600;color:#1f2937;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-card-meta{display:flex;align-items:center;gap:16px;margin-left:16px;flex-shrink:0}.rec-price{font-weight:700;color:#059669;font-size:14px;min-width:60px;text-align:right}.rec-effort{font-size:12px;color:#6b7280;min-width:70px;text-align:right}.rec-expand{color:#9ca3af;font-size:12px;margin-left:8px}.rec-card-details{display:flex;flex-direction:column;gap:16px;padding:16px;background:#fff;border-top:1px solid #e5e7eb}.rec-description{margin:0;color:#4b5563;font-size:14px;line-height:1.6}.rec-steps{display:flex;flex-direction:column;gap:8px}.rec-steps h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#1f2937}.rec-steps ol{margin:0;padding-left:24px}.rec-steps li{margin-bottom:8px;color:#4b5563;font-size:13px;line-height:1.5}.rec-steps li:last-child{margin-bottom:0}.rec-btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.rec-btn:disabled{opacity:.6;cursor:not-allowed}.rec-btn-generate{background:#3b82f6;color:#fff;align-self:flex-start}.rec-btn-generate:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.rec-btn-download{background:#059669;color:#fff;align-self:flex-start}.rec-btn-download:hover{background:#047857;transform:translateY(-2px);box-shadow:0 4px 8px #0596694d}.rec-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;width:100%;padding:12px 24px;font-size:15px;margin-top:8px}.rec-btn-primary:hover{box-shadow:0 6px 12px #3b82f666;transform:translateY(-2px)}.rec-generated{display:flex;flex-direction:column;gap:12px;background:#ecfdf5;border:1px solid #a7f3d0;padding:12px 16px;border-radius:8px}.generated-badge{font-weight:600;color:#059669;font-size:13px}.generated-info{display:flex;flex-direction:column;gap:8px}.info-item{display:flex;gap:8px;align-items:center}.info-label{color:#6b7280;font-size:13px;font-weight:600;min-width:60px}.info-item code{font-family:Monaco,Courier New,monospace;background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:12px;color:#1f2937;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.rec-learn-more{color:#3b82f6;text-decoration:none;font-size:13px;font-weight:600;align-self:flex-start;transition:color .2s}.rec-learn-more:hover{color:#2563eb;text-decoration:underline}.rec-action-footer{border-top:2px solid #e5e7eb;padding-top:20px;display:flex;flex-direction:column;gap:12px}.action-info{display:flex;align-items:center;gap:8px}.action-info p{margin:0;font-size:14px;color:#4b5563}@media (prefers-color-scheme: dark){.recommendations-panel{background:#1f2937;box-shadow:0 2px 8px #0000004d}.rec-header h3{color:#f3f4f6}.summary-item{background:#111827;border-left-color:#60a5fa}.summary-item.alert{background:#7f1d1d;border-left-color:#ef4444}.summary-label{color:#9ca3af}.summary-value{color:#f3f4f6}.rec-card{background:#111827;border-color:#374151}.rec-card-header{background:#111827}.rec-card-header:hover{background:#1f2937}.rec-name{color:#f3f4f6}.rec-price{color:#10b981}.rec-effort{color:#9ca3af}.rec-expand{color:#6b7280}.rec-card-details{background:#111827;border-top-color:#374151}.rec-description{color:#d1d5db}.rec-steps h4{color:#f3f4f6}.rec-steps li{color:#d1d5db}.info-label{color:#9ca3af}.info-item code{background:#1f2937;color:#f3f4f6}.rec-generated{background:#064e3b;border-color:#059669}.generated-badge{color:#d1fae5}.rec-action-footer{border-top-color:#374151}.action-info p{color:#d1d5db}}@media (max-width: 768px){.rec-header{flex-direction:column;gap:16px}.rec-summary{width:100%}.summary-item{flex:1;min-width:140px}.rec-card-header{flex-wrap:wrap}.rec-card-meta{width:100%;margin-left:0;margin-top:8px;justify-content:space-between}.rec-price,.rec-effort{min-width:auto;text-align:left}.rec-btn{width:100%}.rec-btn-generate,.rec-btn-download{align-self:stretch}}.verification-panel{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-top:24px}.verification-panel h3{margin:0 0 24px;font-size:20px;color:#1f2937}.verification-panel p{margin:0;color:#6b7280;font-size:14px}.verification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:24px;flex-wrap:wrap}.verification-header h3{margin:0;font-size:20px;color:#1f2937;flex:1;min-width:200px}.verification-summary{display:flex;gap:16px;flex-wrap:wrap}.summary-stat{display:flex;flex-direction:column;background:#f3f4f6;padding:12px 16px;border-radius:8px;border-left:4px solid #3b82f6}.summary-stat.highlight{border-left-color:#10b981;background:#ecfdf5}.stat-label{font-size:12px;color:#6b7280;font-weight:600;margin-bottom:4px}.stat-value{font-size:16px;font-weight:700;color:#1f2937}.summary-stat.highlight .stat-value{color:#059669}.verification-list{display:flex;flex-direction:column;gap:12px}.verification-card{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.verification-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:16px}.task-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.task-status{font-size:12px;font-weight:600;padding:4px 8px;background:#0000000d;border-radius:4px;white-space:nowrap}.task-name{font-weight:600;color:#1f2937;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-score{display:flex;align-items:center;gap:8px;flex-shrink:0}.score-comparison{display:flex;align-items:center;gap:8px;font-weight:600}.before-score{color:#6b7280;font-size:14px;min-width:30px;text-align:right}.score-arrow{color:#9ca3af;font-size:12px}.after-score{color:#059669;font-size:14px;min-width:30px}.score-placeholder{color:#9ca3af;font-size:13px}.verification-result{display:flex;flex-direction:column;gap:12px}.result-bar{display:flex;height:24px;background:#e5e7eb;border-radius:4px;overflow:hidden}.result-before{background:linear-gradient(90deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;transition:width .3s ease;min-width:30px}.result-after{background:linear-gradient(90deg,#34d399,#10b981);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;transition:width .3s ease}.result-text{display:flex;justify-content:space-between;align-items:center}.improvement-badge{background:#ecfdf5;color:#059669;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.verified-date{color:#9ca3af;font-size:12px}.verify-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.verify-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}.verify-btn:disabled{opacity:.6;cursor:not-allowed}.verification-footer{margin-top:20px;padding-top:20px;border-top:2px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.download-report-btn{padding:10px 16px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-start}.download-report-btn:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 8px #6366f14d}.success-message{padding:12px 16px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#059669;font-size:14px;font-weight:600}@media (prefers-color-scheme: dark){.verification-panel{background:#1f2937;box-shadow:0 2px 8px #0000004d}.verification-panel h3{color:#f3f4f6}.verification-panel p{color:#d1d5db}.verification-header h3{color:#f3f4f6}.summary-stat{background:#111827;border-left-color:#60a5fa}.summary-stat.highlight{background:#064e3b;border-left-color:#10b981}.stat-label{color:#9ca3af}.stat-value{color:#f3f4f6}.summary-stat.highlight .stat-value{color:#d1fae5}.verification-card{background:#111827;border-color:#374151}.task-status{background:#ffffff1a}.task-name{color:#f3f4f6}.before-score{color:#9ca3af}.score-arrow{color:#6b7280}.after-score{color:#d1fae5}.score-placeholder{color:#6b7280}.result-bar{background:#374151}.result-text{color:#d1d5db}.improvement-badge{background:#064e3b;color:#d1fae5}.verified-date{color:#9ca3af}.verification-footer{border-top-color:#374151}.success-message{background:#064e3b;border-color:#059669;color:#d1fae5}}@media (max-width: 768px){.verification-header{flex-direction:column}.verification-header h3,.verification-summary{width:100%}.summary-stat{flex:1;min-width:100px}.verification-card-header{flex-wrap:wrap}.task-score{width:100%;margin-top:8px}.score-comparison{width:100%;justify-content:space-between}.verification-footer{flex-direction:column}.download-report-btn{width:100%;align-self:stretch}}.batch-monitoring-panel{padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.batch-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.batch-panel-header h2{margin:0;font-size:24px;color:#1f2937;flex:1;min-width:200px}.batch-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.auto-refresh-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none}.auto-refresh-toggle input{cursor:pointer;width:18px;height:18px}.batch-btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.batch-btn:disabled{opacity:.6;cursor:not-allowed}.batch-btn-primary{background:#3b82f6;color:#fff}.batch-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.batch-btn-secondary{background:#10b981;color:#fff}.batch-btn-secondary:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d}.batch-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.batch-back-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;padding:8px 0;margin-bottom:16px;transition:color .2s}.batch-back-btn:hover{color:#2563eb;text-decoration:underline}.batch-detail-view{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #00000014}.batch-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.batch-detail-header h3{margin:0;font-size:20px;color:#1f2937}.batch-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;color:#fff;font-size:14px;font-weight:600;white-space:nowrap}.batch-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center}.stat-label{font-size:12px;color:#6b7280;font-weight:500;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:#1f2937}.batch-progress{margin-bottom:24px}.progress-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);transition:width .3s ease;border-radius:4px}.progress-text{font-size:13px;color:#6b7280}.batch-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.info-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px solid #e5e7eb}.info-row:last-child{border-bottom:none}.info-label{color:#6b7280;font-weight:600}.batch-list-view{background:#fff;padding:40px 20px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #00000014}.batch-list-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px}.batch-placeholder-icon{font-size:48px;opacity:.5}.batch-list-placeholder p{color:#6b7280;font-size:16px;margin:0}.batch-table{width:100%;border-collapse:collapse}.batch-table-header{display:grid;grid-template-columns:2fr 1.5fr 2fr 1.5fr 1.5fr 1fr;gap:12px;padding:12px 16px;background:#f3f4f6;border-radius:8px 8px 0 0;font-weight:600;font-size:13px;color:#6b7280;border-bottom:1px solid #e5e7eb}.batch-table-row{display:grid;grid-template-columns:2fr 1.5fr 2fr 1.5fr 1.5fr 1fr;gap:12px;padding:16px;border-bottom:1px solid #e5e7eb;align-items:center;cursor:pointer;transition:background-color .2s}.batch-table-row:hover{background-color:#f9fafb}.batch-table-row:last-child{border-bottom:none;border-radius:0 0 8px 8px}.batch-col-name{min-width:0}.batch-name{font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-col-status{min-width:100px}.batch-col-progress{min-width:0}.mini-progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:4px}.mini-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);transition:width .3s ease;border-radius:3px}.batch-col-rate{text-align:center;font-weight:600;color:#1f2937}.batch-col-created{text-align:right;font-size:13px;color:#6b7280}.batch-col-action{text-align:right}.batch-view-btn{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.batch-view-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}@media (prefers-color-scheme: dark){.batch-table-header{background:#111827;color:#9ca3af;border-bottom-color:#374151}.batch-table-row{border-bottom-color:#374151}.batch-table-row:hover{background-color:#1f2937}.batch-name{color:#f3f4f6}.mini-progress-bar{background:#374151}.batch-col-rate{color:#f3f4f6}.batch-col-created{color:#9ca3af}}@media (max-width: 1024px){.batch-table-header,.batch-table-row{grid-template-columns:1.5fr 1.2fr 1.5fr 1.2fr;gap:8px}.batch-col-created,.batch-col-rate{display:none}}@media (max-width: 768px){.batch-table-header,.batch-table-row{grid-template-columns:1.5fr 1fr 1.5fr;gap:8px;padding:12px 8px}.batch-col-status{display:none}}@media (prefers-color-scheme: dark){.batch-monitoring-panel{background:linear-gradient(135deg,#1f2937,#111827)}.batch-panel-header h2{color:#f3f4f6}.auto-refresh-toggle{color:#d1d5db}.batch-detail-view{background:#1f2937;box-shadow:0 2px 8px #0000004d}.batch-detail-header h3{color:#f3f4f6}.stat-card{background:#111827;border-color:#374151}.stat-label{color:#9ca3af}.stat-value{color:#f3f4f6}.progress-label{color:#e5e7eb}.progress-bar{background:#374151}.progress-text{color:#9ca3af}.batch-info{background:#111827;border-color:#374151}.info-row{border-bottom-color:#374151}.info-label{color:#9ca3af}.batch-list-view{background:#1f2937;box-shadow:0 2px 8px #0000004d}.batch-list-placeholder p{color:#9ca3af}}@media (max-width: 768px){.batch-panel-header{flex-direction:column;align-items:flex-start}.batch-controls{width:100%;flex-direction:column}.batch-btn{width:100%}.batch-stats-grid{grid-template-columns:repeat(2,1fr)}.batch-detail-header{flex-direction:column;align-items:flex-start}.batch-status-badge{width:100%;justify-content:center}}:root{--gray-950: #0a0a0f;--gray-900: #111118;--gray-850: #18181f;--gray-800: #1e1e28;--gray-750: #252530;--gray-700: #2e2e3a;--gray-600: #3d3d4d;--gray-500: #5a5a72;--gray-400: #7c7c96;--gray-300: #a0a0b8;--gray-200: #c4c4d4;--gray-100: #e2e2ec;--gray-50: #f0f0f8;--accent: #6366f1;--accent-2: #8b5cf6;--accent-hover: #4f52e8;--accent-light: rgba(99,102,241,.12);--accent-subtle: rgba(99,102,241,.06);--accent-glow: rgba(99,102,241,.18);--green: #22c55e;--green-bg: rgba(34,197,94,.1);--red: #ef4444;--red-bg: rgba(239,68,68,.1);--amber: #f59e0b;--amber-bg: rgba(245,158,11,.1);--bg: var(--gray-950);--bg-2: var(--gray-900);--bg-3: var(--gray-850);--bg-4: var(--gray-800);--border: var(--gray-750);--border-2: var(--gray-700);--fg: var(--gray-100);--fg-2: var(--gray-300);--fg-3: var(--gray-400);--fg-dim: var(--gray-500);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 24px rgba(0,0,0,.6);--shadow-accent: 0 0 0 3px rgba(99,102,241,.25);--t-fast: .1s ease;--t-base: .15s ease;--t-slow: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select,button{font-family:inherit;font-size:inherit}.mm-app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.mm-header{height:52px;flex-shrink:0;background:var(--bg-2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:10px;z-index:10;box-shadow:0 1px #0003}.mm-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.mm-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.mm-logo{display:flex;align-items:center;gap:8px;flex-shrink:0;-webkit-user-select:none;user-select:none}.mm-logo-mark{width:28px;height:28px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #6366f159}.mm-logo-word{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--fg);white-space:nowrap;letter-spacing:-.01em}.mm-site-selector-wrap{max-width:200px}.mm-site-selector-wrap select{font-size:var(--text-sm)}.mm-template-wrap{max-width:160px}.mm-template-wrap select{font-size:var(--text-sm)}.mm-header-sep{width:1px;height:20px;background:var(--border-2);flex-shrink:0;margin:0 2px}.mm-body{display:flex;flex:1;overflow:hidden}.mm-sidebar{width:256px;flex-shrink:0;background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.mm-nl-wrap{padding:10px;border-bottom:1px solid var(--border);flex-shrink:0}.mm-nav{display:flex;flex-direction:column;gap:1px;padding:6px 6px 4px;flex-shrink:0;border-bottom:1px solid var(--border)}.mm-nav-tab{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:var(--r-md);background:none;border:none;cursor:pointer;color:var(--fg-3);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--t-fast),color var(--t-fast);text-align:left;width:100%;position:relative}.mm-nav-tab:hover{background:var(--bg-3);color:var(--fg-2)}.mm-nav-tab.active{background:var(--accent-light);color:var(--accent)}.mm-nav-tab.active:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--accent);border-radius:0 2px 2px 0}.mm-nav-icon{flex-shrink:0;width:16px;display:flex;align-items:center;justify-content:center}.mm-nav-label{font-size:var(--text-sm)}.mm-panel-scroll{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.mm-panel-scroll::-webkit-scrollbar{width:4px}.mm-panel-scroll::-webkit-scrollbar-track{background:transparent}.mm-panel-scroll::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}.mm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:8px;text-align:center}.mm-empty-icon{color:var(--gray-700)}.mm-empty-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--fg-2)}.mm-empty-hint{font-size:var(--text-sm);color:var(--fg-dim)}.mm-panel{display:flex;flex-direction:column;gap:12px}.btn{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;border-radius:var(--r-md);font-weight:var(--weight-medium);transition:all var(--t-base);white-space:nowrap;flex-shrink:0;text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;box-shadow:0 1px 3px #6366f14d}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 2px 8px #6366f166}.btn-secondary{background:var(--bg-4);color:var(--fg);border:1px solid var(--border-2)}.btn-secondary:hover{border-color:var(--gray-500);background:var(--bg-3)}.btn-ghost{background:transparent;color:var(--fg-2)}.btn-ghost:hover{background:var(--bg-4);color:var(--fg)}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid transparent}.btn-danger:hover{border-color:var(--red)}.btn-sm{font-size:var(--text-sm);padding:4px 10px}.btn-md{font-size:var(--text-base);padding:7px 14px}.btn-lg{font-size:var(--text-md);padding:9px 18px}.btn-icon-only{padding:6px}.btn-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.card-header{padding:9px 13px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#ffffff05}.card-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--fg-3);text-transform:uppercase;letter-spacing:.07em}.card-body{padding:13px;display:flex;flex-direction:column;gap:11px}.field-group{display:flex;flex-direction:column;gap:5px}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-2)}.field-required{color:var(--red);margin-left:2px}.field-hint{font-size:var(--text-xs);color:var(--fg-dim)}.field-error{font-size:var(--text-xs);color:var(--red)}input[type=text],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=password],textarea,select{background:var(--bg-4);border:1px solid var(--border-2);border-radius:var(--r-md);color:var(--fg);padding:7px 10px;width:100%;font-size:var(--text-base);transition:border-color var(--t-base),box-shadow var(--t-base);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:var(--shadow-accent)}input::placeholder,textarea::placeholder{color:var(--fg-dim)}textarea{resize:vertical;min-height:72px;line-height:1.6}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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='%237c7c96' 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:28px;background-size:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.6}.badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-default{background:var(--bg-4);color:var(--fg-2)}.badge-success{background:var(--green-bg);color:var(--green)}.badge-warning{background:var(--amber-bg);color:var(--amber)}.badge-danger{background:var(--red-bg);color:var(--red)}.badge-accent{background:var(--accent-light);color:var(--accent)}.skeleton{background:linear-gradient(90deg,var(--bg-3) 25%,var(--bg-4) 50%,var(--bg-3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{display:flex;flex-direction:column;gap:7px}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--r-lg);min-width:250px;max-width:380px;font-size:var(--text-base);font-weight:var(--weight-medium);box-shadow:var(--shadow-lg);animation:toast-in .18s ease;pointer-events:all;border:1px solid}.toast-success{background:var(--bg-3);border-color:var(--green)}.toast-error{background:var(--bg-3);border-color:var(--red)}.toast-info{background:var(--bg-3);border-color:var(--accent)}.toast-icon{font-size:14px;flex-shrink:0}.toast-msg{flex:1;line-height:1.4}.toast-close{background:none;border:none;color:var(--fg-dim);cursor:pointer;font-size:16px;padding:0 0 0 6px;line-height:1}.toast-close:hover{color:var(--fg)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.nl-bar{display:flex;align-items:center;gap:7px;background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--r-lg);padding:7px 8px 7px 10px;transition:border-color var(--t-base),box-shadow var(--t-base)}.nl-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-4)}.nl-bar input{flex:1;background:none;border:none;outline:none;color:var(--fg);font-size:var(--text-base);min-width:0}.nl-bar input::placeholder{color:var(--fg-dim)}.nl-bar input:disabled{opacity:.5;cursor:not-allowed}.nl-send-btn{background:var(--accent);border:none;border-radius:var(--r-sm);color:#fff;cursor:pointer;padding:5px 8px;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),transform var(--t-fast);flex-shrink:0}.nl-send-btn:hover{background:var(--accent-hover)}.nl-send-btn:active{transform:scale(.95)}.nl-send-btn:disabled{opacity:.4;cursor:not-allowed}.nl-result{margin-top:7px;font-size:var(--text-sm);color:var(--fg-2);background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-md);padding:7px 10px;line-height:1.5}.list-item-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 12px;display:flex;gap:8px;align-items:flex-start;transition:border-color var(--t-base)}.list-item-card:hover{border-color:var(--border-2)}.list-item-drag{color:var(--fg-dim);cursor:grab;font-size:14px;padding-top:1px;flex-shrink:0;-webkit-user-select:none;user-select:none}.list-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-item-title{font-size:var(--text-base);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-desc{font-size:var(--text-sm);color:var(--fg-3)}.list-item-actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity var(--t-fast)}.list-item-card:hover .list-item-actions{opacity:1}.list-item-btn{background:none;border:none;padding:4px 6px;border-radius:var(--r-sm);cursor:pointer;color:var(--fg-dim);font-size:12px;line-height:1;transition:all var(--t-fast)}.list-item-btn:hover{background:var(--bg-4);color:var(--fg)}.list-item-btn.danger:hover{color:var(--red);background:var(--red-bg)}.add-item-btn{width:100%;padding:9px;border:1px dashed var(--border-2);border-radius:var(--r-lg);background:none;color:var(--fg-3);font-size:var(--text-sm);cursor:pointer;transition:all var(--t-base)}.add-item-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.theme-mode-cards{display:flex;gap:8px}.theme-mode-card{flex:1;cursor:pointer;border:2px solid var(--border);border-radius:var(--r-lg);padding:10px 8px;text-align:center;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-2);transition:all var(--t-base)}.theme-mode-card:hover{border-color:var(--border-2);color:var(--fg)}.theme-mode-card.active{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.theme-mode-preview{height:38px;border-radius:var(--r-sm);margin-bottom:7px}.theme-mode-preview-light{background:linear-gradient(135deg,#f8fafc 60%,#e2e8f0);border:1px solid #e2e8f0}.theme-mode-preview-dark{background:linear-gradient(135deg,#0f172a 60%,#1e293b);border:1px solid #1e293b}.char-count-wrap{position:relative}.char-count{position:absolute;bottom:8px;right:10px;font-size:var(--text-xs);font-weight:var(--weight-medium);pointer-events:none}.char-count.ok{color:var(--green)}.char-count.warn{color:var(--amber)}.char-count.over{color:var(--red)}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:var(--r-md);border:2px solid transparent;cursor:pointer;transition:border-color var(--t-fast),transform .1s}.swatch:hover{transform:scale(1.12)}.swatch.active{border-color:var(--fg)}.toggle-group{display:flex;gap:4px}.toggle-btn{background:var(--bg-4);border:1px solid var(--border-2);color:var(--fg-3);padding:5px 12px;border-radius:var(--r-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--t-base)}.toggle-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:var(--weight-semibold)}.toggle-btn:hover:not(.active){border-color:var(--accent);color:var(--accent)}.color-field{display:flex;align-items:center;gap:8px}.tools-section{display:flex;flex-direction:column;gap:8px}.tools-section-desc{font-size:var(--text-sm);color:var(--fg-3)}.tools-form{display:flex;flex-direction:column;gap:6px}.tools-error{font-size:var(--text-sm);color:var(--red)}.tools-divider{border:none;border-top:1px solid var(--border);margin:4px 0}.tools-checkbox-label{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--fg-2);cursor:pointer}.tools-checkbox-label input[type=checkbox]{width:auto}.color-swatches{display:flex;gap:4px;flex-wrap:wrap}.color-swatch-sm{width:20px;height:20px;border-radius:var(--r-sm);border:1px solid var(--border-2)}.brand-logo-img{max-height:40px;max-width:100%;object-fit:contain;margin-top:4px}.brand-applied{color:var(--fg-dim);font-size:var(--text-xs)}.comp-file-list{margin:4px 0 0 16px}.comp-file-list li{font-size:var(--text-xs);color:var(--fg-3)}.arch-file-item{display:flex;align-items:center;justify-content:space-between}.arch-copy-btn{background:none;border:none;color:var(--fg-dim);cursor:pointer;font-size:11px;padding:2px 5px;border-radius:var(--r-sm)}.arch-copy-btn:hover{color:var(--accent);background:var(--accent-subtle)}.tags-wrap{display:flex;flex-wrap:wrap;gap:6px;padding:6px;background:var(--bg-4);border:1px solid var(--border-2);border-radius:var(--r-lg);min-height:38px;align-items:center}.tag-pill{display:inline-flex;align-items:center;gap:4px;background:var(--bg-3);border:1px solid var(--border-2);color:var(--fg);padding:3px 8px;border-radius:var(--r-full);font-size:var(--text-sm)}.tag-pill button{background:none;border:none;color:var(--fg-dim);cursor:pointer;padding:0;line-height:1;font-size:14px;width:auto}.tag-input{border:none;background:transparent;color:var(--fg);font-size:var(--text-sm);outline:none;width:120px;padding:3px 6px}.badge-chips{display:flex;flex-wrap:wrap;gap:6px}.badge-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg-4);border:1px solid var(--border-2);border-radius:var(--r-full);padding:3px 10px;font-size:var(--text-sm)}.badge-chip-remove{background:none;border:none;color:var(--fg-dim);cursor:pointer;font-size:14px;line-height:1;padding:0}.badge-chip-remove:hover{color:var(--red)}.color-row{display:flex;gap:8px;align-items:center}.color-row input[type=color]{width:40px;height:34px;padding:2px;border-radius:var(--r-md);cursor:pointer;background:none;border:1px solid var(--border-2)}.spinner{width:28px;height:28px;border:3px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.mode-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em}.mode-badge.draft{background:var(--amber-bg);color:var(--amber)}.mode-badge.live{background:var(--green-bg);color:var(--green)}.diff-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);flex-shrink:0}.dash-page{min-height:100vh;background:var(--bg);color:var(--fg);display:flex;flex-direction:column}.dash-header{background:var(--bg-2);border-bottom:1px solid var(--border);padding:0 24px;height:52px;flex-shrink:0;box-shadow:0 1px #0003}.dash-header-inner{max-width:1120px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between}.dash-logo{display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.dash-nav-links{display:flex;align-items:center;gap:8px}.dash-main{max-width:1120px;margin:0 auto;padding:36px 24px;width:100%}.dash-hero{margin-bottom:36px}.dash-hero-title{font-size:26px;font-weight:var(--weight-bold);margin-bottom:4px;letter-spacing:-.02em}.dash-hero-sub{color:var(--fg-3);font-size:var(--text-sm)}.dash-section{margin-bottom:36px}.dash-section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--fg-3);text-transform:uppercase;letter-spacing:.09em;margin-bottom:12px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.dash-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s}.dash-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.dash-card-top{height:148px;background:var(--bg-3);overflow:hidden;position:relative}.dash-card-top iframe{width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;border:none}.dash-card-thumb-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--gray-700)}.dash-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.dash-card-name{font-weight:var(--weight-semibold);font-size:var(--text-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-card-meta{display:flex;align-items:center;min-height:20px;gap:6px}.dash-card-actions{display:flex;gap:6px;margin-top:4px}.dash-empty{text-align:center;padding:80px 24px;color:var(--fg)}.dash-error{background:var(--red-bg, #450a0a);border:1px solid var(--red, #dc2626);border-radius:var(--r-md);padding:12px 16px;color:var(--red, #f87171);font-size:var(--text-sm);margin-bottom:24px}.ob-page{min-height:100vh;background:var(--bg);color:var(--fg);display:flex;flex-direction:column}.ob-main{flex:1;display:flex;justify-content:center;padding:56px 24px 80px}.ob-form-wrap{width:100%;max-width:620px;display:flex;flex-direction:column;gap:14px}.ob-hero{text-align:center;margin-bottom:12px}.ob-title{font-size:28px;font-weight:var(--weight-bold);margin-bottom:8px;letter-spacing:-.02em}.ob-sub{color:var(--fg-3);font-size:var(--text-sm)}.ob-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-xl);padding:20px}.ob-card-title{font-size:var(--text-md);font-weight:var(--weight-semibold);margin-bottom:12px}.ob-textarea{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg);font:inherit;font-size:var(--text-sm);padding:10px 12px;resize:vertical;margin-bottom:10px}.ob-textarea:focus{outline:none;border-color:var(--accent)}.ob-select{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg);font:inherit;font-size:var(--text-sm);padding:10px 12px}.ob-select:focus{outline:none;border-color:var(--accent)}.ob-input{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg);font:inherit;font-size:var(--text-sm);padding:10px 12px}.ob-input:focus{outline:none;border-color:var(--accent)}.ob-examples{display:flex;flex-wrap:wrap;gap:6px}.ob-chip{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-full);font-size:12px;color:var(--fg-3);padding:4px 12px;cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap}.ob-chip:hover{border-color:var(--accent);color:var(--accent)}.ob-build-btn{width:100%;padding:14px;font-size:var(--text-md);font-weight:var(--weight-semibold)}.ob-stages{display:flex;flex-direction:column;gap:2px}.ob-stage{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:var(--text-sm);color:var(--fg-3)}.ob-stage:last-child{border-bottom:none}.ob-stage.active{color:var(--fg)}.ob-stage.done{color:var(--green)}.ob-stage-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;background:var(--bg-3);border:1px solid var(--border);font-weight:var(--weight-bold)}.ob-stage.active .ob-stage-icon{border-color:var(--accent);color:var(--accent);animation:pulse 1.2s infinite}.ob-stage.done .ob-stage-icon{background:var(--green-bg, #14532d);border-color:var(--green);color:var(--green)}.ob-stage-label{flex:1}.ob-elapsed{font-size:12px;color:var(--fg-dim);text-align:right;margin-top:10px}.ob-result-actions{display:flex;gap:10px;flex-wrap:wrap}.domain-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-top:8px}.domain-table th{text-align:left;font-size:11px;font-weight:var(--weight-semibold);color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;padding:6px 8px;border-bottom:1px solid var(--border)}.domain-table td{padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:middle}.domain-table tr:last-child td{border-bottom:none}.copy-block{display:flex;align-items:center;gap:8px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-sm);padding:4px 8px}.copy-block-value{font-family:monospace;font-size:12px;color:var(--accent);word-break:break-all;flex:1}.copy-block-btn{background:none;border:none;font-size:11px;color:var(--fg-3);cursor:pointer;white-space:nowrap;padding:2px 4px;border-radius:var(--r-sm)}.copy-block-btn:hover{color:var(--fg);background:var(--bg-4)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}