@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;line-height:1.5;color:#1c1c1e;background:#f2f2f7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-heading: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-xs: 11px;--text-sm: 13px;--text-md: 15px;--text-lg: 17px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 34px;--iscape-green: #2BC1C3;--iscape-teal: #009BCE;--iscape-emerald: #63B882;--iscape-gold: #F2C94C;--accent: #007AFF;--accent-hover: #0056CC;--surface: #ffffff;--surface-secondary: #f2f2f7;--surface-tertiary: #e5e5ea;--surface-muted: #f2f2f7;--surface-glass: rgba(255, 255, 255, .72);--surface-glass-thick: rgba(255, 255, 255, .85);--border: rgba(60, 60, 67, .12);--border-strong: rgba(60, 60, 67, .29);--border-color: rgba(60, 60, 67, .12);--separator: rgba(60, 60, 67, .08);--text-primary: #1c1c1e;--text-secondary: #3c3c43;--text-muted: #8e8e93;--text-tertiary: #aeaeb2;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 14px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .1), 0 8px 20px rgba(0, 0, 0, .06);--card-bg: #ffffff;--card-shadow: var(--shadow-md);--card-accent: #2BC1C3;--card-radius: 16px;--sidebar-width: 260px;--topbar-height: 60px;--banner-height: 28px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--surface-invert: #1c1c1e;--danger: #ff453a;--danger-bg: rgba(255, 69, 58, .08);--warning: #ff9f0a;--warning-bg: rgba(255, 159, 10, .08);--success: #30d158;--success-bg: rgba(48, 209, 88, .08);--color-purple: #8b5cf6;--color-purple-bg: rgba(139, 92, 246, .08);--color-teal: #00c7be;--color-teal-bg: rgba(0, 199, 190, .08);--accent-bg: rgba(0, 122, 255, .08)}body.theme-dark{color-scheme:dark;background:#000;color:#f5f5f7;--surface: #1c1c1e;--surface-secondary: #2c2c2e;--surface-tertiary: #3a3a3c;--surface-muted: #1c1c1e;--surface-glass: rgba(28, 28, 30, .72);--surface-glass-thick: rgba(28, 28, 30, .88);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--border-color: rgba(255, 255, 255, .1);--separator: rgba(255, 255, 255, .06);--text-primary: #f5f5f7;--text-secondary: #d1d1d6;--text-muted: #a1a1a6;--text-tertiary: #7c7c80;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 14px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .35);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .45);--card-bg: #1c1c1e;--card-shadow: 0 4px 12px rgba(0, 0, 0, .35);--accent: #0A84FF;--accent-hover: #409CFF;--surface-invert: #f5f5f7;--danger: #ff453a;--danger-bg: rgba(255, 69, 58, .12);--warning: #ff9f0a;--warning-bg: rgba(255, 159, 10, .12);--success: #30d158;--success-bg: rgba(48, 209, 88, .12);--color-purple: #bf5af2;--color-purple-bg: rgba(191, 90, 242, .12);--color-teal: #6ac4dc;--color-teal-bg: rgba(106, 196, 220, .12);--accent-bg: rgba(10, 132, 255, .12)}body.theme-dark .sidebar{background:#000000eb;border-color:#ffffff0f}body.theme-dark .banner{background:linear-gradient(135deg,#0a84ff14,#2c2c2ef2 60%)}body.theme-dark .main{background:#000}body.theme-dark .topbar{background:#000c;border-color:#ffffff0f}body.theme-dark .tabs{background:#2c2c2e99;border-color:#ffffff0f}body.theme-dark .card{background:#1c1c1e;border-color:#ffffff14;box-shadow:0 2px 10px #0000004d}body.theme-dark .theme-toggle{border-color:#ffffff1f}body.theme-dark .theme-toggle:hover{background:#ffffff0f}body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background:#2c2c2e;border-color:#ffffff1a;color:#f5f5f7}body.theme-dark input:focus,body.theme-dark select:focus,body.theme-dark textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff33}body.theme-dark .persistence-bar{background:#1c1c1ef2;border-color:#ffffff0f}body.theme-dark button{box-shadow:0 1px 4px #0000004d}body.theme-dark .btn-outline{border-color:#ffffff26;color:#f5f5f7}body.theme-dark .btn-outline:hover{background:#ffffff0f;border-color:var(--accent)}body.theme-dark .chart-wrap{background:#1c1c1e;border-color:#ffffff14}body.theme-dark .badge{background:#8e8e932e;color:#d1d1d6}body.theme-dark .badge.success{background:#30d1582e;color:#30d158}body.theme-dark .badge.warning{background:#ff9f0a2e;color:#ff9f0a}body.theme-dark .badge.danger{background:#ff453a2e;color:#ff453a}body.theme-dark .tab:hover{background:#ffffff0f}body.theme-dark .tab.active{background:var(--surface-secondary);color:var(--text-primary)}body.theme-dark .ai-tabs button:hover{background:#ffffff0f}*,*:before,*:after{box-sizing:border-box}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.01em}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr;min-height:100dvh}.sidebar{background:linear-gradient(180deg,#1c1c1e,#0a0a0c);color:#f5f5f7;padding:20px 12px;display:flex;flex-direction:column;gap:8px;position:sticky;top:var(--banner-height);height:calc(100vh - var(--banner-height));overflow-y:auto;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.06);grid-row:2;z-index:30;scrollbar-width:none;-ms-overflow-style:none;transition:transform var(--duration-slow) var(--ease-smooth),width var(--duration-slow) var(--ease-smooth)}.sidebar::-webkit-scrollbar{display:none}.sidebar-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:var(--text-md);padding:8px 12px 16px;letter-spacing:-.01em}.brand-dot{width:10px;height:10px;border-radius:50%;background:#30d158;box-shadow:0 0 8px #30d15866;animation:pulse-dot 3s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 6px #30d1584d}50%{box-shadow:0 0 14px #30d15899}}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{text-align:left;padding:10px 12px;border-radius:10px;background:transparent;color:#ffffffd9;border:1px solid transparent;cursor:pointer;display:grid;gap:1px;font-family:var(--font-body);transition:all var(--duration-fast) var(--ease-smooth);-webkit-tap-highlight-color:transparent}.nav-item:hover{background:#ffffff0f}.nav-item:active{transform:scale(.98)}.nav-item.active{background:#0a84ff26;border-color:#0a84ff40;color:#fff}.nav-item.danger{color:#ff453a}.nav-item.danger:hover{background:#ff453a1a}.nav-section{margin-top:16px;margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;padding:0 12px;font-weight:600}.nav-label{font-size:13px;font-weight:600}.nav-meta{font-size:11px;color:#fff6;padding-left:22px}.nav-hint{font-size:12px;color:#fff6;margin-bottom:8px}.nav-step{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#ffffff4d}.nav-item-passive{opacity:.4;cursor:default;border:1px dashed rgba(255,255,255,.1)}.nav-item-passive:hover{background:transparent}.sidebar-toggle{display:none;position:fixed;top:calc(var(--banner-height) + 10px);left:12px;z-index:50;width:40px;height:40px;border-radius:12px;background:var(--surface-glass-thick);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:var(--shadow-md);cursor:pointer;align-items:center;justify-content:center;font-size:18px;color:var(--text-primary);transition:all var(--duration-fast) var(--ease-smooth);padding:0}.sidebar-toggle:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.sidebar-toggle:active{transform:scale(.95)}.sidebar-backdrop{display:none}.main{background:var(--surface-secondary);grid-row:2;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;position:sticky;top:var(--banner-height);background:var(--surface-glass-thick);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);z-index:10;min-height:var(--topbar-height)}.topbar-title{font-size:var(--text-2xl);font-weight:800;font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary)}.topbar-actions{display:flex;align-items:center;gap:10px}.theme-toggle{background:transparent;border:1px solid var(--border);color:var(--text-primary);font-size:18px;width:38px;height:38px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-smooth)}.theme-toggle:hover{background:var(--surface);transform:scale(1.08);box-shadow:var(--shadow-sm)}.theme-toggle:active{transform:scale(.92)}.container{max-width:1200px;margin:0 auto;padding:24px 28px 64px}.card{background:var(--card-bg);border-radius:var(--card-radius);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:box-shadow var(--duration-normal) var(--ease-smooth),transform var(--duration-normal) var(--ease-smooth)}.card.clickable{cursor:pointer}.card.clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card.clickable:active{transform:translateY(0) scale(.99)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;background:linear-gradient(135deg,#007aff0d,#fffffff2 60%);border-color:#007aff1f}.section{margin-bottom:12px}.section-title{margin:0 0 4px;font-size:var(--text-lg);font-family:var(--font-heading);font-weight:700}.value{font-size:var(--text-md);font-weight:600}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;background:var(--accent);color:#fff;padding:10px 18px;border-radius:10px;font-weight:600;font-size:14px;font-family:var(--font-body);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}button.card,.card button,.preset-card{white-space:normal;overflow:visible;text-align:left;display:flex;flex-direction:column;background:var(--card-bg);color:var(--text-primary);box-shadow:none}button.card:hover,.card button:hover,.preset-card:hover{filter:none;transform:none;box-shadow:var(--shadow-sm);border-color:var(--accent)}button.btn-reset,.btn-reset{color:var(--text-primary);background:none;border:none;box-shadow:none;padding:0;white-space:normal;overflow:visible}button.btn-reset:hover,.btn-reset:hover{filter:none;transform:none;box-shadow:none;background:#00000008}button.btn-reset:active,.btn-reset:active{transform:none;filter:none}.danger-text{color:var(--danger)!important;background:transparent!important;border:none}.danger-text:hover{filter:brightness(.85)!important;transform:none!important;box-shadow:none!important}.preset-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.preset-card{padding:12px 14px;border:1px solid var(--border);border-radius:var(--card-radius);cursor:pointer;transition:all .15s var(--ease-smooth);gap:4px}.preset-card-header{display:flex;align-items:center;gap:6px}.preset-card-icon{font-size:16px;line-height:1}.preset-card-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.preset-card-desc{font-size:var(--text-xs);color:var(--text-secondary);margin:2px 0 0;line-height:1.4}.badge-simple{background:#30d1581a;color:var(--success)}.badge-moderate{background:#ff9f0a1a;color:var(--warning)}.badge-advanced,.badge-complex{background:#ff453a1a;color:var(--danger)}.btn:hover,button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 14px #007aff33}.btn:active,button:active{transform:translateY(0) scale(.97);filter:brightness(.95)}.btn:disabled,button:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important;filter:none!important}.btn-primary,button.primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-success{background:#30d158;color:#fff}.btn-success:hover:not(:disabled){background:#28b34d}.btn-secondary,button.secondary{background:#636366;color:#fff}.btn-secondary:hover,button.secondary:hover{background:#48484a}.btn-danger,button.danger{background:#ff453a;color:#fff}.btn-danger:hover,button.danger:hover{background:#d93025}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-strong)}.btn-outline:hover{background:var(--surface);border-color:var(--accent);color:var(--accent);box-shadow:none}.btn-ghost{background:transparent;color:var(--text-muted);padding:8px 12px;border:none}.btn-ghost:hover{background:#0000000a;color:var(--text-primary);box-shadow:none;transform:none}.btn-xs,button.xs{padding:4px 8px;font-size:11px;border-radius:6px}.btn-sm,button.sm{padding:6px 12px;font-size:12px;border-radius:8px}.btn-lg,button.lg{padding:14px 24px;font-size:16px;border-radius:12px}.field{display:flex;flex-direction:column;gap:6px;font-size:14px}.field label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}input,select,textarea{padding:10px 14px;border-radius:10px;border:1px solid var(--border-strong);font-size:15px;font-family:var(--font-body);background:var(--surface);color:var(--text-primary);transition:border-color var(--duration-fast),box-shadow var(--duration-fast);-webkit-appearance:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #007aff1f}input:disabled,textarea:disabled,select:disabled{background:var(--surface-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.7}textarea{min-height:120px;font-family:var(--font-mono);resize:vertical}.analyst-textarea{position:relative}.analyst-textarea textarea{padding-bottom:48px}.analyst-button{position:absolute;right:10px;bottom:10px;padding:6px 12px;font-size:11px;border-radius:999px}.analyst-button.loading{opacity:.8;cursor:progress}.tabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap;padding:4px;background:var(--surface-tertiary);border-radius:12px;border:1px solid var(--separator)}.tab{border:1px solid transparent;background:transparent;color:var(--text-secondary);padding:8px 14px;border-radius:9px;cursor:pointer;font-weight:600;font-size:13px;transition:all var(--duration-fast) var(--ease-smooth)}.tab:hover{background:#00000008;color:var(--text-primary);transform:none;box-shadow:none}.tab.active{background:var(--surface);color:var(--text-primary);border-color:transparent;box-shadow:var(--shadow-sm)}.tabs.compact{gap:3px}.tabs.compact .tab{padding:6px 10px;font-size:12px}.ai-tabs{display:flex;gap:4px;margin-bottom:24px;padding:4px;background:var(--surface-tertiary);border-radius:12px;border:1px solid var(--separator)}.ai-tabs button{flex:1;background:transparent;color:var(--text-muted);padding:10px 16px;border-radius:9px;font-weight:600;font-size:13px;transition:all var(--duration-fast) var(--ease-smooth)}.ai-tabs button:hover{background:#00000008;color:var(--text-primary);transform:none;box-shadow:none}.ai-tabs button.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:#8e8e931f;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-secondary)}.badge.success{background:#30d1581f;color:#30d158}.badge.warning{background:#ff9f0a1f;color:#ff9f0a}.badge.danger{background:#ff453a1f;color:#ff453a}.badge.info{background:#0a84ff1f;color:#0a84ff}.flag-pill{padding:4px 10px;border-radius:999px;font-size:12px;background:#8e8e931a}.flag-pill.on{background:#30d1581f;color:#30d158}.flag-pill.off{background:#ff453a1f;color:#ff453a}.status-pill{padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.status-pill.active{background:#0a84ff1f;color:#0a84ff}.status-pill.ok{background:#30d1581f;color:#30d158}.status-pill.missing{background:#ff453a1f;color:#ff453a}.status-pill.unknown,.status-pill.planned{background:#8e8e931f;color:#8e8e93}.status-pill.blocked{background:#ff453a1f;color:#ff453a}.status-pill.completed{background:#30d1581f;color:#30d158}.status-pill.processing{background:#ff9f0a1f;color:#ff9f0a}.status-pill.failed{background:#ff453a1f;color:#ff453a}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{padding:3px 8px;border-radius:999px;font-size:11px;background:#8e8e931a;color:var(--text-secondary);border:1px solid var(--separator)}.status-ok{background:#30d1581a;color:#30d158}.status-warn{background:#ff9f0a1a;color:#ff9f0a}.status-bad{background:#ff453a1a;color:#ff453a}.list{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--surface);width:100%;transition:all var(--duration-fast) var(--ease-smooth)}.list-item:hover{border-color:var(--border-strong)}.list-item .grid{width:100%}.list-item-actions{flex-wrap:wrap}.list-item img{width:80px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.feature-list{display:flex;flex-direction:column;gap:4px}.feature-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--surface-secondary);border-radius:10px;border:1px solid transparent;transition:all var(--duration-fast) var(--ease-smooth);cursor:pointer}.feature-row:hover{background:var(--surface);border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translate(3px)}.feature-row:active{transform:translate(3px) scale(.99)}.feature-info{display:flex;flex-direction:column;gap:2px}.feature-status{display:flex;align-items:center}.pulse-green{width:8px;height:8px;border-radius:50%;background:#30d158;box-shadow:0 0 #30d15866;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #30d158b3}70%{transform:scale(1);box-shadow:0 0 0 6px #30d15800}to{transform:scale(.95);box-shadow:0 0 #30d15800}}.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(110deg,var(--surface-secondary) 8%,var(--surface-tertiary) 18%,var(--surface-secondary) 33%);background-size:200% 100%;border-radius:10px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.loader{display:flex;align-items:center;justify-content:center;gap:6px;padding:32px;color:var(--text-muted);font-size:14px}.spinner{width:20px;height:20px;border:2.5px solid var(--separator);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in var(--duration-normal) var(--ease-smooth)}.modal,.modal-card{background:var(--surface);border-radius:18px;width:100%;max-width:540px;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;padding:28px;display:flex;flex-direction:column;gap:20px;animation:scale-in var(--duration-normal) var(--ease-bounce);border:1px solid var(--border)}.modal h3,.modal-card h3{font-size:20px;font-weight:700;margin:0}.modal-card.wide{max-width:680px}.modal-card.destructive{border-top:4px solid #ff453a}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-header h2,.modal-header h3{font-size:20px;font-weight:700;margin:0}.modal-body{display:flex;flex-direction:column;gap:16px}.modal-tabs{display:flex;gap:4px;padding:4px;background:var(--surface-tertiary);border-radius:12px;border:1px solid var(--separator)}.modal-tabs button{flex:1;background:transparent;color:var(--text-muted);padding:8px 14px;border-radius:9px;font-weight:600;font-size:13px;transition:all var(--duration-fast) var(--ease-smooth)}.modal-tabs button:hover{background:#00000008;color:var(--text-primary);transform:none;box-shadow:none}.modal-tabs button.active{background:var(--surface);color:var(--text-primary);border-color:transparent;box-shadow:var(--shadow-sm)}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--surface-tertiary);color:var(--text-muted);border:none;cursor:pointer;font-size:16px;padding:0;flex-shrink:0;transition:all var(--duration-fast) var(--ease-smooth)}.close-btn:hover{background:var(--surface-secondary);color:var(--text-primary);transform:scale(1.08);box-shadow:none}.modal-footer,.modal-card .modal-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--separator)}.row{display:flex;align-items:center;justify-content:flex-end;gap:10px}body.theme-dark .modal-card{background:var(--surface);border-color:var(--border)}body.theme-dark .modal-tabs{background:var(--surface-secondary)}body.theme-dark .modal-tabs button:hover{background:#ffffff0f}body.theme-dark .close-btn{background:var(--surface-secondary);color:var(--text-secondary)}body.theme-dark .close-btn:hover{background:var(--surface-tertiary);color:var(--text-primary)}.saving-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff;font-weight:600}.persistence-bar{position:fixed;bottom:0;left:var(--sidebar-width);right:0;z-index:90;background:#ffffffd9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-top:1px solid var(--separator);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(100%);transition:transform var(--duration-normal) var(--ease-spring)}.persistence-bar.dirty{transform:translateY(0)}.persistence-bar .dirty-indicator{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary)}.persistence-bar .dirty-indicator:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff9f0a;animation:pulse-green 2s infinite}.persistence-bar .actions{display:flex;gap:8px}.stat-card{text-align:center;padding:20px;border-radius:14px;background:var(--surface);border:1px solid var(--border);transition:all var(--duration-fast) var(--ease-smooth)}.stat-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card .stat-value{font-size:28px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.stat-card .stat-label{font-size:12px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.marketplace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.marketplace-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:all var(--duration-fast) var(--ease-smooth);cursor:pointer}.marketplace-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.marketplace-card .model-name{font-weight:700;font-size:15px;color:var(--text-primary)}.marketplace-card .model-provider{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.model-detail{padding:24px;display:flex;flex-direction:column;gap:20px}.model-detail h3{font-size:20px;font-weight:700;margin:0}.model-header{display:flex;gap:12px;align-items:flex-start}.model-icon{width:48px;height:48px;border-radius:12px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.connector-grid{display:grid;gap:12px}.connector-setup-card{background:var(--surface-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.diagnostics-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.diagnostics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.trace-list{display:flex;flex-direction:column;gap:8px}.trace-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.trace-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translate(4px)}.trace-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.trace-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--separator)}.trace-step{padding:10px;background:var(--surface-secondary);border-radius:8px;margin-top:6px}pre,code{font-family:var(--font-mono);background:var(--surface-secondary);padding:2px 6px;border-radius:6px;font-size:12px;overflow-x:auto}pre{padding:14px;border-radius:10px;border:1px solid var(--border)}.alert-list{display:flex;flex-direction:column;gap:8px}.alert-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.alert-item.critical{border-left:3px solid #ff453a}.alert-item.warning{border-left:3px solid #ff9f0a}.alert-item.info{border-left:3px solid #0a84ff}.alert-item.resolved{opacity:.5}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.metric-card{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.metric-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.metric-value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.health-status{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.home-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.hero-card{padding:20px;border-radius:14px;border:1px solid var(--border);background:var(--surface);text-align:center;transition:all var(--duration-fast) var(--ease-smooth)}.hero-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent)}.hero-card .hero-icon{font-size:28px;margin-bottom:8px}.hero-card .hero-title{font-weight:700;font-size:14px;margin-bottom:4px}.hero-card .hero-desc{font-size:12px;color:var(--text-muted)}.config-section{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.config-section h3{font-size:16px;font-weight:700;margin:0;padding-bottom:8px;border-bottom:1px solid var(--separator)}.config-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--surface-secondary);border-radius:10px}.config-row label{flex:1;font-size:13px;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background:#ccc;border-radius:28px;transition:background var(--duration-fast)}.toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform var(--duration-fast) var(--ease-spring);box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.screen-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}.screen-card h4{margin:0;font-size:15px;font-weight:600}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.choice-card{padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--surface-secondary);text-align:center;font-size:13px;transition:all var(--duration-fast) var(--ease-smooth);cursor:pointer}.choice-card:hover{border-color:var(--accent);background:#007aff0d}.choice-card.selected{border-color:var(--accent);background:#007aff14;color:var(--accent);font-weight:600}.sample-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.sample-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--border);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.sample-thumb:hover{transform:scale(1.03);box-shadow:var(--shadow-md)}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px;border:2px dashed var(--border-strong);border-radius:14px;background:var(--surface-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);color:var(--text-muted);font-size:14px}.upload-zone:hover{border-color:var(--accent);background:#007aff08;color:var(--accent)}.upload-zone.dragover{border-color:var(--accent);background:#007aff0f;transform:scale(1.01)}.image-preview{position:relative;display:inline-block}.image-preview img{max-width:100%;border-radius:12px;border:1px solid var(--border)}.image-preview .remove-btn{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;padding:0}.chat-container{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:4px}.chat-bubble{max-width:85%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;animation:slide-up var(--duration-fast) var(--ease-smooth)}.chat-bubble.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-bubble.ai{align-self:flex-start;background:var(--surface-secondary);color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--border)}.chat-input-row{display:flex;gap:8px;align-items:flex-end}.chat-input-row input{flex:1}.preview-container{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--surface-secondary)}.preview-container img,.preview-container video{width:100%;display:block;border-radius:14px}.preview-actions{display:flex;gap:8px;padding:12px;flex-wrap:wrap}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all var(--duration-fast) var(--ease-smooth)}.result-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.result-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.result-card .result-info{padding:12px}.toast-container{position:fixed;top:20px;right:20px;z-index:1100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast,.portal-toast{pointer-events:auto;padding:12px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;animation:slide-in-right var(--duration-normal) var(--ease-bounce);max-width:360px}.portal-toast{position:fixed;top:20px;right:20px;z-index:1100}.toast.success,.portal-toast.success,.toast-success{border-left:3px solid #30d158}.toast.error,.portal-toast.error,.toast-error{border-left:3px solid #ff453a}.toast.warning,.portal-toast.warning,.toast-warning{border-left:3px solid #ff9f0a}.toast.info,.portal-toast.info,.toast-info{border-left:3px solid #0a84ff}.toast-content{display:flex;align-items:center;gap:10px;width:100%}.toast-icon{font-size:16px;flex-shrink:0;line-height:1}.toast-message{flex:1;font-size:13px;font-weight:500;color:var(--text-primary)}.toast-dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:transparent;color:var(--text-muted);border:none;cursor:pointer;font-size:14px;padding:0;flex-shrink:0;transition:all var(--duration-fast)}.toast-dismiss:hover{background:var(--surface-tertiary);color:var(--text-primary);transform:none;box-shadow:none}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px;width:100%;max-width:400px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:20px;text-align:center}.login-card h2{font-size:24px;font-weight:700;margin:0}.login-card .login-logo{width:64px;height:64px;margin:0 auto;border-radius:16px}.login-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--separator)}.env-banner{padding:6px 16px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.env-banner.dev{background:#ff9f0a;color:#000}.env-banner.staging{background:#5856d6;color:#fff}.env-banner.production{background:#ff453a;color:#fff}.save-feature-bar{display:flex;justify-content:flex-end;margin-top:12px}.feature-group{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--surface-secondary);border-radius:12px;border:1px solid var(--border)}.feature-group h4{margin:0 0 4px;font-size:14px;font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:18px}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:#30d158}.text-danger{color:#ff453a}.text-warning{color:#ff9f0a}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--text-muted);text-align:center}.empty-state .empty-icon{font-size:40px;opacity:.4}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-from-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:fade-in var(--duration-normal) var(--ease-smooth)}.animate-slide-up{animation:slide-up var(--duration-normal) var(--ease-smooth)}.animate-in{animation:fade-in var(--duration-normal) var(--ease-smooth)}.animate-in.slide-in-from-top-4{animation:slide-in-from-top var(--duration-normal) var(--ease-spring)}.animate-in.slide-in-from-bottom-5{animation:slide-in-from-bottom var(--duration-normal) var(--ease-spring)}.animate-in.zoom-in-95{animation:scale-in var(--duration-normal) var(--ease-bounce)}.pulse-warning{animation:pulse-warning 2s ease-in-out infinite}.helper{font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.helper.error{color:#ff453a}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-muted);font-size:14px}.feature-visibility{padding:24px 32px;max-width:1200px}.feature-visibility .page-header{margin-bottom:24px}.feature-visibility .page-header h2{font-size:var(--text-xl);font-weight:800;margin:0;color:var(--text-primary)}.feature-visibility .page-header p{font-size:var(--text-sm);color:var(--text-muted);margin-top:4px}.feature-visibility .status-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:10px;background:var(--surface);border:1px solid var(--border);margin-bottom:20px;flex-wrap:wrap}.feature-visibility .status-bar .count{font-size:var(--text-xl);font-weight:800;color:var(--text-primary)}.feature-visibility .status-bar .count-label{font-size:var(--text-sm);color:var(--text-muted);margin-left:6px}.feature-visibility .search-input{padding:6px 12px;border-radius:8px;border:1px solid var(--border-strong);font-size:var(--text-sm);width:200px;background:var(--surface);color:var(--text-primary)}.feature-visibility .bulk-actions{display:flex;gap:8px}.feature-group-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px}.feature-group-icon{font-size:18px}.feature-group-label{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.feature-group-count{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.feature-toggle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.feature-toggle-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);transition:all .2s}.feature-toggle-card.enabled{border-color:var(--card-accent);background:var(--surface)}.feature-toggle-card.disabled{opacity:.55}.feature-toggle-card .feature-info{flex:1;min-width:0}.feature-toggle-card .feature-name{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.feature-toggle-card .feature-meta{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-group[data-category=voice] .feature-group-label{color:#6366f1}.feature-group[data-category=voice] .feature-group-header{border-bottom:2px solid rgba(99,102,241,.13)}.feature-group[data-category=voice] .feature-toggle-card.enabled{border-color:#6366f140}.feature-group[data-category=voice] .toggle-switch input:checked+.toggle-slider{background:#6366f1}.feature-group[data-category=vision] .feature-group-label{color:#0ea5e9}.feature-group[data-category=vision] .feature-group-header{border-bottom:2px solid rgba(14,165,233,.13)}.feature-group[data-category=vision] .feature-toggle-card.enabled{border-color:#0ea5e940}.feature-group[data-category=vision] .toggle-switch input:checked+.toggle-slider{background:#0ea5e9}.feature-group[data-category=text] .feature-group-label{color:#10b981}.feature-group[data-category=text] .feature-group-header{border-bottom:2px solid rgba(16,185,129,.13)}.feature-group[data-category=text] .feature-toggle-card.enabled{border-color:#10b98140}.feature-group[data-category=text] .toggle-switch input:checked+.toggle-slider{background:#10b981}.feature-group[data-category=render] .feature-group-label{color:#f59e0b}.feature-group[data-category=render] .feature-group-header{border-bottom:2px solid rgba(245,158,11,.13)}.feature-group[data-category=render] .feature-toggle-card.enabled{border-color:#f59e0b40}.feature-group[data-category=render] .toggle-switch input:checked+.toggle-slider{background:#f59e0b}.feature-group[data-category=effects] .feature-group-label{color:#8b5cf6}.feature-group[data-category=effects] .feature-group-header{border-bottom:2px solid rgba(139,92,246,.13)}.feature-group[data-category=effects] .feature-toggle-card.enabled{border-color:#8b5cf640}.feature-group[data-category=effects] .toggle-switch input:checked+.toggle-slider{background:#8b5cf6}.feature-group[data-category=video] .feature-group-label{color:#ec4899}.feature-group[data-category=video] .feature-group-header{border-bottom:2px solid rgba(236,72,153,.13)}.feature-group[data-category=video] .feature-toggle-card.enabled{border-color:#ec489940}.feature-group[data-category=video] .toggle-switch input:checked+.toggle-slider{background:#ec4899}.alert{padding:10px 14px;border-radius:8px;font-size:var(--text-sm);margin-bottom:16px;border:1px solid}.alert.error{background:var(--danger-bg);color:var(--danger);border-color:#ff453a33}.alert.success{background:var(--success-bg);color:var(--success);border-color:#30d15833}.alert.warning{background:#ff9f0a14;color:#ff9f0a;border-color:#ff9f0a33}.alert.info{background:#0a84ff14;color:#0a84ff;border-color:#0a84ff33}.sticky-save-bar{position:sticky;bottom:16px;display:flex;justify-content:center;padding:16px 0;z-index:10}.sticky-save-bar .btn-save{padding:12px 32px;border-radius:12px;font-size:14px;font-weight:800;background:var(--success);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 20px #30d1584d;transition:all .2s}.sticky-save-bar .btn-save:hover:not(:disabled){background:#28b34d;transform:translateY(-1px)}.sticky-save-bar .btn-save:disabled{opacity:.5;cursor:not-allowed}.sidebar-identity{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-identity .user-badge{padding:8px 12px}.sidebar-identity .email{font-size:var(--text-xs);opacity:.7}.sidebar-identity .role-tag{font-size:10px;font-weight:700;text-transform:uppercase}.persistence-bar .confirm-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.persistence-bar .confirm-text{font-size:13px;color:var(--danger);font-weight:600}@media (max-width: 1024px){.grid.three,.grid.four,.marketplace-grid,.home-hero{grid-template-columns:repeat(2,1fr)}.marketplace-sidebar{width:100%!important;position:static!important;order:-1}}@media (max-width: 768px){:root{--sidebar-width: 0px}.app-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "content"}.sidebar{transform:translate(-100%);position:fixed;top:0;left:0;bottom:0;width:280px;z-index:200;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sidebar-backdrop.visible{display:block}.sidebar-toggle{display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:transparent;color:var(--text-primary);padding:0;border:none;cursor:pointer}.sidebar-toggle:hover{background:#0000000a;transform:none;box-shadow:none}.topbar{padding:12px 16px}.container{padding:16px}.persistence-bar{left:0;padding:12px 16px;flex-direction:column;gap:10px}.persistence-bar .actions{width:100%}.persistence-bar .actions button{flex:1}.grid.two,.grid.three,.marketplace-grid,.home-hero{grid-template-columns:1fr}.feature-visibility{padding:16px}.feature-visibility .status-bar{flex-direction:column;align-items:stretch}.feature-visibility .search-input{width:100%}.feature-toggle-grid{grid-template-columns:1fr}.tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0}.ai-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.ai-tabs::-webkit-scrollbar{display:none}.ai-tabs button{flex-shrink:0;flex:none}.modal{max-width:100%;margin:16px;border-radius:16px}.toast-container{top:auto;bottom:20px;left:16px;right:16px}.toast{max-width:100%}.diagnostics-summary{grid-template-columns:repeat(2,1fr)}.metrics-grid,.result-grid{grid-template-columns:1fr}.list-item{flex-direction:column;align-items:stretch}.list-item img{width:100%;height:auto}h1{font-size:22px}h2{font-size:18px}}@media (max-width: 420px){.container{padding:12px}.card{padding:14px;border-radius:12px}.choice-grid{grid-template-columns:repeat(2,1fr)}.diagnostics-summary{grid-template-columns:1fr}.sample-grid{grid-template-columns:repeat(2,1fr)}.login-card{padding:28px 20px;margin:16px}}@supports (padding: env(safe-area-inset-top)){.topbar{padding-top:calc(12px + env(safe-area-inset-top))}.sidebar{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.persistence-bar{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.modal-overlay{padding-bottom:env(safe-area-inset-bottom)}}@media (hover: none) and (pointer: coarse){.btn,button{min-height:44px}.tab{min-height:44px;padding:10px 16px}.ai-tabs button,.nav-item{min-height:44px}.feature-row,.config-row{min-height:48px}.list-item{padding:14px}.trace-card{padding:16px}input,select,textarea{min-height:44px;font-size:16px}}body.theme-dark .persistence-bar{background:#1c1c1ed9}body.theme-dark .toast{background:var(--surface)}body.theme-dark .upload-zone{background:#2c2c2e80}body.theme-dark .upload-zone:hover{background:#007aff14}body.theme-dark pre{background:#0000004d}body.theme-dark .btn-ghost:hover{background:#ffffff0f}body.theme-dark .tab:hover,body.theme-dark .feature-row:hover{background:#ffffff0a}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:8px 14px;border-radius:10px;font-size:12px;font-weight:500;line-height:1.4;color:#f5f5f7;background:#1c1c1ef2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px #00000040,0 0 0 .5px #ffffff14;white-space:nowrap;pointer-events:none;z-index:999;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease,transform .18s cubic-bezier(.34,1.56,.64,1);transform:translateY(-50%) translate(-4px);max-width:320px;white-space:normal}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}[data-tooltip]:before{content:"";position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#1c1c1ef2;pointer-events:none;z-index:999;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}[data-tooltip]:hover:before{opacity:1;visibility:visible}[data-tooltip-pos=bottom]:after{left:50%;top:calc(100% + 10px);transform:translate(-50%) translateY(-4px)}[data-tooltip-pos=bottom]:hover:after{transform:translate(-50%) translateY(0)}[data-tooltip-pos=bottom]:before{left:50%;top:calc(100% + 4px);transform:translate(-50%);border:5px solid transparent;border-bottom-color:#1c1c1ef2;border-right-color:transparent}@media (hover: none){[data-tooltip]:after,[data-tooltip]:before{display:none}}@keyframes mh-spin-kf{to{transform:rotate(360deg)}}.mh-spin{animation:mh-spin-kf 1s linear infinite}.mh-spinner{width:40px;height:40px;margin:0 auto;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:mh-spin-kf .8s linear infinite}.mh-preset-card:hover{background:#2bc1c314!important;border-color:#2bc1c34d!important}.mh-list-item:hover{background:#2bc1c30f!important}.ps-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:4px}.ps-header h2{margin:0;font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em}.ps-header p{margin:4px 0 0;font-size:var(--text-xs);color:var(--text-muted)}.ps-header-actions{display:flex;gap:8px;align-items:center}.ps-content{background:var(--card-bg);border-radius:var(--card-radius);border:1px solid var(--border);padding:20px;min-height:400px;box-shadow:var(--shadow-sm)}body.theme-dark .ps-content{background:var(--surface);border-color:#ffffff14}.ps-info-card{padding:16px;background:var(--surface-secondary);border-radius:12px;border:1px solid var(--border);transition:all var(--duration-fast) var(--ease-smooth)}.ps-info-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ps-info-card h4{margin:0 0 10px;font-size:var(--text-sm);font-weight:700;color:var(--card-accent)}.ps-info-card .ps-info-row{font-size:var(--text-xs);line-height:2;color:var(--text-secondary)}.ps-info-card .ps-info-row strong{color:var(--text-muted);font-weight:500}.ps-quick-actions{padding:16px;background:var(--surface-secondary);border-radius:12px;border:1px solid var(--border)}.ps-quick-actions h4{margin:0 0 10px;font-size:var(--text-sm);font-weight:700}.ps-quick-actions .flex{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ps-coverage-matrix{padding:16px;background:var(--surface-secondary);border-radius:12px;border:1px solid var(--border)}.ps-coverage-matrix h4{margin:0 0 12px;font-size:var(--text-sm);font-weight:700}.ps-coverage-item{padding:8px 10px;background:var(--surface);border-radius:8px;border:1px solid var(--border);font-size:11px;display:flex;align-items:center;gap:6px;transition:all var(--duration-fast) var(--ease-smooth)}.ps-coverage-item:hover{border-color:var(--accent)}.ps-coverage-legend{margin-top:8px;font-size:10px;color:var(--text-muted);display:flex;gap:12px}.ps-screen-item{background:var(--surface-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden;transition:all var(--duration-fast) var(--ease-smooth)}.ps-screen-item:hover{border-color:var(--border-strong)}.ps-screen-item.expanded{border-color:var(--accent);box-shadow:var(--shadow-sm)}.ps-screen-header{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;background:none;border:none;cursor:pointer;color:inherit;text-align:left}.ps-screen-header:hover{background:#2bc1c30a}.ps-screen-arrow{font-size:12px;transition:transform var(--duration-fast) var(--ease-smooth);display:inline-block;color:var(--text-muted)}.ps-screen-arrow.open{transform:rotate(90deg)}.ps-screen-meta{padding:4px 14px 10px;display:flex;gap:12px;font-size:11px;color:var(--text-muted)}.ps-screen-detail{border-top:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:14px}.ps-api-item{padding:12px 14px;background:var(--surface-secondary);border-radius:10px;border:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap;transition:all var(--duration-fast) var(--ease-smooth)}.ps-api-item:hover{border-color:var(--accent);transform:translate(2px)}.ps-api-name{font-size:12px;font-weight:600;color:var(--card-accent);min-width:160px;font-family:var(--font-mono, monospace)}.ps-api-desc{font-size:12px;color:var(--text-muted);flex:1}.ps-model-item{padding:14px;background:var(--surface-secondary);border-radius:12px;border:1px solid var(--border);transition:all var(--duration-fast) var(--ease-smooth)}.ps-model-item:hover{border-color:var(--border-strong)}.ps-model-item.expanded{border-color:var(--accent);box-shadow:var(--shadow-sm)}.ps-table{width:100%;font-size:11px;border-collapse:collapse}.ps-table th{text-align:left;padding:6px 8px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em;font-size:10px;border-bottom:1px solid var(--border)}.ps-table td{padding:6px 8px;border-bottom:1px solid var(--border)}.ps-table tr:last-child td{border-bottom:none}.ps-table tr:hover td{background:#2bc1c30a}.ps-nav-graph-container{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface-secondary);padding:8px}.ps-nav-edge{padding:6px 10px;background:var(--surface-secondary);border-radius:8px;border:1px solid var(--border);font-size:11px;transition:all var(--duration-fast) var(--ease-smooth)}.ps-nav-edge:hover{border-color:var(--accent)}.ps-health-score-ring{width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.ps-health-score-value{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}.ps-health-checks .ps-check-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-secondary);border-radius:10px;border:1px solid var(--border);transition:all var(--duration-fast) var(--ease-smooth)}.ps-health-checks .ps-check-item:hover{border-color:var(--accent)}.ps-health-checks .ps-check-item.failed{border-color:#ff3b3033}.ps-health-checks .ps-check-item.warn{border-color:#ff9f0a33}.ps-category-card{padding:12px 14px;background:var(--surface-secondary);border-radius:10px;border:1px solid var(--border)}.ps-category-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin:6px 0 4px}.ps-category-bar-fill{height:100%;border-radius:2px;transition:width var(--duration-normal) var(--ease-smooth)}.ps-codegen-stats{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:10px 14px;background:var(--surface-secondary);border-radius:10px;border:1px solid var(--border);font-size:12px}.ps-codegen-stats .ps-stat-label{font-weight:700;color:var(--text-muted);text-transform:uppercase;font-size:10px}.ps-file-browser{display:grid;grid-template-columns:220px 1fr;gap:12px;min-height:400px}.ps-file-list{background:var(--surface-secondary);border-radius:10px;border:1px solid var(--border);padding:8px;overflow-y:auto;max-height:500px}.ps-file-list-title{font-size:11px;font-weight:700;color:var(--text-muted);padding:4px 8px;text-transform:uppercase;letter-spacing:.04em}.ps-file-btn{display:block;width:100%;text-align:left;padding:6px 8px;font-size:11px;border-radius:6px;background:transparent;color:inherit;border:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all var(--duration-fast) var(--ease-smooth)}.ps-file-btn:hover{background:#2bc1c314}.ps-file-btn.active{background:#2bc1c326;color:var(--card-accent);font-weight:600}.ps-code-preview{background:var(--surface-secondary);border-radius:10px;border:1px solid var(--border);overflow:hidden}.ps-code-header{padding:8px 12px;border-bottom:1px solid var(--border);font-size:11px;display:flex;justify-content:space-between;align-items:center;background:var(--surface-tertiary)}.ps-code-header span{font-weight:600}.ps-code-block{margin:0;padding:14px;font-size:11px;line-height:1.7;overflow-x:auto;max-height:440px;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;color:var(--text-primary);background:var(--surface)}body.theme-dark .ps-code-block{background:#0d0d0f}.ps-empty-state{text-align:center;padding:60px 20px}.ps-empty-icon{font-size:56px;margin-bottom:16px;opacity:.8;display:block}.ps-empty-state h3{margin:0 0 8px;font-size:var(--text-lg);font-weight:700}.ps-empty-state p{font-size:var(--text-sm);color:var(--text-muted);max-width:480px;margin:0 auto 20px}.ps-layout-tree{font-size:11px}.ps-layout-node{display:flex;align-items:center;gap:6px;padding:3px 0}.ps-layout-connector{font-weight:700;font-family:monospace}.ps-detail-block h5{margin:0 0 8px;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.ps-anim-row{display:flex;gap:8px;align-items:center;font-size:11px;padding:4px 8px;background:var(--surface);border-radius:6px;border:1px solid var(--border);transition:all var(--duration-fast) var(--ease-smooth)}.ps-anim-row:hover{border-color:var(--accent)}.dp-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dp-controls-label{font-size:11px;font-weight:700;opacity:.5;text-transform:uppercase}.dp-controls select{padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:inherit;font-size:13px}.dp-controls select.sm{padding:5px 10px;font-size:12px}.dp-nav-group,.dp-device-group{display:flex;gap:4px}.dp-device-btn{padding:5px 12px;border-radius:8px;font-size:11px;font-weight:600;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--duration-fast)}.dp-device-btn.active{border:2px solid var(--accent);background:#2bc1c31f;color:#2bc1c3}.dp-zoom{display:flex;align-items:center;gap:4px}.dp-zoom button{padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:13px;font-weight:700}.dp-zoom span{font-size:11px;font-weight:600;min-width:36px;text-align:center}.dp-info-bar{display:flex;gap:12px;align-items:center;padding:8px 12px;background:var(--surface-secondary);border-radius:8px;font-size:12px;flex-wrap:wrap}.dp-info-bar .name{font-weight:700}.dp-info-bar .desc{opacity:.4;font-size:11px}.dp-info-bar .state{font-size:10px;opacity:.5}.dp-theme-badge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.dp-theme-badge.dark{background:#ffffff14;color:#aaa}.dp-theme-badge.light{background:#0000000f;color:#666}.dp-preview-area{display:flex;justify-content:center;align-items:flex-start;padding:30px 20px 60px;background:var(--surface-secondary);border-radius:12px;min-height:500px}.dp-gallery{display:flex;gap:40px;overflow-x:auto;padding:20px 10px 50px;background:var(--surface-secondary);border-radius:12px}.dp-compare{display:flex;gap:40px;justify-content:center;align-items:flex-start;padding:30px 20px 60px;background:var(--surface-secondary);border-radius:12px;min-height:500px}.dp-help{display:flex;gap:16px;padding:8px 12px;background:var(--surface-secondary);border-radius:8px;font-size:10px;color:var(--text-secondary);opacity:.6}.dp-tokens{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:12px;background:var(--surface-secondary);border-radius:8px}.dp-tokens-heading{font-size:10px;font-weight:700;opacity:.4;text-transform:uppercase;grid-column:1 / -1}.dp-token-swatch{display:flex;align-items:center;gap:8px;font-size:11px}.dp-token-swatch .swatch{width:16px;height:16px;border-radius:4px;border:1px solid rgba(128,128,128,.2);flex-shrink:0}.dp-token-swatch .name{opacity:.7}.dp-token-swatch .hex{opacity:.3;font-family:var(--font-mono);font-size:9px}@media (max-width: 768px){.ps-file-browser{grid-template-columns:1fr}.ps-file-list{max-height:200px}}@media print{.sidebar,.topbar,.persistence-bar,.sidebar-backdrop,.sidebar-toggle,.toast-container{display:none!important}.app-shell{display:block}.container{padding:0;max-width:100%}.card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}