*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0d1117;--color-surface: #161b27;--color-surface-2: #1e2637;--color-surface-raised: #1e2637;--color-border: #263044;--color-border-hover: #3a4a6a;--color-border-strong: #3a4a6a;--color-text: #dde3f0;--color-text-muted: #8a9bbf;--color-text-faint: #5a6a8a;--color-text-subtle: #5a6a8a;--color-primary: #3dd6c8;--color-primary-hover: #5ee0d4;--color-cta: #3dd6c8;--color-cta-hover: #5ee0d4;--color-cta-soft: rgba(61, 214, 200, .12);--color-primary-soft: rgba(61, 214, 200, .12);--color-success-bg: rgba(45, 212, 160, .12);--color-success-text: #2dd4a0;--color-error: #f05070;--color-warn: #f5a623;--color-warning: #f5a623;--color-info: #60a8e0;--color-fallback: #b57cff;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .55);--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--font: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--header-height: 44px;--sidebar-width: 200px;--sidebar-collapsed-width: 52px;--transition: .15s ease;font-family:var(--font);font-size:var(--text-sm);line-height:1.45;color:var(--color-text);background:var(--color-bg)}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);line-height:1.45;height:100vh;overflow:hidden;margin:0}button,select,input,textarea{font:inherit;transition:border-color var(--transition),background-color var(--transition),color var(--transition),box-shadow var(--transition)}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]):not([type=color]),select,textarea{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font);font-size:var(--text-sm);padding:6px 10px;min-height:32px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]):not([type=color]):focus,select:focus,textarea:focus{border-color:var(--color-primary);background:var(--color-surface-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}input.input-invalid,input[aria-invalid=true]{border-color:var(--color-error)!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{background:var(--color-bg)}textarea,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]):not([type=color]),select{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border)}textarea:focus,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus,select:focus{border-color:var(--color-primary);background:var(--color-surface-2)}.content-section-toggle{background:var(--color-surface-raised)!important}.content-section-body{border-top-color:var(--color-border)}.content-section-main .content-section-toggle{border-bottom-color:var(--color-border)}.content-section-main .content-section-toggle:hover{background:transparent!important;color:var(--color-cta)}.nav-group-toggle:hover,.nav-sidebar-section-toggle:hover{background:var(--color-surface-raised);color:var(--color-text)}.nav-search-results{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 8px 24px #00000073}.nav-search-hit{border-bottom-color:var(--color-border)}.nav-search-hit:hover{background:var(--color-surface-raised)}.nav-search-hit-label{color:var(--color-text)}.json-tree-scroll{background:var(--color-surface);color:var(--color-text)}.json-tree-toolbar{background:var(--color-surface-raised);border-bottom-color:var(--color-border)}.json-tree-key{color:#93c5fd}.json-tree-root-label,.json-tree-colon,.json-tree-bracket{color:var(--color-text)}.json-tree-string{color:#86efac}.json-tree-number{color:#7dd3fc}.json-tree-boolean{color:#a78bfa;font-weight:600}.json-tree-null{color:var(--color-text-subtle)}.json-tree-chevron{border-left-color:var(--color-text-muted)}.json-tree-highlight{background:#ffc83214;outline-color:#ffc83240}.json-inline-validation{flex-shrink:0;padding:12px 0 0}.json-inline-validation .validation{margin-top:0}.json-tree-legend{background:var(--color-surface-raised);border-bottom-color:var(--color-border)}.validation-issue-button,.validation-issue-static{background:var(--color-surface);border-color:var(--color-border)}.validation-issue-button:hover{background:var(--color-surface-raised);border-color:var(--color-cta)}.validation-issue-location{color:var(--color-text-muted)}.plan-card-row{border-color:var(--color-border);background:var(--color-surface)}.banner-editor-toolbar{border-bottom-color:var(--color-border)}.json-editor-panel .json-editor-toolbar{background:var(--color-surface-raised);border-top-color:var(--color-border)}.json-editor-panel .json-editor-textarea{background:var(--color-surface);color:var(--color-text)}.json-editor-tabs button{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.json-validator{background:var(--color-surface);border-color:var(--color-border)}.json-viewer-status{background:var(--color-surface-raised);border-color:var(--color-border)}.json-viewer-panel,.json-editor-panel,.environment-card{background:var(--color-surface);border-color:var(--color-border)}.environment-card.active{background:var(--color-cta-soft);border-color:var(--color-cta);box-shadow:0 0 0 1px var(--color-cta)}.environment-selector{background:var(--color-surface-raised);border-bottom-color:var(--color-border)}.color-field{border-color:var(--color-border);background:var(--color-surface)}.color-field-swatch{background:var(--color-surface);border-color:var(--color-border)}.color-field-hex{background:transparent;color:var(--color-text)}.fieldset{border-color:var(--color-border)}.readonly-field{background:var(--color-bg);color:var(--color-text-muted)}.docs-sidebar{background:var(--color-surface);border-color:var(--color-border)}.docs-search-input{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.docs-audience-tabs button{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-text-muted)}.docs-nav-item:hover{background:var(--color-surface-raised);border-color:var(--color-border)}.documentation-card{background:var(--color-surface);border-color:var(--color-border)}.home-docs-role-btn{background:var(--color-surface-raised);border-color:var(--color-border)}.home-docs-role-btn:hover{background:var(--color-cta-soft);border-color:var(--color-cta)}.overview-hero-main,.overview-status-card,.overview-validation-card,.overview-next-card{background:var(--color-surface);border-color:var(--color-border)}.overview-import-card{background:var(--color-surface-raised);border-color:var(--color-border)}.overview-workflow{background:var(--color-surface);border-color:var(--color-border)}.overview-workflow-step{border-color:var(--color-border)}.overview-workflow-step.state-current{background:var(--color-cta-soft)}.overview-workflow-marker{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-text-muted)}.overview-stat-card,.overview-role-card,.overview-area-card,.overview-shortcut-card{background:var(--color-surface);border-color:var(--color-border)}.overview-role-card:hover,.overview-area-card:hover,.overview-shortcut-card:hover{background:var(--color-cta-soft);border-color:var(--color-cta)}.overview-status-card.status-valid{background:linear-gradient(180deg,var(--color-surface) 0%,rgba(4,120,87,.1) 100%);border-color:#34d3994d}.overview-status-card.status-invalid{background:linear-gradient(180deg,var(--color-surface) 0%,rgba(220,38,38,.1) 100%);border-color:#f871714d}.nav-subgroup{border-left-color:#38bdf840}.product-catalog-row input,.product-catalog-row select{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.product-catalog-header{color:var(--color-text-subtle)}.segment-tabs{background:var(--color-surface-raised)}.segment-tabs button{color:var(--color-text-muted)}.segment-tabs button.active{background:var(--color-surface);color:var(--color-cta)}.preview-placeholder-card{background:var(--color-surface);border-color:var(--color-border)}.live-preview-panel{background:var(--color-surface-raised);border-color:var(--color-border)}.validation-empty-state{background:#0478571f;border-color:#34d3994d}.validation-summary-chip{background:var(--color-surface-raised);border-color:var(--color-border)}.validation-summary-chip.error{background:#dc26261a;border-color:#f871714d}.validation-summary-chip.warn{background:#d977061a;border-color:#fbbf244d}.home-hero-card,.home-step-card,.home-stat,.home-quick-card,.home-docs-card{background:var(--color-surface);border-color:var(--color-border)}.home-quick-card:hover{border-color:var(--color-cta)}.home-validation-ok{background:#0478571f;border-color:#34d3994d}.home-validation-warn{background:#d977061a;border-color:#fbbf244d}.home-validation-error{background:#dc26261a;border-color:#f871714d}.config-badge{background:var(--color-success-bg);color:var(--color-success-text);border-color:#34d3994d}.profile-badge{background:var(--color-surface-raised);color:var(--color-text-subtle)}.header-env-badge{background:var(--color-cta-soft);border-color:#38bdf84d}.header-status-badge{background:var(--color-surface-raised);border-color:var(--color-border)}.header-status-badge.status-valid{background:var(--color-success-bg);color:var(--color-success-text);border-color:#34d3994d}.header-status-badge.status-invalid{background:#dc26261a;color:var(--color-error);border-color:#f871714d}.header-status-badge.status-warnings,.header-status-badge.status-unsaved{background:#d977061a;color:var(--color-warning);border-color:#fbbf244d}.inline-code{background:var(--color-surface-raised);color:var(--color-text-muted)}.banner-bg-preview{border-color:var(--color-border)}.banner-error{background:#dc26261f;color:var(--color-error)}.banner-warning{background:#d977061a;color:var(--color-warning)}.app-header{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;height:var(--header-height);padding:0 14px;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:30}.app-header h1{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-primary);letter-spacing:-.01em}.app-header-brand{flex:1;display:flex;align-items:center;padding:0;border:none;background:transparent;cursor:pointer;text-align:left;color:inherit}.app-header-brand:hover h1{color:var(--color-cta)}.config-badge{font-size:11px;padding:3px 10px;border-radius:999px;background:var(--color-success-bg);color:var(--color-success-text);font-weight:600;border:1px solid #a7f3d0}.build-variant-switcher{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;padding:8px 20px;background:var(--color-surface-raised);border-bottom:1px solid var(--color-border)}.build-variant-btn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;min-width:140px;text-align:left}.build-variant-btn:hover{border-color:var(--color-cta)}.build-variant-btn.active{border-color:var(--color-cta);background:color-mix(in srgb,var(--color-cta) 12%,var(--color-surface));box-shadow:inset 0 0 0 1px var(--color-cta)}.build-variant-label{font-size:12px;font-weight:700;color:var(--color-primary)}.build-variant-key{font-size:10px;font-family:ui-monospace,monospace;color:var(--color-muted)}.build-variant-count{font-size:10px;color:var(--color-muted)}.build-variant-copy{font-size:11px;padding:4px 10px}.build-variant-editing{font-size:11px;color:var(--color-muted);margin-left:auto}.home-dashboard-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.app-main{display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:0;min-height:calc(100vh - 48px)}.app-main.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.app-main-json,.app-main-docs{grid-template-columns:200px 1fr}.app-main.sidebar-collapsed.app-main-json,.app-main.sidebar-collapsed.app-main-docs{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.nav{background:var(--color-surface);border-right:1px solid var(--color-border);padding:8px 6px 16px;width:var(--sidebar-width);overflow:hidden;overflow-y:auto;transition:width var(--transition),padding var(--transition);display:flex;flex-direction:column;gap:0;flex-shrink:0}.nav.collapsed{width:var(--sidebar-collapsed-width);padding:8px 6px;align-items:center}.nav.collapsed .nav-group-body,.nav.collapsed .nav-sidebar-section-body,.nav.collapsed .nav-search-wrap,.nav.collapsed .nav-group-meta,.nav.collapsed .nav-sidebar-section-meta,.nav.collapsed .nav-section-label,.nav.collapsed .nav-group-label-text{display:none}.nav.collapsed .nav-group-toggle{justify-content:center;padding:10px 0}.nav.collapsed .nav-group-toggle span:first-child{display:none}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:14px;line-height:1;margin-bottom:10px}.sidebar-toggle-btn:hover{background:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-border-strong)}.nav.collapsed .nav-icon-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;margin-bottom:2px}.nav.collapsed .nav-icon-btn:hover,.nav.collapsed .nav-icon-btn.active{background:var(--color-surface-raised);color:var(--color-cta)}.nav.collapsed .nav-icon-btn .nav-icon svg{width:18px;height:18px}.nav button{display:block;width:100%;text-align:left;margin-bottom:2px;padding:6px 10px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--color-text-muted);font-size:12px;transition:background var(--transition),color var(--transition)}.nav button:hover{background:var(--color-surface-raised);color:var(--color-text)}.nav-group{margin-bottom:12px}.nav-group-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle);margin-bottom:4px}.nav-group-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:6px;margin:0 0 2px;padding:5px 8px;border:none;border-radius:var(--radius-sm);background:transparent;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);cursor:pointer;text-align:left}.nav-group-toggle:hover{background:var(--color-surface-raised);color:var(--color-text)}.nav-group-meta{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#aaa}.nav-group-body{margin-bottom:4px}.nav-subgroup{margin:8px 0 4px;padding-left:4px;border-left:2px solid var(--color-cta-soft)}.nav-subgroup-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:6px;margin:2px 0 1px;padding:5px 8px 5px 10px;border:none;border-radius:var(--radius-sm);background:transparent;font-size:12px;font-weight:600;color:var(--color-text-muted);cursor:pointer;text-align:left}.nav-subgroup-toggle:hover{background:var(--color-surface-raised)}.nav-subgroup-meta{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:500;color:var(--color-text-subtle)}.nav-chevron{font-size:10px;line-height:1}.nav-subgroup-body{margin-bottom:4px}.nav-subgroup-empty{font-size:11px;color:#999;padding:4px 6px 4px 8px}.nav-subgroup button{font-size:12px;padding-left:14px}.banner-kind-summary{margin:8px 0}.banner-editor-toolbar{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee}.nav button.active{background:var(--color-cta-soft);color:var(--color-cta);font-weight:600}.field-help{font-size:11px;color:var(--color-text-muted);margin:4px 0 0}.fieldset{border:1px solid var(--color-border);border-radius:8px;padding:12px;margin:16px 0}.fieldset legend{font-weight:600;padding:0 4px}.timer-scope-chip{font-size:10px;font-weight:600;color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:4px;padding:1px 7px;text-transform:none;letter-spacing:0;margin-left:4px;vertical-align:middle}.timer-show-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;flex-shrink:0;padding:4px 0;-webkit-user-select:none;user-select:none}.timer-show-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.timer-show-track{position:relative;width:32px;height:18px;border-radius:9px;background:var(--color-surface-2);border:1px solid var(--color-border);display:block;flex-shrink:0;transition:background .15s,border-color .15s}.timer-show-toggle input:checked~.timer-show-track{background:var(--color-primary);border-color:var(--color-primary)}.timer-show-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--color-text-muted);transition:transform .15s,background .15s;display:block}.timer-show-toggle input:checked~.timer-show-track .timer-show-thumb{transform:translate(14px);background:#fff}.timer-show-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);width:22px}.timer-show-toggle:has(input:checked) .timer-show-label{color:var(--color-primary)}.toggle-row{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--text-sm);color:var(--color-text);padding:2px 0}.toggle-row input[type=checkbox]{width:16px;height:16px;min-height:0;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.content-section{border:1px solid var(--color-border);border-radius:8px;margin:16px 0;overflow:hidden}.content-section-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border:none;background:var(--color-surface-raised);font-size:14px;font-weight:600;color:var(--color-text);cursor:pointer;text-align:left}.content-section-toggle:hover{background:var(--color-surface-raised)}.content-section-meta{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-text-subtle)}.content-section-main{border:none;margin:0 0 8px;overflow:visible}.content-section-main .content-section-toggle{padding:0 0 10px;background:transparent;font-size:1.35rem;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border);border-radius:0}.content-section-main .content-section-toggle:hover{background:transparent;color:var(--color-cta)}.content-section-main.collapsed .content-section-toggle{border-bottom-color:transparent}.content-section-main .content-section-body{padding:4px 0 0}.content-section-summary{font-weight:500}.content-section-body{padding:12px 14px 14px;border-top:1px solid var(--color-border)}.content-section.collapsed .content-section-body{display:none}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px}.plan-card-row{border:1px solid #eee;border-radius:8px;padding:12px;margin-bottom:12px}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:none;background:transparent;transition:background .15s,opacity .15s,border-color .15s;min-height:32px;line-height:1}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary,.btn-secondary{background:var(--color-primary);color:#0d1117;border:none;font-weight:600}.btn-primary:hover,.btn-secondary:hover{background:var(--color-primary-hover)}.btn-ghost{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover{border-color:var(--color-border-hover)}.btn-danger{background:#f050701f;color:var(--color-error);border:1px solid rgba(240,80,112,.3)}.btn-danger:hover{background:#f0507033}.btn-sm{padding:4px 10px;font-size:var(--text-xs);min-height:28px}.btn-lg{padding:9px 18px;font-size:var(--text-md);min-height:38px}.inline-add{display:flex;gap:8px}.inline-add input{flex:1}.profile-badge{font-size:12px;color:var(--color-text-subtle);padding:3px 8px;border-radius:var(--radius-sm);background:#f1f5f9}.banner{padding:10px 16px;margin:0;font-size:13px}.banner-error{background:#ffebee;color:#c62828}.banner-info{background:var(--color-cta-soft);color:var(--color-cta)}.banner-warning{background:#fff8e1;color:#e65100}.json-aside{border-left:1px solid #e0e0e0;background:#fafafa}textarea.mono,.json-pane{font-family:ui-monospace,monospace}textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:6px;resize:vertical}.validation ul{padding-left:18px;margin:8px 0 0;max-height:200px;overflow:auto}.json-pane{background:#1e1e1e;color:#d4d4d4;padding:12px;font-family:ui-monospace,monospace;font-size:11px;overflow:auto;white-space:pre-wrap;word-break:break-word;min-height:120px;max-height:480px;margin:0;border-radius:6px}.json-editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 10px;border-bottom:1px solid var(--color-border);margin-bottom:12px;flex-wrap:wrap}.json-editor-tabs-inline{display:flex;gap:2px}.json-tab{padding:6px 14px;border:1px solid var(--color-border);border-radius:6px;background:none;color:var(--color-text-subtle);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.json-tab:hover{background:var(--color-surface-raised);color:var(--color-text)}.json-tab.active{background:var(--color-surface-raised);border-color:var(--color-cta);color:var(--color-cta);font-weight:600}.json-editor-actions-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.json-editor-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.json-editor-header h2{margin:0 0 4px}.json-editor-actions{display:flex;flex-wrap:wrap;gap:8px}.json-editor-tabs{display:flex;gap:4px;margin-bottom:12px}.json-editor-tabs button{padding:8px 14px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.json-editor-tabs button.active{border-color:var(--color-cta);background:var(--color-cta-soft);color:var(--color-cta)}.json-editor-tab-meta{margin-left:auto;align-self:center;font-size:12px;color:var(--color-text-subtle)}.json-firebase-hint{font-size:12px;color:var(--color-text-muted);margin-bottom:10px;padding:8px 10px;background:var(--color-surface-raised);border-radius:6px;border:1px solid var(--color-border)}.json-firebase-panel{padding:12px}.json-firebase-panel .json-preview{border-radius:6px;border:1px solid var(--color-border)}.json-preview{flex:1;min-height:0;margin:0;padding:14px 16px;font-size:12px;font-family:var(--font-mono);line-height:1.6;color:var(--color-text);background:var(--color-surface);border:none;border-radius:0;overflow:auto;white-space:pre}.json-viewer-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface-raised);font-size:13px}.json-viewer-status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success-text);flex-shrink:0}.json-viewer-status-meta{color:var(--color-text-muted);font-size:12px}.json-editor-stack{display:flex;flex-direction:column;flex:1;min-height:0}.json-viewer-panel,.json-editor-panel{display:flex;flex-direction:column;height:calc(100vh - 160px);margin-bottom:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);overflow:hidden}.json-editor-panel{padding:0}.json-editor-panel .json-editor-textarea{flex:1;min-height:420px;max-height:none;border:none;border-radius:0;resize:none;padding:12px 14px;background:var(--color-surface);color:var(--color-text)}.json-editor-panel .json-editor-toolbar{margin:0;padding:10px 12px;border-top:1px solid var(--color-border);background:var(--color-surface-raised);align-items:center}.json-editor-dirty{margin-left:auto;font-size:12px;color:var(--color-warning);font-weight:600}.json-tree-viewer{display:flex;flex-direction:column;flex:1;min-height:0}.json-tree-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised)}.btn-sm{padding:4px 10px;font-size:12px}.json-tree-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px 12px 16px;font-family:Consolas,Courier New,ui-monospace,monospace;font-size:13px;line-height:1.5;background:var(--color-surface)}.json-tree-legend{display:flex;flex-wrap:wrap;gap:12px;padding:8px 12px;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);font-family:Consolas,Courier New,ui-monospace,monospace;font-size:12px}.json-tree-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:0;min-height:22px;border-radius:3px}.json-tree-row:hover{background:var(--color-surface-raised)}.json-tree-highlight{background:color-mix(in srgb,var(--color-warning) 15%,var(--color-surface));outline:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent);border-radius:4px}.json-tree-branch-head{align-items:center}.json-tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin:0 2px 0 0;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0}.json-tree-chevron{display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #666;transition:transform .12s ease}.json-tree-chevron.open{transform:rotate(90deg)}.json-tree-key{color:#881391;font-weight:600}.json-tree-root-label{color:#333;font-weight:700}.json-tree-colon{color:#333}.json-tree-bracket{color:#333;font-weight:600}.json-tree-ellipsis{color:#999;margin:0 4px}.json-tree-meta{margin-left:8px;font-size:11px;color:#888;font-style:italic}.json-tree-string{color:#1a7f37}.json-tree-number{color:#1750eb}.json-tree-boolean{color:#0d47a1;font-weight:600}.json-tree-null{color:gray;font-style:italic}.json-tree-unknown{color:#c62828}.json-tree-close{margin-top:0}.json-tree-leaf .json-tree-toggle{visibility:hidden;width:18px}.json-editor-textarea{min-height:240px;max-height:480px;font-size:12px;line-height:1.45}.json-editor .content-section{margin-bottom:12px}.json-editor .content-section-body{padding:0}.json-editor .content-section-body .json-pane,.json-editor .content-section-body .json-editor-textarea{border-radius:0 0 6px 6px}.json-editor .content-section-body .json-editor-toolbar{padding:8px 12px 12px;margin:0}.json-editor-toolbar{display:flex;gap:8px;margin:8px 0 16px}.json-validator{margin-top:16px;padding:12px;border-radius:8px;background:var(--color-surface);border:1px solid var(--color-border)}.json-validator-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.json-validator-counts{font-size:12px;color:var(--color-text-muted)}.validation-parse-error{color:#c62828;font-weight:600}.json-validator-banner{margin:8px 0 0}.json-validator-ok{margin:0}.json-validator-list{margin:8px 0 0;padding-left:18px;max-height:240px;overflow:auto}.json-validator-list .error{color:#c62828}.json-validator-list .warning{color:#ef6c00}.json-validator-list .info{color:var(--color-text-muted)}.validation-aside ul,.vi-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.vi-card{display:block;width:100%;text-align:left;border-radius:8px;border:1px solid var(--color-border);border-left:3px solid var(--color-border);background:var(--color-surface);color:inherit;font:inherit;overflow:hidden}.vi-card--error{border-left-color:var(--color-error);background:color-mix(in srgb,var(--color-error) 5%,var(--color-surface))}.vi-card--warning{border-left-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 5%,var(--color-surface))}.vi-card--info{border-left-color:var(--color-info, #3b82f6);background:color-mix(in srgb,var(--color-info, #3b82f6) 5%,var(--color-surface))}.vi-card--clickable{cursor:pointer;transition:border-color .12s,background .12s}.vi-card--clickable:hover{border-color:var(--color-cta);background:var(--color-surface-raised)}.vi-card--clickable:hover .vi-navigate-arrow{opacity:1;transform:translate(2px)}.vi-card-inner{padding:8px 12px 8px 10px}.vi-card-top{display:flex;align-items:center;gap:6px;margin-bottom:6px}.vi-severity-icon{flex-shrink:0;font-size:11px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.vi-severity-icon--error{background:color-mix(in srgb,var(--color-error) 18%,transparent);color:var(--color-error)}.vi-severity-icon--warning{background:color-mix(in srgb,var(--color-warning) 18%,transparent);color:var(--color-warning)}.vi-severity-icon--info{background:color-mix(in srgb,var(--color-info, #3b82f6) 18%,transparent);color:var(--color-info, #3b82f6)}.vi-location{font-size:11px;font-weight:600;color:var(--color-text-subtle);font-family:var(--font-mono, monospace);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vi-navigate-arrow{font-size:13px;color:var(--color-text-muted);opacity:0;transition:opacity .12s,transform .12s;flex-shrink:0}.vi-message{margin:0 0 0 24px;font-size:13px;font-weight:500;color:var(--color-text);line-height:1.45}.vi-hint{margin:5px 0 0 24px;font-size:12px;color:var(--color-text-muted);display:flex;gap:5px;align-items:baseline;line-height:1.4}.vi-hint-arrow{color:var(--color-text-subtle);flex-shrink:0}.vi-doc-link{display:inline-block;margin:6px 0 0 24px;font-size:11px;color:var(--color-cta, var(--color-accent));background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.vi-doc-link:hover{opacity:.8}.validation-aside-counts{display:block;margin-bottom:8px}.validation-issue-button,.validation-issue-static{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:6px;border:1px solid var(--color-border);border-left-width:3px;background:var(--color-surface);color:inherit;font:inherit}.validation-issue-button--error,.validation-issue-static--error{border-left-color:var(--color-error);background:color-mix(in srgb,var(--color-error) 6%,var(--color-surface))}.validation-issue-button--warning,.validation-issue-static--warning{border-left-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 6%,var(--color-surface))}.validation-issue-button--info,.validation-issue-static--info{border-left-color:var(--color-info, #3b82f6)}.validation-issue-button{cursor:pointer}.validation-issue-button:hover{border-color:var(--color-cta);background:var(--color-surface-raised)}.validation-issue-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px}.validation-issue-location{display:block;font-size:11px;font-weight:600;color:var(--color-text)}.validation-issue-message{display:block;font-size:12px;color:var(--color-text);line-height:1.4;font-weight:500}.validation-issue-severity-icon{margin-right:4px;font-weight:700}.validation-issue-list .error .validation-issue-severity-icon{color:var(--color-error)}.validation-issue-list .warning .validation-issue-severity-icon{color:var(--color-warning)}.validation-issue-list .info .validation-issue-severity-icon{color:var(--color-info, #3b82f6)}.validation-issue-hint{display:block;font-size:var(--text-xs, 11px);color:var(--color-text-muted);margin-top:4px}.validation-issue-list .error .validation-issue-location{color:var(--color-error)}.validation-issue-list .warning .validation-issue-location{color:var(--color-warning)}.validation-issue-list .info .validation-issue-location{color:var(--color-info, #3b82f6)}.validation-field-highlight{outline:2px solid var(--color-cta);outline-offset:4px;border-radius:var(--radius-md);background:#f0f9ff}.json-validator-panel .validation-issue-list{max-height:240px}.color-field-wrapper{display:flex;flex-direction:column;gap:3px;width:100%}.color-field{display:flex;align-items:center;gap:0;border:1px solid var(--color-border);border-radius:6px;overflow:hidden;background:var(--color-surface)}.color-field-hex{flex:1;min-width:0;padding:7px 8px;border:none;border-radius:0;background:transparent;font-family:ui-monospace,monospace;font-size:var(--text-sm);color:var(--color-text);outline:none}.color-field-hex:focus{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.color-field-swatch{width:34px;min-width:34px;height:34px;padding:3px;border:none;border-left:1px solid var(--color-border);border-radius:0;background:var(--color-surface);cursor:pointer;flex-shrink:0}.color-field-invalid{border-color:#c62828}.color-field-invalid .color-field-hex{color:#c62828}.color-field-error{display:block;margin-top:3px;font-size:11px;color:#c62828}.validation{margin-top:12px;padding:12px;border-radius:8px;background:var(--color-surface);border:1px solid var(--color-border)}.validation .error{color:#c62828}.validation .warning{color:#ef6c00}.field-row{display:grid;grid-template-columns:168px 1fr;gap:6px 16px;align-items:start;padding:10px 16px;border-bottom:1px solid var(--color-border)}.field-row:last-child{border-bottom:none}.field-label-col{padding-top:6px}.field-label-row{display:flex;align-items:center;gap:5px}.field-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text);line-height:1.3}.field-info-btn{flex-shrink:0;width:16px;height:16px;padding:0;border:none;border-radius:50%;background:var(--color-surface-2);color:var(--color-text-muted);font-size:11px;cursor:pointer;line-height:16px;text-align:center;transition:background .1s,color .1s}.field-info-btn:hover,.field-info-btn.is-active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 18%,transparent)}.field-info-panel{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:5px;padding:6px 8px;border-radius:4px;background:var(--color-surface-2);border:1px solid var(--color-border);border-left:2px solid var(--color-primary);line-height:1.45}.field-control-col{display:flex;flex-direction:column;gap:6px}.field-control-col input,.field-control-col select,.field-control-col textarea{width:100%}.field-control-col.has-error input,.field-control-col.has-error select,.field-control-col.has-error textarea{border-color:var(--color-error)!important}.field-control-col.has-warning input,.field-control-col.has-warning select,.field-control-col.has-warning textarea{border-color:var(--color-warning)!important}.field-issue{font-size:var(--text-xs, 11px);margin-top:4px;padding:4px var(--space-2, 8px);border-radius:5px;background:color-mix(in srgb,currentColor 12%,transparent);border-left:2px solid currentColor;line-height:1.4}.field-issue-fix{color:var(--color-text-muted);margin-top:2px;font-size:var(--text-xs, 11px)}.section-issue-banner{margin:0;padding:10px 14px;border-bottom:1px solid color-mix(in srgb,var(--color-error) 25%,var(--color-border));background:color-mix(in srgb,var(--color-error) 8%,var(--color-surface));display:flex;flex-direction:column;gap:6px}.collapsible-group>.section-issue-banner{border-left:3px solid var(--color-error)}.plan-card-issue-banner,.exit-discount-issue-banner{margin:0 10px 8px;border-radius:6px;border:1px solid color-mix(in srgb,var(--color-error) 30%,var(--color-border));border-bottom:1px solid color-mix(in srgb,var(--color-error) 30%,var(--color-border))}.section-issue-banner .field-issue{margin-top:0}.section-issue-list{display:flex;flex-direction:column;gap:4px}.collapsible-group-status{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:4px;flex-shrink:0}.collapsible-group-status.error{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error) 40%,transparent)}.collapsible-group-status.warn{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent)}.placement-detail.has-errors{border-color:color-mix(in srgb,var(--color-error) 55%,var(--color-border))}.placement-detail.has-warnings:not(.has-errors){border-color:color-mix(in srgb,var(--color-warning) 45%,var(--color-border))}.placement-detail-status{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:4px;flex-shrink:0}.placement-detail-status.error{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error) 40%,transparent)}.placement-detail-status.warn{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent)}.placement-detail-body>.section-issue-banner{border-bottom:1px solid color-mix(in srgb,var(--color-error) 25%,var(--color-border))}.plan-card-body>.section-issue-banner,.exit-discount-body>.section-issue-banner{margin:0 0 8px;padding:8px 12px;border-radius:6px;border:1px solid color-mix(in srgb,var(--color-error) 30%,var(--color-border));border-bottom:1px solid color-mix(in srgb,var(--color-error) 30%,var(--color-border))}.input-invalid{border-color:var(--color-danger, #f03e3e)!important}.field-error-message{margin:4px 0 0;font-size:var(--text-xs);color:var(--color-danger, #f03e3e)}.field-row label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:4px}.field-row input,.field-row select,.field-row textarea{width:100%}.color-field .color-field-hex,.color-field .color-field-swatch{width:auto}.readonly-field{background:var(--color-surface-2);color:var(--color-text-muted);cursor:default;opacity:.6}.banner-bg-preview{height:28px;border-radius:8px;margin:8px 0 12px;border:1px solid var(--color-border)}.pw-picker{display:flex;flex-direction:column}.pw-picker-tabs{display:flex;gap:4px;padding:10px 16px 0;border-bottom:1px solid var(--color-border);overflow-x:auto}.pw-picker-tab{position:relative;display:flex;align-items:center;gap:5px;padding:6px 14px 9px;border:none;background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;border-radius:6px 6px 0 0;white-space:nowrap;transition:color .12s,background .12s}.pw-picker-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent;border-radius:2px 2px 0 0;transition:background .12s}.pw-picker-tab:hover{color:var(--color-text);background:var(--color-surface-2)}.pw-picker-tab.is-active{color:var(--color-primary);font-weight:600}.pw-picker-tab.is-active:after{background:var(--color-primary)}.pw-picker-tab-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.pw-picker-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:12px 16px}.pw-option-card{display:flex;flex-direction:column;align-items:center;gap:0;border:2px solid var(--color-border);border-radius:8px;background:var(--color-bg);overflow:hidden;cursor:pointer;padding:0;transition:border-color .15s,background .15s;text-align:center}.pw-option-card:hover{border-color:color-mix(in srgb,var(--color-primary) 60%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 4%,var(--color-bg))}.pw-option-card.is-selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg))}.pw-option-thumb{position:relative;width:100%;background:var(--color-surface-2);aspect-ratio:9/13;overflow:hidden}.pw-option-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pw-option-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-primary) 55%,transparent);color:#fff;font-size:22px;font-weight:700;pointer-events:none}.pw-option-expand{position:absolute;top:5px;right:5px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:#0000008c;color:#fff;font-size:13px;cursor:pointer;opacity:0;transition:opacity .12s,background .12s;z-index:2}.pw-option-thumb:hover .pw-option-expand{opacity:1}.pw-option-expand:hover{background:#000c}.pw-option-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text);padding:6px 6px 2px;display:block}.pw-option-sublabel{font-size:10px;color:var(--color-text-muted);line-height:1.3;padding:0 6px 6px;display:block}.vtp-grid{padding:10px 16px 12px;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.vtp-selected{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1.5px solid var(--color-border);border-radius:8px;background:var(--color-surface-2)}.vtp-selected-thumb{width:56px;min-width:56px;height:56px;border-radius:6px;overflow:hidden;background:var(--color-bg);flex-shrink:0}.vtp-selected-thumb--landscape{width:160px;min-width:160px;height:54px}.vtp-selected-thumb img{width:100%;height:100%;object-fit:contain;display:block}.vtp-selected-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vtp-selected-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.vtp-selected-label{font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vtp-change-btn{flex-shrink:0}.vtp-picker-modal{width:600px;max-height:82vh}.vtp-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;padding:16px;overflow-y:auto;max-height:calc(82vh - 60px)}.vtp-picker-grid--landscape{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.vtp-picker-card{display:flex;flex-direction:column;align-items:stretch;gap:0;border:2px solid var(--color-border);border-radius:8px;background:var(--color-bg);overflow:hidden;cursor:pointer;padding:0;transition:border-color .15s,background .15s;text-align:left}.vtp-picker-card:hover{border-color:color-mix(in srgb,var(--color-primary) 60%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 4%,var(--color-bg))}.vtp-picker-card.is-selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg))}.vtp-picker-thumb{position:relative;width:100%;aspect-ratio:9 / 13;background:var(--color-surface-2);overflow:hidden}.vtp-picker-thumb--landscape{aspect-ratio:3 / 1}.vtp-picker-thumb img{width:100%;height:100%;object-fit:contain;display:block}.vtp-picker-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-primary) 55%,transparent);color:#fff;font-size:22px;font-weight:700;pointer-events:none}.vtp-picker-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text);padding:5px 8px 2px;display:block}.vtp-picker-sublabel{font-size:10px;color:var(--color-text-muted);padding:0 8px 6px;display:block;line-height:1.3}.vtp-picker-expand{position:absolute;top:5px;right:5px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:#0000008c;color:#fff;font-size:13px;cursor:pointer;opacity:0;transition:opacity .12s,background .12s;z-index:2}.vtp-picker-thumb:hover .vtp-picker-expand{opacity:1}.vtp-picker-expand:hover{background:#000c}.vtp-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:1200}.vtp-preview-dialog{background:var(--color-surface);border-radius:10px;border:1px solid var(--color-border);max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000080}.vtp-preview-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--color-border);font-size:var(--text-sm);font-weight:600;color:var(--color-text);gap:12px}.vtp-preview-body{overflow:auto;padding:16px;display:flex;align-items:center;justify-content:center}.vtp-preview-body img{max-width:100%;max-height:70vh;border-radius:6px;display:block}.discount-variant-picker{border-bottom:1px solid var(--color-border)}.discount-variant-picker-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:10px 16px 4px}.pw-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#000000bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px}.pw-preview-dialog{position:relative;width:min(380px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:0 24px 64px #000000b3;animation:modal-in .15s ease}.pw-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--color-border);font-size:var(--text-sm);font-weight:600;color:var(--color-text);background:var(--color-bg);flex-shrink:0}.pw-preview-body{overflow-y:auto;padding:12px;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center}.pw-preview-body img{display:block;max-width:100%;height:auto;border-radius:8px;object-fit:contain}.plan-id-field{display:flex;flex-direction:column;gap:6px}.plan-id-field-row{display:flex;align-items:center;gap:6px}.plan-id-field-row select,.plan-id-field-row input{flex:1;min-width:0}.field-help-warn{color:#ef6c00}.catalog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.product-catalog-table{display:flex;flex-direction:column;gap:8px;max-height:min(60vh,520px);overflow:auto;padding-right:4px}.product-catalog-header,.product-catalog-row{display:grid;grid-template-columns:1.4fr 1.4fr 120px 72px;gap:8px;align-items:center}.product-catalog-header{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-text-subtle)}.product-catalog-row input,.product-catalog-row select{width:100%;padding:8px;border:1px solid #ccc;border-radius:6px}.inline-code{font-family:ui-monospace,monospace;font-size:12px;background:#f0f0f0;padding:2px 6px;border-radius:4px;margin-right:4px}.create-banner-panel{background:#f8fafc}.placement-tags{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.placement-tag{display:flex;align-items:flex-start;gap:8px;font-size:13px;cursor:pointer}.placement-tag code{display:block;font-size:12px}.placement-tag small{display:block;color:var(--color-text-muted);font-size:11px}.placement-tag-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.placement-tag-card{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--color-bg);border:2px solid var(--color-border);border-radius:8px;padding:8px 12px;cursor:pointer;transition:border-color .15s,background .15s}.placement-tag-card:hover{border-color:color-mix(in srgb,var(--color-primary) 60%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 4%,var(--color-bg))}.placement-tag-card.is-selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg))}.placement-tag-card-check{width:18px;min-width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--color-primary);transition:border-color .15s,background .15s}.placement-tag-card.is-selected .placement-tag-card-check{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.placement-tag-card-body{display:flex;flex-direction:column;gap:1px}.placement-tag-card-id{font-size:12px;font-weight:600;color:var(--color-text)}.placement-tag-card-label{font-size:11px;color:var(--color-text-muted)}.placement-custom{margin-top:4px}.overview{max-width:960px;padding-bottom:32px}.overview-empty{padding-top:4px}.overview-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:28px}.overview-hero-main{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-md)}.overview-import-card{background:linear-gradient(165deg,#f8fafc,#eff6ff);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px}.overview-import-card h3{margin:0 0 12px;font-size:1rem}.overview-import-steps{margin:0 0 14px;padding-left:1.2rem;font-size:13px;color:var(--color-text);line-height:1.55}.overview-import-steps li+li{margin-top:8px}.overview-eyebrow{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-cta)}.overview-hero-main h2,.overview-top h2{margin:0 0 10px;font-size:1.55rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.overview-lead{margin:0 0 20px;color:var(--color-text-muted);font-size:15px;line-height:1.6}.overview-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.overview-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;margin:0 0 28px;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.overview-workflow-step{display:flex;gap:10px;padding:16px 14px;position:relative;border-right:1px solid var(--color-border)}.overview-workflow-step:last-child{border-right:none}.overview-workflow-step.state-current{background:#eff6ff}.overview-workflow-step.state-done .overview-workflow-marker{background:var(--color-success-bg);color:var(--color-success-text)}.overview-workflow-marker{flex-shrink:0;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.overview-workflow-step.state-current .overview-workflow-marker{background:var(--color-cta);color:#fff;border-color:var(--color-cta)}.overview-workflow-body{display:flex;flex-direction:column;gap:4px;min-width:0}.overview-workflow-body strong{font-size:13px}.overview-workflow-body span{font-size:11px;color:var(--color-text-muted);line-height:1.4}.overview-section{margin-bottom:28px}.overview-section h3{margin:0 0 6px;font-size:1rem;color:var(--color-primary)}.overview-section-lead{margin:0 0 14px}.overview-role-grid,.overview-area-grid,.overview-shortcut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.overview-role-card,.overview-area-card,.overview-shortcut-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.overview-role-card .nav-icon svg,.overview-area-card .nav-icon svg,.overview-shortcut-card .nav-icon svg{width:18px;height:18px;color:var(--color-cta)}.overview-role-card:hover,.overview-area-card:hover,.overview-shortcut-card:hover{border-color:var(--color-cta);background:var(--color-cta-soft)}.overview-role-card strong,.overview-area-card strong,.overview-shortcut-card strong{font-size:14px}.overview-role-card span,.overview-area-card span,.overview-shortcut-card span{font-size:12px;color:var(--color-text-muted);line-height:1.4}.overview-area-hint{margin-top:12px}.overview-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.overview-subtitle{margin:0}.overview-top-actions{display:flex;flex-wrap:wrap;gap:8px}.overview-session-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.overview-status-card,.overview-validation-card,.overview-next-card{padding:16px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm)}.overview-status-card.status-valid{border-color:#a7f3d0;background:linear-gradient(180deg,#fff,#ecfdf5)}.overview-status-card.status-invalid{border-color:#fecaca;background:linear-gradient(180deg,#fff,#fef2f2)}.overview-status-card.status-unsaved,.overview-status-card.status-warnings{border-color:#fde68a;background:linear-gradient(180deg,#fff,#fffbeb)}.overview-status-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);margin-bottom:4px}.overview-status-value{display:block;font-size:1.25rem;margin-bottom:12px;color:var(--color-primary)}.overview-status-meta{list-style:none;margin:0;padding:0;font-size:11px}.overview-status-meta li{display:grid;grid-template-columns:52px 1fr auto;gap:6px;align-items:baseline;padding:4px 0;border-top:1px solid var(--color-border)}.overview-status-meta li:first-child{border-top:none}.overview-status-meta code{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-status-meta em{font-style:normal;color:var(--color-text-muted)}.overview-validation-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:13px}.overview-validation-card.is-ok{border-color:#a7f3d0}.overview-validation-card.is-error{border-color:#fecaca}.overview-validation-card.is-warn{border-color:#fde68a}.overview-issue-preview{margin:0 0 10px;padding-left:1.1rem;font-size:12px;color:var(--color-text-muted)}.overview-issue-more{color:var(--color-cta);list-style:none;margin-left:-1.1rem}.overview-next-card strong{display:block;margin-bottom:8px}.overview-next-card p{margin:0 0 12px;font-size:13px;color:var(--color-text-muted);line-height:1.45}.overview-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.overview-stat-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition),transform var(--transition)}.overview-stat-card:hover{border-color:var(--color-cta);transform:translateY(-1px)}.overview-stat-value{font-size:1.75rem;font-weight:700;color:var(--color-cta);letter-spacing:-.02em}.overview-stat-label{font-size:11px;color:var(--color-text-muted);text-align:center}.overview-footer-actions{margin-top:8px;padding-top:16px;border-top:1px solid var(--color-border)}@media(max-width:900px){.overview-hero-grid{grid-template-columns:1fr}.overview-workflow{grid-template-columns:1fr 1fr}.overview-workflow-step{border-right:none;border-bottom:1px solid var(--color-border)}.overview-session-grid{grid-template-columns:1fr}}@media(max-width:560px){.overview-workflow{grid-template-columns:1fr}}.home-screen{max-width:960px}.home-screen-empty{padding-top:4px}.home-hero-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px 28px 24px;box-shadow:var(--shadow-md);margin-bottom:28px}.home-eyebrow{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-cta)}.home-hero-card h2{margin:0 0 10px;font-size:1.65rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.home-lead{margin:0 0 22px;color:var(--color-text-muted);font-size:15px;line-height:1.6;max-width:560px}.home-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.home-import-hint{margin-top:14px;max-width:520px}.home-steps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:28px}.home-step-card{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.home-step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--color-cta-soft);color:var(--color-cta);font-size:13px;font-weight:700}.home-step-desc{font-size:12px;color:var(--color-text-muted);line-height:1.45}.home-dashboard-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.home-dashboard-header h2{margin:0 0 4px;font-size:1.4rem;color:var(--color-primary)}.home-dashboard-sub{margin:0}.home-alt{margin-top:8px;padding-top:24px;border-top:1px solid var(--color-border)}.home-alt-title{margin:0 0 12px;font-weight:600;color:var(--color-primary-soft);font-size:13px}.home-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:20px 0}.home-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;text-align:center;box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition)}.home-stat:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.home-stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--color-cta);letter-spacing:-.02em}.home-stat-label{font-size:11px;color:var(--color-text-muted);font-weight:500}.home-validation-banner{border-radius:var(--radius-md);padding:12px 14px;margin-bottom:20px;font-size:13px}.home-validation-ok{background:var(--color-success-bg);border:1px solid #a7f3d0}.home-validation-warn{background:#fffbeb;border:1px solid #fde68a}.home-validation-error{background:#fef2f2;border:1px solid #fecaca}.home-validation-banner p{margin:0}.home-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.home-quick-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;text-align:left;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);box-shadow:var(--shadow-sm)}.home-quick-card:hover{border-color:var(--color-cta);box-shadow:0 4px 14px #0369a11f}.home-quick-card:active{transform:translateY(1px)}.home-quick-label{font-weight:600;font-size:14px;color:var(--color-cta)}.home-quick-desc{font-size:12px;color:var(--color-text-muted);line-height:1.4}.nav-search-wrap{position:relative;margin-bottom:10px}.nav-search-input{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;background:var(--color-bg)}.nav-search-input:focus{outline:none;border-color:var(--color-cta);background:var(--color-surface);box-shadow:0 0 0 3px #0369a11f}.nav-search-results{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 24px #0000001f}.nav-search-hit{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:8px 10px;border:none;border-bottom:1px solid #f0f0f0;background:transparent;cursor:pointer;text-align:left}.nav-search-hit:last-child{border-bottom:none}.nav-search-hit:hover{background:#f1f5f9}.nav-search-hit-label{font-size:13px;font-weight:600;color:var(--color-text)}.nav-search-hit-meta{font-size:10px;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.03em}.nav-search-hit-detail{font-size:11px;color:#999;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-search-empty{margin:0;padding:12px;font-size:12px;color:var(--color-text-subtle)}.nav-home{display:block;width:100%;text-align:left;margin-bottom:12px;padding:9px 10px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;font-weight:600;font-size:13px;color:var(--color-primary)}.nav-home.active{background:var(--color-cta-soft);color:var(--color-cta)}.panel{padding:20px 24px;overflow-y:auto;background:var(--color-surface)}.json-aside{border-left:1px solid var(--color-border);background:var(--color-bg)}.nav-breadcrumb{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border);font-size:13px}.nav-breadcrumb-group{color:var(--color-text-subtle);font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.nav-breadcrumb-sep{color:#ccc}.nav-breadcrumb-page{font-weight:600;color:var(--color-text)}.nav-breadcrumb-detail{font-size:11px;color:var(--color-text-subtle);font-family:ui-monospace,monospace;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segment-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:16px;background:var(--color-surface-2);border-radius:var(--radius-md)}.segment-tabs button{border:none;background:transparent;color:var(--color-text-muted);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500}.segment-tabs button.active{background:var(--color-surface);color:var(--color-cta);box-shadow:var(--shadow-sm)}.catalog-tabs{margin-top:8px}.lp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#000000b8;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lp-dialog.lp-dialog--banner{width:min(420px,96vw);height:min(780px,96vh)}.lp-dialog.lp-dialog--banner-flow{width:min(740px,97vw);height:min(780px,96vh)}.lp-body--banner{flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 20px 16px;gap:16px;overflow-y:auto;overflow-x:hidden}.lp-banner-key{font-family:var(--font-mono);font-size:11px;color:var(--color-text-faint);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:6px;padding:3px 10px;align-self:flex-start;flex-shrink:0}.lp-flow{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:16px;width:100%;flex:1;min-height:0;overflow:visible}.lp-flow--single{justify-content:center}.lp-flow-arrow{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-text-muted);flex-shrink:0;padding-bottom:48px}.lp-flow-arrow-label{font-size:10px;color:var(--color-text-faint);white-space:nowrap}.lp-flow-action-badge{font-size:11px;font-weight:600;color:#a78bfa;background:color-mix(in srgb,#a78bfa 14%,transparent);border:1px solid color-mix(in srgb,#a78bfa 35%,transparent);border-radius:999px;padding:2px 8px}.lp-phone-card{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.lp-phone-step{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint)}.lp-phone-frame{width:240px;background:#1a1f2e;border:2px solid #2e3650;border-radius:32px;padding:14px 10px 10px;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0f;position:relative}.lp-phone-notch{width:56px;height:8px;background:#0d1117;border-radius:999px;align-self:center;flex-shrink:0}.lp-phone-screen{position:relative;border-radius:10px;overflow:hidden;background:#0d1117;aspect-ratio:9 / 17;width:100%;display:flex;flex-direction:column}.lp-phone-home-bar{width:56px;height:4px;background:#2e3650;border-radius:999px;align-self:center;flex-shrink:0}.lp-phone-meta{display:flex;align-items:center;gap:6px}.lp-phone-label{font-size:11px;font-weight:600;color:var(--color-text-muted)}.lp-mock-bg{flex:1;padding:12px 10px 8px;display:flex;flex-direction:column;gap:7px;overflow:hidden}.lp-mock-bar{height:7px;border-radius:4px;background:#1e2740;flex-shrink:0}.lp-mock-block{height:64px;border-radius:8px;background:#1a2238;flex-shrink:0}.lp-phone-banner-slot{position:absolute;bottom:0;left:0;right:0;flex-shrink:0}.lp-phone-banner-slot img{width:100%;display:block}.lp-phone-off-badge{position:absolute;top:8px;left:6px;right:6px;z-index:4;background:#c62828e6;color:#fff;font-size:9px;font-weight:700;text-align:center;padding:3px 6px;border-radius:4px}.lp-phone-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:2}.lp-phone-popup-slot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:12px 8px}.lp-phone-popup-slot img{width:100%;border-radius:6px;display:block}.lp-phone-fs-img{width:100%;height:100%;object-fit:fill;display:block;border-radius:0}.lp-dialog{width:min(400px,94vw);height:min(780px,92vh);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 24px 64px #0009;display:flex;flex-direction:column;overflow:hidden}.lp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg);border-bottom:1px solid var(--color-border);gap:10px;flex-shrink:0}.lp-header-left{display:flex;align-items:center;gap:8px;min-width:0}.lp-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text)}.lp-variant-badge{font-size:11px;font-weight:700;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent);border-radius:999px;padding:2px 8px;animation:lp-pulse .3s ease}@keyframes lp-pulse{0%{opacity:.5;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.lp-off-badge{font-size:10px;font-weight:700;color:#ef4444;background:color-mix(in srgb,#ef4444 14%,transparent);border:1px solid color-mix(in srgb,#ef4444 35%,transparent);border-radius:999px;padding:2px 8px}.lp-close{all:unset;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--color-text-muted);font-size:13px;transition:background .12s,color .12s;flex-shrink:0}.lp-close:hover{background:var(--color-surface-2);color:var(--color-text)}.lp-tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0}.lp-tab{all:unset;cursor:pointer;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px 8px;font-size:11px;font-weight:600;color:var(--color-text-muted);border-bottom:2px solid transparent;transition:color .12s,border-color .12s,background .12s;text-align:center;position:relative}.lp-tab:hover{color:var(--color-text);background:var(--color-surface)}.lp-tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.lp-tab-tag{font-size:10px;font-weight:500;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.lp-tab.is-active .lp-tab-tag{color:color-mix(in srgb,var(--color-primary) 70%,var(--color-text-muted))}.lp-tab-dot--off{width:6px;height:6px;border-radius:50%;background:#ef4444;position:absolute;top:8px;right:10px}.lp-tab.is-off{opacity:.6}.lp-body{flex:1;min-height:0;display:flex;align-items:stretch;background:#0d1117;overflow:hidden}.lp-screen{position:relative;flex:1;display:flex;align-items:stretch}.lp-screen-img{width:100%;height:100%;object-fit:contain;object-position:center top;display:block}.lp-screen-off{position:absolute;top:12px;left:12px;right:12px;z-index:2;padding:8px 10px;border-radius:6px;background:#c62828eb;color:#fff;font-size:11px;font-weight:600;text-align:center}.lp-footer{padding:8px 16px;font-size:11px;color:var(--color-text-muted);border-top:1px solid var(--color-border);background:var(--color-surface);text-align:center;flex-shrink:0}.preview-canvas-screenshot{display:flex;flex-direction:column;background:#0f172a}.preview-screenshot-only{flex:1;min-height:0;object-fit:contain;object-position:center top}.preview-screenshot-off{position:absolute;top:8px;left:8px;right:8px;z-index:2;padding:6px 8px;border-radius:6px;background:#c62828eb;color:#fff;font-size:10px;font-weight:600;text-align:center}.preview-screenshot-caption{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:#0f172af5;border-top:1px solid rgba(255,255,255,.08)}.preview-screenshot-tag{font-size:11px;font-weight:700;color:#38bdf8}.preview-screenshot-label{font-size:11px;color:#cbd5e1;line-height:1.3}.device-frame-wrap{width:100%;max-width:280px}.device-frame-label{font-size:11px;color:var(--color-text-subtle);margin-bottom:6px;text-align:center}.device-frame{width:100%;border:3px solid #1e293b;border-radius:20px;background:#0f172a;padding:8px;box-shadow:var(--shadow-md)}.preview-canvas{position:relative;width:100%;height:100%;border-radius:14px;overflow:hidden;background:#111}.preview-shell{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.preview-text{position:absolute;color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.65);line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.preview-body{font-weight:500;opacity:.95}.preview-cta-pill{position:absolute;text-align:center;background:#0369a1eb;color:#fff;font-weight:700;padding:6px 10px;border-radius:999px;box-shadow:0 2px 8px #00000040}.preview-plan-list{position:absolute;display:flex;flex-direction:column}.preview-empty-plans{position:absolute;font-size:10px;color:#ffffffd9;background:#0f172ab8;padding:6px 8px;border-radius:6px;text-align:center}.mock-plan-card.selected{outline:2px solid var(--color-cta)}.mock-plan-badge{position:absolute;top:-8px;left:10px;z-index:1;background:#f59e0b;color:#fff;font-size:9px;font-weight:700;padding:2px 8px;border-radius:999px}.mock-plan-card-inner{display:flex;align-items:center;gap:8px;padding:8px 10px}.mock-plan-title{font-size:10px;font-weight:700;line-height:1.2}.mock-plan-price-row{display:flex;align-items:baseline;gap:4px;margin-top:2px}.mock-plan-price{font-size:11px;font-weight:700}.mock-plan-period{font-size:9px;color:var(--color-text-subtle)}.mock-plan-per-month{font-size:8px;color:var(--color-text-subtle);margin-top:1px}.mock-plan-hint{font-size:8px;color:var(--color-warning);margin-top:2px}.mock-plan-check{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--color-cta);color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center}.preview-timer{position:absolute;font-family:ui-monospace,monospace;font-weight:700;color:#fff;background:#0f172a8c;padding:4px 8px;border-radius:6px;letter-spacing:.06em}.preview-price-block{position:absolute;display:flex;flex-direction:column;gap:2px}.preview-offer-price{font-size:inherit;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.preview-compare-price{position:absolute;color:#ffffffbf;text-decoration:line-through}.preview-price-hint{font-size:9px;color:#fde68a}.preview-prices-table{max-height:480px;overflow:auto}.preview-prices-header,.preview-prices-row{display:grid;grid-template-columns:1.2fr 1fr .9fr .9fr .7fr .9fr;gap:8px;align-items:center}.preview-prices-header{font-size:11px;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.03em;padding-bottom:4px;border-bottom:1px solid var(--color-border)}.preview-prices-row input{width:100%;min-width:0;font-size:12px}.preview-prices-id{font-size:11px;word-break:break-all}.preview-prices-label{font-size:12px;color:var(--color-text-muted)}.section-workspace{display:grid;grid-template-columns:minmax(260px,36%) minmax(0,1fr);gap:16px;align-items:start;padding:16px}.placement-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;min-width:0;display:flex;flex-direction:column;max-height:calc(100vh - 80px)}.placement-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0}.placement-panel-title{font-size:13px;font-weight:700;color:var(--color-text)}.placement-panel-subtitle{font-size:11px;color:var(--color-text-muted);margin-top:2px}.placement-list-columns{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 14px;font-size:10px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0}.placement-col-name{flex:1;min-width:0}.placement-col-meta{flex-shrink:0;text-align:right}.placement-panel-empty{text-align:center;padding:32px 16px;color:var(--color-text-muted);font-size:13px}.placement-panel-empty p{margin-bottom:12px}.placement-list{flex:1;overflow-y:auto;min-height:0}.ad-card{padding:0;border-top:1px solid var(--color-border)}.ad-card:first-child{border-top:none}.ad-card-clickable{display:block;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;border:none;text-align:left;padding:0}.ad-card-clickable:hover .ad-card-header,.ad-card-clickable:hover .ad-card-subtitle-wrap{background:var(--color-surface-raised)}.ad-card.is-selected .ad-card-clickable .ad-card-header,.ad-card.is-selected .ad-card-clickable .ad-card-subtitle-wrap{background:#38bdf814}.ad-card.is-selected .ad-card-status-bar{background:var(--color-cta)!important}.ad-card.is-off .ad-card-clickable{opacity:.55}.ad-card.is-off .ad-card-name{color:var(--color-text-muted)}.ad-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 14px}.ad-card-leading{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.ad-card-trailing{display:flex;align-items:center;gap:8px;flex-shrink:0}.ad-card-chevron{color:var(--color-text-subtle);font-size:9px;width:12px;text-align:center;flex-shrink:0}.ad-card-status-bar{width:3px;align-self:stretch;flex-shrink:0;border-radius:2px;margin:4px 0;min-height:24px}.ad-card-name{font-weight:600;font-size:13px;font-family:ui-monospace,monospace;letter-spacing:.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.ad-card-meta{display:flex;align-items:center;gap:4px}.ad-card-subtitle-wrap{padding:0 14px 8px 37px;border-bottom:1px solid var(--color-border)}.ad-card-subtitle{font-size:11px;font-family:ui-monospace,monospace;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placement-detail{min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:calc(100vh - 80px);overflow-y:auto;position:sticky;top:16px}.placement-detail-empty{display:flex;align-items:flex-start;justify-content:flex-start;min-height:200px;padding:0;overflow-y:auto}.no-placement-guide{width:100%;padding:var(--space-4, 20px);display:flex;flex-direction:column;gap:var(--space-3, 14px)}.no-placement-guide-header{display:flex;align-items:flex-start;gap:var(--space-2, 10px)}.no-placement-guide-icon{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--color-info, #3b82f6) 14%,transparent);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.no-placement-guide-title{font-size:var(--text-sm, 13px);font-weight:700;color:var(--color-text);margin-bottom:3px}.no-placement-guide-prompt{font-size:var(--text-xs, 11px);color:var(--color-text-muted);line-height:1.4}.no-placement-guide-tabs{display:flex;flex-wrap:wrap;gap:6px}.no-placement-guide-tab{font-size:var(--text-xs, 11px);font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-muted);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.no-placement-guide-tab:hover{background:var(--color-surface-2);color:var(--color-text)}.no-placement-guide-tab.is-active{background:var(--color-cta, #3b82f6);color:#fff;border-color:var(--color-cta, #3b82f6)}.no-placement-guide-body{border:1px solid var(--color-border);border-radius:var(--radius, 8px);padding:var(--space-3, 14px) var(--space-4, 20px);background:var(--color-bg, var(--color-surface));max-height:calc(100vh - 260px);overflow-y:auto}.placement-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 12px;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);position:sticky;top:0;z-index:2}.placement-detail-header-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.placement-detail-title{font-weight:700;font-size:15px;line-height:1.25;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placement-detail-key{font-size:11px;font-family:ui-monospace,monospace;color:var(--color-text-muted);letter-spacing:.02em}.placement-detail-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;padding-top:2px}.placement-detail-body{padding:16px}.editor-sections{padding:16px;display:flex;flex-direction:column;gap:10px}.section-detail{min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:calc(100vh - 80px);overflow-y:auto;position:sticky;top:16px}.section-detail-empty{display:flex;align-items:center;justify-content:center;min-height:200px;padding:24px;color:var(--color-text-muted);font-size:13px}.section-detail-toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);position:sticky;top:0;z-index:2;flex-wrap:wrap}.section-detail-title{font-weight:700;font-size:14px;color:var(--color-text);margin:0}.section-detail-key{font-size:11px;font-family:ui-monospace,monospace;color:var(--color-text-muted);background:var(--color-bg);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.section-detail-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.section-detail-body{padding:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);box-shadow:0 32px 80px #000000b3;display:flex;flex-direction:column;overflow:hidden;animation:modal-in .16s ease}.modal-card-scroll{flex:1;min-height:0;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-card-title{display:flex;align-items:center;padding:20px 22px 16px;font-size:var(--text-sm);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.modal-fields{display:flex;flex-direction:column;border-top:1px solid var(--color-border)}.modal-field-row{display:grid;grid-template-columns:160px 1fr;align-items:start;gap:8px 16px;padding:13px 22px;border-bottom:1px solid var(--color-border)}.modal-field-row:last-child{border-bottom:none}.modal-field-label-col{padding-top:7px;display:flex;align-items:flex-start;gap:6px}.modal-field-label{font-size:var(--text-sm);font-weight:700;color:var(--color-text);line-height:1.3}.modal-field-info-btn{flex-shrink:0;width:17px;height:17px;padding:0;border:none;border-radius:50%;background:var(--color-surface-2);color:var(--color-text-muted);font-size:11px;cursor:pointer;line-height:17px;text-align:center;transition:background .1s,color .1s;margin-top:1px}.modal-field-info-btn:hover,.modal-field-info-btn.is-active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 18%,transparent)}.modal-field-input-col{display:flex;flex-direction:column;gap:6px}.modal-field-input-col input,.modal-field-input-col select{width:100%;background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;font-size:var(--text-sm);padding:8px 12px;min-height:36px;outline:none;transition:border-color .15s,box-shadow .15s}.modal-field-input-col input:focus,.modal-field-input-col select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.modal-field-input-col input.error{border-color:var(--color-danger, #f03e3e)}.modal-field-input-col input::placeholder{color:var(--color-text-muted);opacity:.7}.modal-field-help{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;line-height:1.4}.modal-field-help code{font-family:var(--font-mono);font-size:10.5px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:4px;padding:0 5px;color:var(--color-text)}.modal-field-error{font-size:var(--text-xs);color:var(--color-danger, #f03e3e);margin:0;line-height:1.4}.modal-field-info-panel{font-size:var(--text-xs);color:var(--color-text-muted);padding:6px 9px;background:var(--color-bg);border:1px solid var(--color-border);border-left:2px solid var(--color-primary);border-radius:4px;line-height:1.45}.modal-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 22px;background:var(--color-bg);border-top:1px solid var(--color-border)}.modal-optional-badge{font-size:10px;font-weight:500;letter-spacing:.04em;color:var(--color-text-faint);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:20px;padding:1px 7px;text-transform:lowercase;flex-shrink:0}.modal-placement-section{border-top:1px solid var(--color-border);padding:14px 22px 18px;display:flex;flex-direction:column;gap:10px}.modal-placement-section-header{display:flex;align-items:center;gap:8px}.modal-placement-section-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted)}.modal-placement-selected-count{margin-left:auto;font-size:11px;font-weight:600;color:var(--color-primary);background:var(--color-primary-soft);border-radius:20px;padding:1px 8px}.modal-placement-section-desc{font-size:11.5px;color:var(--color-text-faint);line-height:1.5;margin-top:-4px}.placement-screen-list{display:flex;flex-direction:column;gap:4px}.placement-screen-card{display:flex;align-items:center;gap:0;width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;text-align:left;overflow:hidden;transition:border-color .13s,background .13s;padding:0}.placement-screen-card:hover{border-color:var(--color-border-hover);background:var(--color-surface)}.placement-screen-card.is-selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg))}.placement-screen-check{width:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;align-self:stretch;border-right:1px solid var(--color-border);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface));transition:background .13s}.placement-screen-card.is-selected .placement-screen-check{background:color-mix(in srgb,var(--color-primary) 16%,var(--color-bg));border-right-color:var(--color-primary)}.placement-screen-checkbox{width:16px;height:16px;border-radius:4px;border:2px solid var(--color-border-hover);background:transparent;display:flex;align-items:center;justify-content:center;transition:border-color .13s,background .13s;flex-shrink:0}.placement-screen-card.is-selected .placement-screen-checkbox{background:var(--color-primary);border-color:var(--color-primary)}.placement-screen-checkmark{color:#fff;font-size:10px;line-height:1;font-weight:700}.placement-screen-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:9px 10px 9px 12px}.placement-screen-label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--color-text-faint);font-weight:500}.placement-screen-name{font-size:12.5px;font-weight:600;color:var(--color-text)}.placement-screen-card.is-selected .placement-screen-name{color:color-mix(in srgb,var(--color-primary) 80%,var(--color-text))}.placement-screen-id{font-family:var(--font-mono);font-size:10.5px;color:var(--color-text-faint)}.placement-screen-desc{font-size:11px;color:var(--color-text-faint);padding:0 12px 0 0;max-width:150px;line-height:1.4;text-align:right}.modal-card-header{padding:16px 20px 0}.modal-card-body{padding:14px 20px 4px;display:flex;flex-direction:column;gap:12px}.modal-description{margin:0;color:var(--color-text-muted);font-size:13px;line-height:1.5}.collapsible-group{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.collapsible-group-header{display:flex;align-items:stretch;background:var(--color-bg);transition:background .12s}.collapsible-group-header:hover{background:var(--color-surface-2)}.collapsible-group-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);padding:9px 14px;background:none;border:none;cursor:pointer;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);text-align:left;transition:none}.collapsible-group-header-right{display:flex;align-items:center;padding:0 12px;flex-shrink:0;border-left:1px solid var(--color-border)}.collapsible-group-chevron{font-size:9px;color:var(--color-text-muted);flex-shrink:0;width:12px;text-align:center}.collapsible-group-title{flex:1;min-width:0}.collapsible-group-badge{font-size:10px;font-weight:700;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:9px;padding:0 5px;flex-shrink:0}.collapsible-group-badge.error{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error) 40%,transparent)}.collapsible-group-badge.warn{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent)}.collapsible-group.has-errors{border-color:color-mix(in srgb,var(--color-error) 55%,var(--color-border))}.collapsible-group.has-errors .collapsible-group-toggle{background:color-mix(in srgb,var(--color-error) 8%,var(--color-bg))}.collapsible-group.has-warnings:not(.has-errors){border-color:color-mix(in srgb,var(--color-warning) 45%,var(--color-border))}.collapsible-group.has-warnings:not(.has-errors) .collapsible-group-toggle{background:color-mix(in srgb,var(--color-warning) 6%,var(--color-bg))}.collapsible-group-body{padding:0;background:var(--color-surface);border-top:1px solid var(--color-border)}.collapsible-group-body .field-row:last-child{border-bottom:none}.collapsible-group-body:has(>.collapsible-group--nested),.collapsible-group-body:has(>.section-add-row--nested){padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:var(--color-bg)}.collapsible-group--nested{border-radius:6px;border:1px solid var(--color-border);overflow:hidden}.collapsible-group--nested .collapsible-group-header{background:var(--color-surface-2)}.collapsible-group--nested .collapsible-group-header:hover{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface-2))}.collapsible-group--nested .collapsible-group-toggle{padding:7px 14px;font-size:11px;color:var(--color-text-muted);letter-spacing:.03em}.collapsible-group--nested .collapsible-group-body{background:var(--color-surface)}.section-add-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface-2)}.section-add-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.section-add-row-title{font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--color-text-muted);text-transform:uppercase}.section-add-row-desc{font-size:var(--text-xs);color:var(--color-text-muted);opacity:.7}.bg-colors-row{display:flex;flex-direction:row;gap:6px}.bg-colors-row .color-field-wrapper{width:100%}.bg-color-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.bg-color-col-label{font-size:11px;color:var(--color-text-muted);font-weight:500;display:flex;align-items:center;gap:4px}.bg-color-optional{font-style:normal;font-size:10px;color:var(--color-text-faint);font-weight:400}.bg-radial-fields{display:flex;flex-direction:row;gap:6px}.bg-radial-fields input{flex:1;min-width:0}.list-editor{display:flex;flex-direction:column;gap:6px;padding:4px 0}.list-editor-row{display:flex;align-items:center;gap:6px}.list-editor-fields{display:flex;flex:1;gap:6px;min-width:0}.list-editor-input{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm)}.list-editor-input:focus{outline:none;border-color:var(--color-primary)}.list-editor-select{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm)}.list-editor-remove{flex-shrink:0;color:var(--color-text-muted)}.list-editor-remove:hover{color:var(--color-error);border-color:var(--color-error)}.btn-add-section{flex-shrink:0;padding:5px 14px;border-radius:5px;border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s,color .15s}.btn-add-section:hover{background:var(--color-primary);color:#0d1117}.variant-copy-section{border-top:1px solid var(--color-border)}.variant-copy-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:8px 16px 4px}.create-product-dialog{margin-top:8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-raised);overflow:hidden}.create-product-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.create-product-dialog-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.create-product-dialog-body{padding:10px 14px;display:flex;flex-direction:column;gap:8px}.create-product-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--color-border);background:var(--color-surface)}.plan-id-create-btn{white-space:nowrap;flex-shrink:0}.btn-link{background:none;border:none;padding:0;color:var(--color-primary);cursor:pointer;font:inherit;font-size:inherit;text-decoration:underline}.btn-link:hover{color:color-mix(in srgb,var(--color-primary) 80%,var(--color-text))}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.chip-off{background:var(--color-border);color:var(--color-text-muted)}.chip-info{background:color-mix(in srgb,var(--color-cta) 15%,transparent);color:var(--color-cta)}.chip-template{background:color-mix(in srgb,#8b5cf6 15%,transparent);color:#a78bfa}.chip-error{background:color-mix(in srgb,var(--color-error, #ef4444) 15%,transparent);color:var(--color-error, #ef4444)}.chip-warn{background:color-mix(in srgb,var(--color-warn, #f59e0b) 15%,transparent);color:var(--color-warn, #f59e0b)}.card-issue-count{font-variant-numeric:tabular-nums}.paywall-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:16px;align-items:start;padding:16px 20px;flex:1}.paywall-workspace-editor{min-width:0}.paywall-workspace-preview{position:sticky;top:12px}.sticky-preview{margin:0}.plan-cards-list{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px}.plan-card-collapsible{border:1px solid color-mix(in srgb,var(--plan-accent, var(--color-border)) 40%,var(--color-border));border-radius:6px;overflow:hidden;background:var(--color-bg)}.plan-card-collapsible.has-errors{border-color:var(--color-danger, #f03e3e)}.plan-card-collapsible.has-warnings{border-color:var(--color-warn, #f59f00)}.plan-card-header{display:flex;align-items:center;background:color-mix(in srgb,var(--plan-accent, var(--color-primary)) 10%,var(--color-surface));border-bottom:1px solid color-mix(in srgb,var(--plan-accent, var(--color-border)) 25%,var(--color-border))}.plan-card-collapsible:not(:has(.plan-card-body)) .plan-card-header{border-bottom:none}.plan-highlight-radio{flex-shrink:0;width:36px;display:flex;align-items:center;justify-content:center;align-self:stretch;border:none;border-right:1px solid color-mix(in srgb,var(--plan-accent, var(--color-border)) 25%,var(--color-border));background:transparent;cursor:pointer;transition:background .12s}.plan-highlight-radio:hover{background:color-mix(in srgb,var(--plan-accent, var(--color-primary)) 15%,transparent)}.plan-highlight-dot{width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in srgb,var(--plan-accent, var(--color-primary)) 60%,var(--color-border));background:transparent;display:block;transition:background .12s,border-color .12s,box-shadow .12s;flex-shrink:0}.plan-highlight-radio.is-highlighted .plan-highlight-dot{background:var(--plan-accent, var(--color-primary));border-color:var(--plan-accent, var(--color-primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--plan-accent, var(--color-primary)) 25%,transparent)}.plan-card-toggle{flex:1;display:flex;align-items:center;gap:8px;padding:9px 10px 9px 12px;background:none;border:none;cursor:pointer;color:var(--color-text);font-size:var(--text-sm);font-weight:600;text-align:left;min-height:0}.plan-card-toggle:hover{background:color-mix(in srgb,var(--plan-accent, var(--color-primary)) 8%,transparent)}.plan-card-chevron{font-size:9px;color:color-mix(in srgb,var(--plan-accent, var(--color-text-muted)) 80%,var(--color-text-muted));width:10px;flex-shrink:0}.plan-card-title{letter-spacing:.03em;color:color-mix(in srgb,var(--plan-accent) 70%,var(--color-text))}.plan-card-id-chip{font-size:11px;font-weight:500;color:color-mix(in srgb,var(--plan-accent) 90%,var(--color-text-muted));background:color-mix(in srgb,var(--plan-accent, var(--color-primary)) 12%,transparent);border:1px solid color-mix(in srgb,var(--plan-accent, var(--color-border)) 30%,transparent);border-radius:4px;padding:1px 7px;font-family:var(--font-mono, monospace);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-card-remove-icon{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted);font-size:13px;cursor:pointer;border-radius:4px;margin-right:6px;opacity:.5;transition:opacity .12s,color .12s,background .12s}.plan-card-remove-icon:hover{opacity:1;color:var(--color-danger, #f03e3e);background:color-mix(in srgb,var(--color-danger, #f03e3e) 12%,transparent)}.plan-card-body{background:var(--color-surface);border-top:1px solid color-mix(in srgb,var(--plan-accent, var(--color-border)) 20%,var(--color-border))}.exit-discount-section{border:1px solid var(--color-border);border-radius:6px;overflow:hidden;margin-top:0}.exit-discount-section.has-errors{border-color:var(--color-danger, #f03e3e)}.exit-discount-section.has-warnings{border-color:var(--color-warn, #f59f00)}.exit-discount-section.accent-popup{border-color:color-mix(in srgb,#9c6fe4 35%,var(--color-border))}.exit-discount-section.accent-popup .exit-discount-header{background:color-mix(in srgb,#9c6fe4 6%,var(--color-bg))}.exit-discount-section.accent-popup .exit-discount-badge-chip{color:#b48af0;background:color-mix(in srgb,#9c6fe4 14%,transparent);border-color:color-mix(in srgb,#9c6fe4 35%,transparent)}.promo-card--exit-discount{border-style:dashed;border-width:1px}.promo-card--exit-discount.accent-popup .promo-card-icon,.promo-card--exit-discount.accent-popup .promo-card-cta{color:#b48af0}.promo-card--exit-discount.accent-popup:hover{border-color:#9c6fe4;background:color-mix(in srgb,#9c6fe4 8%,var(--color-surface))}.exit-discount-section.accent-fullscreen{border-color:color-mix(in srgb,#22b8cf 35%,var(--color-border))}.exit-discount-section.accent-fullscreen .exit-discount-header{background:color-mix(in srgb,#22b8cf 6%,var(--color-bg))}.exit-discount-section.accent-fullscreen .exit-discount-badge-chip{color:#4dcfe0;background:color-mix(in srgb,#22b8cf 14%,transparent);border-color:color-mix(in srgb,#22b8cf 35%,transparent)}.promo-card--exit-discount.accent-fullscreen .promo-card-icon,.promo-card--exit-discount.accent-fullscreen .promo-card-cta{color:#4dcfe0}.promo-card--exit-discount.accent-fullscreen:hover{border-color:#22b8cf;background:color-mix(in srgb,#22b8cf 8%,var(--color-surface))}.exit-discount-header{display:flex;align-items:center;background:var(--color-bg);padding-right:10px;gap:8px}.exit-discount-remove{flex-shrink:0}.exit-discount-toggle{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;background:none;border:none;cursor:pointer;color:var(--color-text);font-size:var(--text-sm);text-align:left;min-height:0}.exit-discount-toggle:hover{background:var(--color-surface-2)}.exit-discount-chevron{font-size:9px;opacity:.5;width:10px;flex-shrink:0}.exit-discount-badge-chip{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:4px;padding:1px 6px}.exit-discount-title{font-weight:500;color:var(--color-text)}.exit-discount-body{background:var(--color-surface);border-top:1px solid var(--color-border)}.embedded-discount-fields{padding:4px 0}.promo-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text-muted);text-align:left;font-size:var(--text-sm);transition:border-color .15s,background .15s}.promo-card:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface));color:var(--color-text)}.promo-card-icon{font-size:18px;color:var(--color-text-muted);flex-shrink:0}.promo-card-content{flex:1;display:flex;flex-direction:column;gap:2px}.promo-card-title{font-weight:600;font-size:var(--text-sm);color:var(--color-text)}.promo-card-desc{font-size:var(--text-xs);color:var(--color-text-muted)}.promo-card-cta{font-size:var(--text-xs);font-weight:700;color:var(--color-primary);flex-shrink:0}.device-frame-screen{width:100%;height:100%;border-radius:14px;overflow:hidden;background:#0f172a}.screen-mock{display:flex;flex-direction:column;height:100%;color:#f8fafc;background:linear-gradient(180deg,#1e293b,#0f172a);font-size:12px;transition:box-shadow .25s ease}.screen-mock.live{box-shadow:inset 0 0 0 2px #38bdf859}.screen-mock-chrome{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 4px;font-size:10px;color:#f8fafcb3}.screen-mock-x-delay,.screen-mock-close{opacity:.65}.screen-mock-off-banner{margin:0 10px 6px;padding:6px 8px;border-radius:6px;background:#d9770640;color:#fde68a;font-size:10px;text-align:center}.screen-mock-hero{margin:0 10px 8px;min-height:88px;border-radius:10px;background:linear-gradient(135deg,#334155,#475569);display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:10px;color:#f8fafcd9}.screen-mock-content{flex:1;min-height:0;overflow:auto;padding:0 10px 8px}.screen-mock-headline{margin:0 0 4px;font-size:16px;line-height:1.2;font-weight:800}.screen-mock-body{margin:0 0 10px;font-size:11px;line-height:1.35;color:#f8fafcd1}.screen-mock-comparison{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.comparison-col{border-radius:8px;padding:8px;font-size:10px;display:flex;flex-direction:column;gap:2px}.comparison-col.free{background:#94a3b833}.comparison-col.pro{background:#0369a159;border:1px solid rgba(56,189,248,.4)}.screen-mock-plans{display:flex;flex-direction:column;gap:6px}.screen-mock-plans.horizontal{flex-direction:row;overflow-x:auto}.screen-mock-plans.horizontal .mock-plan-card{min-width:108px;flex:1}.screen-mock-empty{padding:10px;border-radius:8px;border:1px dashed rgba(248,250,252,.35);text-align:center;font-size:10px;color:#f8fafcbf}.screen-mock-footer{padding:8px 10px 12px;border-top:1px solid rgba(248,250,252,.08)}.screen-mock-cta{width:100%;border:none;border-radius:999px;padding:10px 12px;background:linear-gradient(180deg,#0284c7,#0369a1);color:#fff;font-weight:700;font-size:12px;cursor:default}.screen-mock-variant-tag{margin-top:6px;font-size:9px;text-align:center;color:#f8fafc8c}.discount-mock{position:relative;justify-content:center}.discount-mock.fullscreen{background:linear-gradient(180deg,#312e81,#1e1b4b)}.discount-mock.popup{background:#0f172aeb}.screen-mock-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.discount-mock-card{position:relative;z-index:1;margin:auto 12px;padding:14px 12px;border-radius:14px;background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid rgba(148,163,184,.25);text-align:center}.discount-mock.fullscreen .discount-mock-card{margin:0;min-height:100%;border-radius:0;border:none;display:flex;flex-direction:column;justify-content:center}.discount-mock-hero{min-height:72px;margin-bottom:10px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:10px}.discount-mock-gift{font-size:28px;margin-bottom:6px}.discount-mock-timer{display:inline-flex;flex-direction:column;gap:2px;margin:8px 0;padding:6px 12px;border-radius:8px;background:#0f172aa6;font-family:ui-monospace,monospace;font-weight:700}.discount-mock-timer small{font-size:8px;font-weight:500;color:#f8fafca6}.discount-mock-pricing{display:flex;flex-direction:column;gap:2px;margin:8px 0 12px}.discount-mock-offer{font-size:18px;font-weight:800}.discount-mock-compare{font-size:11px;text-decoration:line-through;color:#f8fafc8c}.discount-mock-hint{font-size:9px;color:#fde68a}.discount-popup-mock{position:relative;display:flex;align-items:center;justify-content:center;min-height:100%;padding:8px;background:#00000073;text-align:center}.discount-fs-mock{position:relative;display:flex;flex-direction:column;min-height:100%;background:#f3f3f5;color:#15171d}.dp-close,.dfs-close{position:absolute;top:8px;right:8px;z-index:4;width:28px;height:28px;border:none;border-radius:50%;background:#0000000f;color:#5c6570;font-size:18px;line-height:1;cursor:default}.dp-headline-small{margin:0;font-size:11px;color:#8a8a8a}.dp-headline-big{margin:2px 0 6px;font-size:16px;font-weight:800;color:#15171d}.dp-subtitle{margin:0 0 6px;font-size:11px;color:#5c6570;line-height:1.35}.dp-on-light.dp-headline-small{color:#5c6570}.dp-on-light.dp-headline-big,.dp-on-light.dp-renewal{color:#15171d}.dp-renewal{margin:4px 8px 8px;font-size:9px;color:#5c6570;line-height:1.35}.dp-price-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px;margin:6px 8px}.dp-offer{font-size:18px;font-weight:800}.dp-period{font-size:11px}.dp-compare{font-size:11px;text-decoration:line-through;color:#e53935}.dp-price-row-dark .dp-offer,.dp-price-row-dark .dp-period,.dp-price-row-light .dp-offer,.dp-price-row-light .dp-period{color:#15171d}.dp-price-row-on-dark .dp-offer,.dp-price-row-on-dark .dp-period{color:#fff}.dp-sticky-footer{margin-top:auto;padding:8px 14px 12px}.dp-sticky-footer .dp-cta{width:100%;border:none;border-radius:999px;padding:10px 12px;font-weight:700;font-size:12px;color:#fff}.dp-cta-v1,.dp-cta-v3{background:linear-gradient(90deg,#2fb6a7,#1d9a8c)}.dp-cta-v2{background:#15171d}.dp-cta-v5{background:linear-gradient(90deg,#ffa62a,#fe3939)}.dp-cta-v6{background:#fff;color:#161616!important}.dp-cta-v7{background:#fff;color:#131525!important}.dp-recurring{margin:8px 0 0;font-size:9px;white-space:pre-line;line-height:1.3;color:#5c6570}.dp-legal{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:8px;font-size:9px}.dp-legal-light{color:#0a8bff}.dp-legal-on-dark{color:#ffffffeb}.dp-legal-sep{opacity:.45}.dp-shell-v1{position:relative;z-index:1;width:calc(100% - 12px);max-width:320px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 16px 48px #00000038}.dp-v1-upper-bg{position:absolute;top:0;right:0;bottom:40%;left:0;background:linear-gradient(180deg,#e8f4ff,#f5fbff 55%,#fff);pointer-events:none}.dp-v1-content{position:relative;padding:8px 0 0}.dp-v1-bow{width:56px;height:40px;margin:24px auto 4px;background:radial-gradient(circle at 50% 30%,#ff6b9d,#c026d3 70%);border-radius:50% 50% 40% 40%;mask:radial-gradient(circle at 50% 120%,transparent 38%,#000 39%)}.dp-percent-gift-tag{position:relative;width:42%;max-width:120px;aspect-ratio:1;margin:4px auto 8px}.dp-percent-gift-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fef08a,#f97316 55%,#ea580c);box-shadow:inset 0 -4px 12px #0000001f}.dp-percent-gift-num{position:absolute;left:22%;bottom:18%;font-size:28px;font-weight:900;font-style:italic;color:#fff;text-shadow:0 2px 6px rgba(115,0,0,.45)}.dp-shell-v2{width:calc(100% - 12px);max-width:320px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 16px 48px #00000038}.dp-v2-yellow{position:relative;background:linear-gradient(180deg,#fde68a,#fbbf24);padding-bottom:0}.dp-close-on-yellow{background:#ffffff59}.dp-v2-header{min-height:88px;display:flex;align-items:center;justify-content:center;padding:8px 0 4px}.dp-v2-percent-wrap{position:relative;transform:rotate(-20deg)}.dp-v2-percent-num{font-size:52px;font-weight:900;font-style:italic;color:#fff;text-shadow:0 8px 16px rgba(26,92,92,.18)}.dp-v2-percent-badge{position:absolute;right:-10px;bottom:6px;font-size:16px;font-weight:800;color:#fff}.dp-v2-cloud{height:20px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0;margin-top:-1px}.dp-v2-white-card{padding:10px 12px 0}.dp-v2-expiry{margin:6px 0;font-size:10px;color:#5c6570}.dp-shell-v3{position:relative;width:calc(100% - 12px);max-width:320px;padding-top:28px}.dp-v3-ribbon{position:absolute;top:0;left:50%;transform:translate(-50%);width:72px;height:56px;background:linear-gradient(180deg,#fbbf24,#f59e0b);clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);z-index:2}.dp-v3-card{position:relative;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 16px 48px #00000038}.dp-v3-top-bg{height:72px;background:linear-gradient(135deg,#ddd6fe,#fbcfe8)}.dp-v3-content{padding:36px 12px 8px;margin-top:-72px}.dp-v3-off-title{margin:0 0 4px;font-size:32px;font-weight:900;color:#15171d}.dp-v3-special{margin:8px 0 4px;font-size:11px;font-weight:600;color:#5c6570}.dp-billing-period{display:inline-block;margin:4px 0;padding:2px 10px;border-radius:999px;background:#f1f5f9;font-size:10px;font-weight:700;color:#15171d}.dp-shell-v4{position:relative;width:calc(100% - 12px);max-width:300px;padding:36px 14px 8px;border-radius:16px;background:#fff;box-shadow:0 16px 48px #00000038}.dp-v4-percent-ring{width:76px;height:76px;margin:0 auto 8px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fef08a,#f97316 62%,#ea580c);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:900}.dp-v4-percent-num{font-size:22px;line-height:1}.dp-v4-percent-ring small{font-size:9px;font-weight:700}.dp-gift-fallback{font-size:36px;margin:8px 0}.dp-shell-v5{position:relative;width:calc(100% - 8px);max-width:320px}.dp-v5-ticket-badge{position:absolute;top:-8px;left:12%;width:56px;height:56px;z-index:3;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fef08a,#f97316);box-shadow:0 6px 16px #00000040}.dp-v5-container{position:relative;padding:48px 16px 12px;border-radius:32px;background:#2a0000;color:#fff;box-shadow:0 16px 48px #00000059}.dp-close-v5{background:#ffffff47;color:#fff}.dp-v5-title{margin:0 0 8px;font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;color:#fff}.dp-timer-band{width:88%;margin:0 auto 10px;min-height:52px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:linear-gradient(180deg,#fff59d,#ffc107)}.dp-timer-band-placeholder{opacity:.35;min-height:52px}.dp-timer-band-value{font-size:28px;font-weight:800;color:#403300}.dp-price-row-v5{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:8px 0}.dp-v5-compare{font-size:14px;color:#ffffffb3;text-decoration:line-through}.dp-v5-slash{color:#ffffff8c}.dp-v5-offer{font-size:22px;font-weight:800}.dp-v5-duration{margin:0 0 6px;font-size:11px;font-weight:600}.dp-v5-special-badge{display:inline-flex;align-items:center;gap:6px;margin:6px auto;padding:4px 12px;border-radius:22px;background:#ffffff47;font-size:10px;font-weight:600}.dp-v5-renewal{margin:6px 0 0;font-size:10px;color:#ffffffb3;line-height:1.35}.dp-shell-v5 .dp-recurring{color:#ffffffd9}.dp-shell-v6{position:relative;width:calc(100% - 12px);max-width:320px;padding-top:20px}.dp-v6-wait-badge{position:absolute;top:0;left:6%;z-index:3;width:52px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#e23831,#371777);transform:rotate(-2.5deg);box-shadow:0 4px 12px #0003}.dp-v6-wait-yellow{font-size:11px;font-weight:800;color:#fde512}.dp-v6-wait-white{font-size:6px;font-weight:700;color:#fff}.dp-v6-container{border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#ffe9e8,#fff 42%);box-shadow:0 16px 48px #0003}.dp-v6-pin{position:absolute;top:6px;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e5e5e5,#9ca3af);z-index:2}.dp-close-v6{background:#ffffff26;border:1px solid rgba(255,255,255,.4)}.dp-v6-content{padding:56px 14px 8px}.dp-v6-promo-pill{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;padding:4px 12px;border-radius:999px;background:#ffe2e0;color:#e23831;font-size:10px;font-weight:700}.dp-v6-percent-headline{position:relative;display:inline-flex;align-items:flex-end;gap:2px;margin:4px 0 6px}.dp-v6-pct-shadow{position:absolute;left:2px;top:4px;font-size:44px;font-weight:900;color:#e23831;opacity:.35}.dp-v6-pct-main{position:relative;font-size:44px;font-weight:900;color:#371777;line-height:1}.dp-v6-pct-symbol{font-size:24px;font-weight:700;color:#371777}.dp-v6-off-label{font-size:18px;font-weight:600;color:#371777;margin-bottom:4px}.dp-v6-subtitle{margin:0 0 8px;font-size:12px;color:#2b1e36}.dp-shell-v6 .dp-sticky-footer{background:#121212;padding-top:12px}.dp-shell-v6 .dp-recurring{color:#ffffffbf}.dp-shell-v7{position:relative;width:calc(100% - 8px);max-width:320px;padding-top:36px}.dp-v7-party-badge{position:absolute;top:0;left:16%;width:72px;height:72px;z-index:3;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fef08a,#f97316 60%);box-shadow:0 8px 20px #00000040}.dp-v7-container{padding:44px 14px 12px;border-radius:16px;background:linear-gradient(95deg,#742e72,#4c108a);color:#fff;box-shadow:0 16px 48px #0000004d}.dp-close-v7{background:#16171747;color:#fff}.dp-v7-title{margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.2;white-space:pre-line;text-align:left}.dp-v7-subtitle-badge{display:inline-block;margin:0 auto 8px;padding:8px 16px;border-radius:999px;background:#00000026;font-size:10px;font-weight:600}.dp-v7-strike-price{display:block;margin:10px 0 4px;font-size:13px;color:#fff9;text-decoration:line-through;text-decoration-color:#e53935}.dp-v7-renewal{margin:10px 0 0;font-size:10px;color:#ffffffd9;line-height:1.35}.dp-shell-v7 .dp-recurring{color:#ffffffd9}.dp-timer-compact{display:inline-flex;flex-direction:column;gap:2px;margin:6px 0;padding:6px 12px;border-radius:8px;background:#fff0ef}.dp-timer-label{font-size:9px;color:#5c6570}.dp-timer-value{font-family:ui-monospace,monospace;font-weight:700;font-size:14px}.dp-timer-split{display:inline-flex;align-items:center;gap:4px;margin:6px 0}.dp-timer-cell{min-width:26px;padding:4px 6px;border-radius:6px;background:#15171d;color:#fff;font-family:ui-monospace,monospace;font-size:11px;font-weight:700}.dp-timer-colon{font-weight:800;color:#15171d}.dp-timer-v3{display:inline-flex;align-items:center;gap:4px;margin:8px 0}.dp-timer-box{width:44px;padding:6px 4px;border-radius:8px;background:#f1f5f9;display:flex;flex-direction:column;align-items:center}.dp-timer-box-value{font-size:14px;font-weight:800;color:#15171d}.dp-timer-box-suffix{font-size:8px;color:#5c6570}.dp-timer-v7-wrap{margin:8px 0}.dp-timer-v7{display:inline-flex;align-items:center;gap:6px}.dp-timer-v7-cell{min-width:32px;padding:8px 10px;border-radius:10px;background:#131525;color:#fff;font-size:16px;font-weight:800}.dp-timer-v7-colon{font-size:22px;font-weight:800;color:#131525}.dfs-scroll{flex:1;overflow:auto;padding:32px 14px 8px;text-align:center;position:relative}.dfs-headline{margin:28px 0 4px;font-size:20px;font-weight:800;line-height:1.15;color:#15171d}.dfs-subtitle{margin:0 0 10px;font-size:11px;color:#5c6570}.dfs-v1-art-zone{min-height:100px;display:flex;align-items:center;justify-content:center;margin:8px 0}.dfs-v1-percent-art{display:flex;flex-direction:column;align-items:center}.dfs-percent-num{font-size:56px;font-weight:900;line-height:1;background:linear-gradient(90deg,#a855f7,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}.dfs-percent-off{font-size:16px;font-weight:800;color:#15171d}.dfs-art-fallback{font-size:48px}.dfs-v2-stroked-percent{font-size:56px;font-weight:900;color:#f97316;-webkit-text-stroke:2px #fff;margin:4px 0 8px}.dfs-v3-off-title{margin:28px 0 4px;font-size:28px;font-weight:900;color:#15171d}.dfs-v4-hero{min-height:80px;display:flex;align-items:center;justify-content:center;margin-top:24px}.dfs-v4-percent{font-size:40px;font-weight:900;color:#742e72}.dfs-price-card{margin:10px auto;padding:12px 14px;max-width:92%;border-radius:12px;background:#fff;box-shadow:0 4px 16px #15171d14}.dfs-old-price{display:block;width:100%;margin-top:4px;font-size:10px}.dfs-plan-badge{display:inline-block;margin-bottom:6px;padding:2px 10px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:10px;font-weight:700}.dfs-recurring-inline{margin:8px 12px 4px;font-size:9px;color:#15171d;white-space:pre-line;line-height:1.3}.dfs-sticky-footer{padding:8px 16px 12px;background:#f3f3f5;border-top:1px solid #e2e8f0}.dfs-sticky-footer .dfs-cta{width:100%;border:none;border-radius:999px;padding:10px;background:linear-gradient(90deg,#2fb6a7,#1d9a8c);color:#fff;font-weight:700;font-size:12px}.mock-plan-card{position:relative;border-radius:10px;background:#fffffff5;color:#0f172a;box-shadow:0 2px 6px #0000002e}.mock-plan-card.selected{outline:2px solid var(--color-cta);box-shadow:0 0 0 1px var(--color-cta)}.mock-plan-card.warn{outline:1px dashed var(--color-warning)}.paywall-v1-o1{display:flex;flex-direction:column;height:100%;background:#f7f7f7;color:#161616;font-family:Inter,system-ui,sans-serif;overflow:hidden}.paywall-v1-o1.live{box-shadow:inset 0 0 0 2px #6071ff59}.v1-off-banner{margin:6px 10px 0;padding:6px 8px;border-radius:6px;background:#fef3c7;color:#92400e;font-size:9px;text-align:center}.v1-header{position:relative;padding:10px 16px 0;text-align:center}.v1-close-btn{position:absolute;left:16px;top:8px;width:34px;height:34px;border:none;border-radius:999px;background:#fff;color:#161616;font-size:14px;font-weight:600;box-shadow:0 1px 3px #16161614;cursor:default}.v1-headline{margin:0 36px;padding-top:4px;font-size:15px;font-weight:700;line-height:1.2}.v1-scroll{flex:1;min-height:0;overflow-y:auto;padding:12px 16px 8px}.v1-timeline{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}.v1-timeline-step{display:flex;gap:10px;align-items:flex-start}.v1-timeline-rail{display:flex;flex-direction:column;align-items:center;width:34px;flex-shrink:0}.v1-step-icon{width:30px;height:30px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #1616160f}.v1-step-icon.active{width:34px;height:34px;border-radius:999px;border:2px solid var(--v1-primary, #2fb6a7);background:var(--v1-primary, #2fb6a7);color:var(--v1-on-primary, #fff);padding:4px}.v1-step-icon:not(.active){color:#161616}.v1-step-line{width:1px;flex:1;min-height:14px;margin:4px 0;background:#d5d4d2;border-radius:999px}.v1-step-copy{flex:1;min-width:0;padding-top:2px}.v1-step-title{margin:0 0 4px;font-size:10px;font-weight:600;line-height:1.2}.v1-step-desc{margin:0;font-size:10px;line-height:1.35;color:#161616b3}.v1-plan-heading{margin:0 0 10px;text-align:center;font-size:15px;font-weight:700}.v1-plan-list{display:flex;flex-direction:column;gap:10px}.v1-plan-empty{padding:12px;border-radius:12px;border:1px dashed rgba(22,22,22,.25);text-align:center;font-size:10px;color:#161616a6}.v1-plan-card{position:relative;background:#fff;border-radius:14px;box-shadow:0 4px 3px #1616160d;padding:16px 14px 14px}.v1-plan-card.selected{border-bottom:4px solid var(--v1-selector, rgba(96, 133, 255, .7));padding-bottom:12px}.v1-plan-card.warn{outline:1px dashed #d97706}.v1-plan-badge{position:absolute;top:-8px;left:14px;background:var(--v1-save-badge, #ffce1f);color:#161616;font-size:9px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap}.v1-plan-card-body{display:flex;flex-direction:column;gap:6px}.v1-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.v1-plan-title{margin:0;font-size:11px;font-weight:600;line-height:1.25}.v1-plan-check{flex-shrink:0;line-height:0}.v1-plan-price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px}.v1-plan-price{font-size:16px;font-weight:700;color:#161616}.v1-plan-period,.v1-plan-per-month{font-size:10px;color:#161616b3}.v1-plan-billing-note{margin:0;font-size:10px;color:#161616b3}.v1-footer{flex-shrink:0;padding:8px 14px 12px;background:#f7f7f7;box-shadow:0 -4px 2px #0000000a;text-align:center}.v1-trial-summary{margin:0 0 8px;font-size:10px;font-weight:500;line-height:1.4}.v1-cta{width:100%;border:none;border-radius:999px;padding:11px 16px;background:var(--v1-primary, #2fb6a7);color:var(--v1-on-primary, #fff);font-size:11px;font-weight:600;cursor:default}.v1-legal-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:12px;font-size:8px;font-weight:500;color:#0a8bff}.v1-legal-sep{width:1px;height:7px;background:#0a8bff33}.v1-disclaimer{margin:8px 0 0;font-size:8px;line-height:1.35;color:#161616b3}.device-frame-screen:has(.paywall-v1-o1){background:#f7f7f7}@media(max-width:1100px){.paywall-workspace{grid-template-columns:1fr}.paywall-workspace-preview{position:static}}@media(max-width:1100px){.app-main{grid-template-columns:240px 1fr}.app-main .json-aside{display:none}}.app-main-docs{grid-template-columns:240px 1fr}.app-main-docs .json-aside{display:none}.docs-inline-card{border:1px solid var(--color-border);border-radius:var(--radius, 8px);overflow:hidden;margin-top:var(--space-4, 20px)}.docs-inline-card-toggle{display:flex;align-items:center;gap:var(--space-2, 10px);width:100%;padding:10px var(--space-3, 14px);background:var(--color-surface-raised, var(--color-surface));border:none;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:background .15s}.docs-inline-card-toggle:hover{background:var(--color-surface-2, var(--color-surface-raised))}.docs-inline-card-icon{width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--color-info, #3b82f6) 14%,transparent);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.docs-inline-card-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.docs-inline-card-title{font-size:var(--text-sm, 13px);font-weight:600;color:var(--color-text)}.docs-inline-card-desc{font-size:var(--text-xs, 11px);color:var(--color-text-muted);line-height:1.3}.docs-inline-card-chevron{font-size:10px;color:var(--color-text-muted);flex-shrink:0}.docs-inline-card-body{max-height:min(55vh,480px);overflow-y:auto;padding:var(--space-3, 14px) var(--space-4, 20px);border-top:1px solid var(--color-border);background:var(--color-bg, var(--color-surface))}.docs-hub{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:24px;min-height:calc(100vh - 180px);align-items:start}.docs-sidebar{position:sticky;top:12px;max-height:calc(100vh - 200px);overflow:auto;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.docs-sidebar-header h2{margin:0 0 4px;font-size:1.1rem}.docs-audience-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.docs-audience-tabs button{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.docs-audience-tabs button.active{background:var(--color-cta-soft);border-color:var(--color-cta);color:var(--color-cta);font-weight:600}.docs-search-input{width:100%;margin-bottom:12px;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.docs-nav-list{display:flex;flex-direction:column;gap:6px}.docs-nav-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;cursor:pointer;color:var(--color-text)}.docs-nav-item:hover{background:var(--color-bg);border-color:var(--color-border)}.docs-nav-item.active{background:var(--color-cta-soft);border-color:var(--color-cta)}.docs-nav-title{font-weight:600;font-size:13px}.docs-nav-summary{font-size:12px;color:var(--color-text-muted);line-height:1.35}.docs-nav-badges{display:flex;flex-wrap:wrap;gap:4px}.docs-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;border-radius:4px}.docs-badge-marketing{background:#fef3c7;color:#b45309}.docs-badge-developer{background:#e0f2fe;color:#0369a1}.docs-badge-qa{background:#ecfdf5;color:#047857}.docs-badge-all{background:var(--color-bg);color:var(--color-text-muted)}.docs-nav-empty{padding:8px 4px}.docs-main{min-width:0;padding:8px 4px 32px}.docs-content.prose{max-width:720px;line-height:1.6}.docs-content.prose h1{font-size:1.75rem;margin:0 0 16px;line-height:1.25}.docs-content.prose h2{font-size:1.25rem;margin:28px 0 12px;padding-top:8px;border-top:1px solid var(--color-border)}.docs-content.prose h2:first-of-type{border-top:none;padding-top:0}.docs-content.prose h3{font-size:1.05rem;margin:20px 0 8px}.docs-content.prose p,.docs-content.prose li{color:var(--color-text)}.docs-content.prose p{margin:0 0 12px}.docs-content.prose ul,.docs-content.prose ol{margin:0 0 16px;padding-left:1.4rem}.docs-content.prose table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:14px}.docs-content.prose th,.docs-content.prose td{border:1px solid var(--color-border);padding:8px 10px;text-align:left;vertical-align:top}.docs-content.prose th{background:var(--color-bg);font-weight:600}.docs-content.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--color-bg);padding:2px 5px;border-radius:4px}.docs-content.prose pre{background:#0f172a;color:#e2e8f0;padding:14px 16px;border-radius:var(--radius-md);overflow:auto;margin:0 0 16px;font-size:13px}.docs-content.prose pre code{background:transparent;padding:0;color:inherit}.docs-inline-link{background:none;border:none;padding:0;color:var(--color-cta);text-decoration:underline;cursor:pointer;font:inherit}.docs-inline-link:hover{color:var(--color-cta-hover)}.home-docs-card{margin-top:24px;padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.home-docs-card h3{margin:0 0 8px;font-size:1rem}.home-docs-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:12px}.home-docs-role-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;text-align:left}.home-docs-role-btn:hover{border-color:var(--color-cta);background:var(--color-cta-soft)}.home-docs-role-btn strong{font-size:14px}.home-docs-role-btn span{font-size:12px;color:var(--color-text-muted)}.home-docs-link{margin-top:12px}.field-help-link{display:inline;margin-left:6px;background:none;border:none;padding:0;color:var(--color-cta);font-size:inherit;cursor:pointer;text-decoration:underline}.validation-doc-link{display:block;margin-top:4px;padding:0;background:none;border:none;color:var(--color-cta);font-size:12px;cursor:pointer;text-align:left;text-decoration:underline}.validation-doc-link:hover{color:var(--color-cta-hover)}.docs-path-banner{margin-bottom:12px;padding:10px 12px;background:var(--color-cta-soft);border-radius:var(--radius-md);border:1px solid var(--color-border)}.docs-path-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-cta);margin-bottom:4px}.docs-article-header{display:flex;justify-content:flex-end;margin-bottom:8px}.docs-next-btn{font-size:13px}.docs-task-checkbox{margin-right:8px;accent-color:var(--color-cta);vertical-align:middle}.docs-content.prose li:has(.docs-task-checkbox){list-style:none;margin-left:-1.2rem}@media(max-width:900px){.docs-hub{grid-template-columns:1fr}.docs-sidebar{position:static;max-height:none}}.workspace-header{gap:12px}.header-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.header-env-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:999px;background:var(--color-cta-soft);color:var(--color-cta);border:1px solid #bae6fd}.header-status-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted)}.header-status-badge.status-empty{background:#f1f5f9;color:var(--color-text-subtle)}.header-status-badge.status-valid{background:var(--color-success-bg);color:var(--color-success-text);border-color:#a7f3d0}.header-status-badge.status-invalid{background:#fef2f2;color:var(--color-error);border-color:#fecaca}.header-status-badge.status-warnings,.header-status-badge.status-unsaved{background:#fffbeb;color:var(--color-warning);border-color:#fde68a}.header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}.header-action-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.header-action-help{padding-left:8px;border-left:1px solid var(--color-border)}.btn-help{display:inline-flex;align-items:center;gap:6px}.btn-help .nav-icon svg{width:16px;height:16px}.environment-selector{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;width:100%;padding:12px 20px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--color-border)}.environment-cards{display:flex;flex-wrap:wrap;gap:10px;flex:1}.environment-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px;min-width:200px;flex:1;max-width:320px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition)}.environment-card:hover{border-color:var(--color-cta)}.environment-card.active{border-color:var(--color-cta);background:#eff6ff;box-shadow:0 0 0 3px #0369a11f}.environment-card-head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.environment-card-label{font-size:13px;font-weight:700;color:var(--color-primary)}.environment-card-active-dot{width:8px;height:8px;border-radius:50%;background:var(--color-cta)}.environment-card-key{font-size:10px;color:var(--color-text-subtle)}.environment-card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px;color:var(--color-text-muted)}.environment-card-chip{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px}.env-chip-ok{background:var(--color-success-bg);color:var(--color-success-text)}.env-chip-warn{background:#fffbeb;color:var(--color-warning)}.env-chip-error{background:#fef2f2;color:var(--color-error)}.env-chip-neutral{background:var(--color-bg);color:var(--color-text-subtle)}.environment-card-imported{font-size:10px;color:var(--color-text-subtle)}.environment-toolbar{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;min-width:160px}.environment-copy-btn{font-size:11px}.environment-editing-hint{font-size:11px;color:var(--color-text-subtle)}.nav-sidebar-section{margin-bottom:10px;border-bottom:1px solid var(--color-border);padding-bottom:8px}.nav-sidebar-section:last-child{border-bottom:none}.nav-sidebar-section-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 4px;padding:6px 8px;border:none;border-radius:var(--radius-md);background:transparent;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle);cursor:pointer;text-align:left}.nav-sidebar-section-toggle:hover{background:#f1f5f9;color:var(--color-primary-soft)}.nav-sidebar-section-meta{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;text-transform:none;letter-spacing:normal;color:var(--color-text-muted)}.nav-sidebar-count{min-width:18px;padding:1px 6px;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border);text-align:center;font-size:10px;font-weight:700}.nav-sidebar-collapsed-hint{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--color-cta);font-weight:600}.nav-sidebar-section-body{margin-bottom:4px}.nav-section-label{margin:12px 8px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-subtle);opacity:.7}.nav-workspace-list{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.nav-format-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:13px;font-weight:400;text-align:left;transition:background var(--transition),color var(--transition);margin-bottom:1px;min-height:34px}.nav-format-item .nav-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;opacity:.55;transition:opacity var(--transition)}.nav-format-item .nav-icon svg{width:15px;height:15px;display:block}.nav-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-format-count{font-size:11px;font-weight:500;color:var(--color-text-subtle);flex-shrink:0;min-width:18px;text-align:right;margin-left:auto;padding-left:4px}.nav-format-count--muted{font-size:10px;font-style:italic;opacity:.7}.nav-format-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;flex-shrink:0;margin-left:auto}.nav-format-badge.error{background:#f8717126;color:var(--color-error)}.nav-format-badge.warn{background:#fbbf2426;color:var(--color-warning)}.nav-format-item:hover{background:var(--color-surface-raised);color:var(--color-text)}.nav-format-item:hover .nav-icon{opacity:.85}.nav-format-item.active{background:#38bdf81a;color:var(--color-cta);font-weight:500}.nav-format-item.active .nav-icon{opacity:1}.nav-format-item.active .nav-format-count{color:#38bdf8b3}.nav-format-item.nav-format-icon-only{justify-content:center;padding:9px 0;width:100%;min-height:36px}.nav-format-item.nav-format-icon-only .nav-icon{width:20px;height:20px}.nav-format-item.nav-format-icon-only .nav-icon svg{width:17px;height:17px}.nav-format-item.has-badge{position:relative}.nav-workspace-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text);cursor:pointer;font-size:13px;text-align:left}.nav-workspace-btn .nav-icon svg{width:16px;height:16px;opacity:.7}.nav-workspace-btn:hover{background:var(--color-bg)}.nav-workspace-btn.active{background:var(--color-cta-soft);color:var(--color-cta);font-weight:600}.nav-workspace-badge{margin-left:auto;font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px}.nav-workspace-badge.error{background:#fef2f2;color:var(--color-error)}.nav-workspace-badge.warn{background:#fffbeb;color:var(--color-warning)}.workspace-panel{display:flex;flex-direction:column;min-height:0;overflow-y:auto;height:calc(100vh - 44px)}.workspace-tabs-bar{margin:0 0 12px;flex-shrink:0}.workspace-tab{display:inline-flex;align-items:center;gap:6px}.workspace-tab .nav-icon svg{width:14px;height:14px}.workspace-tab-badge{font-size:10px;font-weight:700;padding:1px 5px;border-radius:999px;margin-left:2px}.workspace-tab-badge.error{background:#fef2f2;color:var(--color-error)}.workspace-tab-badge.warn{background:#fffbeb;color:var(--color-warning)}.validation-aside-sticky{position:sticky;top:0;align-self:start;max-height:calc(100vh - 120px);overflow:auto}.validation-aside-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.validation-aside-header h3{margin:0}.validation-aside-time{font-size:10px;color:var(--color-text-subtle)}.validation-aside-summary{display:flex;gap:8px;margin:8px 0 12px;font-size:12px;font-weight:600}.validation-chip-error{color:var(--color-error)}.validation-chip-warn{color:var(--color-warning)}.validation-chip-ok{color:var(--color-success-text)}.validation-panel-empty{text-align:center;padding:16px 8px}.validation-empty-icon{width:36px;height:36px;margin:0 auto 8px;border-radius:50%;background:var(--color-success-bg);color:var(--color-success-text);display:flex;align-items:center;justify-content:center;font-weight:700}.validation-empty-title{margin:0 0 4px;font-weight:600}.validation-group-inline{margin-bottom:12px}.validation-group-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.validation-group-label.error{color:var(--color-error)}.validation-group-label.warn{color:var(--color-warning)}.documentation-cards-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.documentation-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.documentation-card{padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.documentation-card h3{margin:0 0 8px;font-size:1rem}.documentation-card-summary{margin:0 0 12px;font-size:13px;color:var(--color-text-muted);line-height:1.45}.documentation-card-code{font-size:11px;padding:10px;margin:0 0 12px;background:#0f172a;color:#e2e8f0;border-radius:var(--radius-md);overflow:auto;max-height:120px}.documentation-card-actions{display:flex;gap:8px}.btn-sm{padding:6px 12px;font-size:12px}.preview-workspace-empty{display:flex;align-items:center;justify-content:center;min-height:360px}.preview-placeholder-card{max-width:420px;padding:32px;text-align:center;background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.preview-workspace-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:16px}.preview-theme-dark .preview-workspace-canvas{background:#0f172a;border-radius:var(--radius-lg);padding:16px}.section-header-compact{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2, 8px);margin-bottom:var(--space-3, 12px)}.section-title{font-size:var(--text-md, 14px);font-weight:700;color:var(--color-text)}.validation-workspace{padding:0 20px 20px;overflow-y:auto;height:100%;box-sizing:border-box}.vw-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 12px;border-bottom:1px solid var(--color-border);margin-bottom:14px}.vw-title{font-size:15px;font-weight:700;color:var(--color-text)}.vw-header-right{display:flex;align-items:center;gap:8px}.vw-last-validated{font-size:11px;color:var(--color-text-muted)}.vw-stats{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.vw-stat{flex:1;min-width:76px;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;display:flex;align-items:center;gap:8px}.vw-stat--error{border-color:color-mix(in srgb,var(--color-error) 35%,transparent);background:color-mix(in srgb,var(--color-error) 6%,var(--color-surface))}.vw-stat--warn{border-color:color-mix(in srgb,var(--color-warning) 35%,transparent);background:color-mix(in srgb,var(--color-warning) 6%,var(--color-surface))}.vw-stat--info{border-color:color-mix(in srgb,var(--color-info, #3b82f6) 35%,transparent);background:color-mix(in srgb,var(--color-info, #3b82f6) 6%,var(--color-surface))}.vw-stat-value{font-size:20px;font-weight:700;line-height:1;color:var(--color-text-muted)}.vw-stat--error .vw-stat-value{color:var(--color-error)}.vw-stat--warn .vw-stat-value{color:var(--color-warning)}.vw-stat--info .vw-stat-value{color:var(--color-info, #3b82f6)}.vw-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.vw-all-clear{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--color-success-text) 30%,transparent);border-radius:8px;background:var(--color-success-bg)}.vw-all-clear-icon{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:color-mix(in srgb,var(--color-success-text) 20%,transparent);color:var(--color-success-text);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center}.vw-all-clear-title{font-size:14px;font-weight:700;color:var(--color-text);margin:0 0 2px}.vw-all-clear-hint{font-size:12px;color:var(--color-text-muted);margin:0}.vw-empty-config{text-align:center;padding:32px 16px}.vw-empty-config-icon{font-size:26px;color:var(--color-text-muted);margin-bottom:8px}.vw-empty-config-label{font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 4px}.vw-empty-config-hint{font-size:12px;color:var(--color-text-muted);margin:0}.vw-groups{display:flex;flex-direction:column;gap:16px}.vw-group{display:flex;flex-direction:column;gap:0}.vw-group-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.vw-group-icon{font-size:12px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vw-group-header--error .vw-group-icon{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error)}.vw-group-header--warning .vw-group-icon{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.vw-group-header--info .vw-group-icon{background:color-mix(in srgb,var(--color-info, #3b82f6) 15%,transparent);color:var(--color-info, #3b82f6)}.vw-group-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);flex:1}.vw-group-count{font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px;background:var(--color-surface-raised);color:var(--color-text-muted)}.vw-group-header--error .vw-group-label{color:var(--color-error)}.vw-group-header--error .vw-group-count{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error)}.vw-group-header--warning .vw-group-label{color:var(--color-warning)}.vw-group-header--warning .vw-group-count{background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:var(--color-warning)}.validation-workspace-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:16px}.validation-workspace-summary{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px}.validation-summary-chip{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border)}.validation-summary-chip.error{background:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 30%,transparent)}.validation-summary-chip.warn{background:color-mix(in srgb,var(--color-warning) 10%,transparent);color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 30%,transparent)}.validation-summary-time{font-size:12px;color:var(--color-text-subtle)}.validation-empty-state{padding:24px;background:var(--color-success-bg);border:1px solid color-mix(in srgb,var(--color-success-text) 30%,transparent);border-radius:var(--radius-lg)}.validation-workspace-groups h3{margin:0 0 8px;font-size:14px}@media(max-width:768px){.header-actions{width:100%;margin-left:0}.environment-card{max-width:none}.workspace-tabs-bar{overflow-x:auto;flex-wrap:nowrap}.workspace-tabs-bar .workspace-tab{white-space:nowrap}}.header-build-tabs{display:flex;gap:2px;padding:3px;background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-shrink:0}.header-build-tab{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.header-build-tab .build-tab-count{font-size:10px;font-weight:500;opacity:.7;background:var(--color-bg);border-radius:10px;padding:1px 5px}.header-build-tab:hover{background:var(--color-surface-raised);color:var(--color-text)}.header-build-tab.active{background:var(--color-cta-soft);color:var(--color-cta)}.header-build-tab.active .build-tab-count{background:#38bdf826;opacity:1}.header-validation-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;white-space:nowrap}.header-validation-btn:hover{border-color:var(--color-border-strong);color:var(--color-text)}.header-validation-btn.has-errors{border-color:#f8717180;color:var(--color-error);background:#dc262614}.header-validation-btn.has-warnings{border-color:#fbbf2466;color:var(--color-warning);background:#d9770614}.header-validation-btn.is-valid{border-color:#34d39966;color:var(--color-success-text);background:#04785714}.app-header-brand-text{font-size:13px;font-weight:700;color:var(--color-primary);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0}.validation-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073}.validation-drawer{position:fixed;top:0;right:0;bottom:0;z-index:51;width:min(380px,92vw);background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-12px 0 32px #00000073;display:flex;flex-direction:column;overflow:hidden}.validation-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.validation-drawer-header h3{margin:0;font-size:14px}.validation-drawer-close{width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.validation-drawer-close:hover{background:var(--color-surface-raised);color:var(--color-text)}.validation-drawer-body{flex:1;overflow-y:auto;padding:12px 16px}.validation-drawer-summary{display:flex;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600}@media(max-width:900px){.app-main{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.nav{width:52px;padding:14px 6px}}.dur-picker{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.dur-segment{display:flex;flex-direction:column;align-items:center;gap:2px}.dur-spin{all:unset;cursor:pointer;color:var(--color-text-muted);font-size:8px;line-height:1;padding:2px 6px;border-radius:3px;transition:color .15s,background .15s}.dur-spin:hover{color:var(--color-primary);background:#4c6ef51f}.dur-input{width:48px!important;text-align:center!important;font-size:20px!important;font-weight:700!important;font-variant-numeric:tabular-nums;padding:6px 4px!important;border-radius:6px!important;background:var(--color-surface-2)!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important;-moz-appearance:textfield}.dur-input::-webkit-outer-spin-button,.dur-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dur-input:focus{border-color:var(--color-primary)!important;outline:none;box-shadow:0 0 0 2px #4c6ef533}.dur-label{font-size:9px;font-weight:600;letter-spacing:.06em;color:var(--color-text-muted);text-transform:uppercase}.dur-colon{font-size:22px;font-weight:700;color:var(--color-text-muted);padding-bottom:14px;-webkit-user-select:none;user-select:none}.dur-hours-toggle{all:unset;cursor:pointer;margin-left:6px;font-size:11px;font-weight:600;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:4px;padding:3px 8px;transition:color .15s,border-color .15s,background .15s;align-self:center;margin-bottom:14px}.dur-hours-toggle:hover{color:var(--color-primary);border-color:var(--color-primary);background:#4c6ef514}.dur-hours-toggle.is-active{color:var(--color-primary);border-color:var(--color-primary);background:#4c6ef51a}.popup-kind-chip{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:2px 7px}.popup-kind-chip--discount_popup{background:color-mix(in srgb,#4c6ef5 18%,transparent);color:#7c9ef8}.popup-kind-chip--discount_fullscreen{background:color-mix(in srgb,#22b8cf 18%,transparent);color:#38d9f5}.popup-kind-chip--remove_ads{background:color-mix(in srgb,#f97316 18%,transparent);color:#fb923c}.popup-kind-chip--rewarded{background:color-mix(in srgb,#8b5cf6 18%,transparent);color:#a78bfa}.popup-kind-chip--exit{background:color-mix(in srgb,#64748b 18%,transparent);color:#94a3b8}.badge-discount_popup{background:color-mix(in srgb,#4c6ef5 18%,transparent);color:#7c9ef8}.badge-discount_fullscreen{background:color-mix(in srgb,#22b8cf 18%,transparent);color:#38d9f5}.badge-remove_ads{background:color-mix(in srgb,#f97316 18%,transparent);color:#fb923c}.badge-rewarded{background:color-mix(in srgb,#8b5cf6 18%,transparent);color:#a78bfa}.badge-exit{background:color-mix(in srgb,#64748b 18%,transparent);color:#94a3b8}.popup-detail-kind-stripe{height:3px;border-radius:2px 2px 0 0;position:absolute;top:0;left:0;right:0}.placement-detail-header{position:relative;overflow:hidden}.popup-detail-header--discount_popup .popup-detail-kind-stripe{background:#4c6ef5}.popup-detail-header--discount_fullscreen .popup-detail-kind-stripe{background:#22b8cf}.popup-detail-header--remove_ads .popup-detail-kind-stripe{background:#f97316}.popup-detail-header--rewarded .popup-detail-kind-stripe{background:#8b5cf6}.popup-detail-header--exit .popup-detail-kind-stripe{background:#64748b}.popup-detail-title-row{display:flex;align-items:center;gap:8px}.badge-discount{background:color-mix(in srgb,#4c6ef5 18%,transparent);color:#7c9ef8}.badge-pro_card{background:color-mix(in srgb,#20c997 18%,transparent);color:#38d9a9}.core-key-picker-card{max-width:440px;width:94vw}.core-key-picker-body{padding:16px}.core-key-picker-hint{font-size:12px;color:var(--color-text-muted);margin:0 0 14px;line-height:1.5}.core-key-picker-list{display:flex;flex-direction:column;gap:8px}.core-key-card{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 8px;padding:12px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-2);transition:border-color .12s,background .12s;width:100%;text-align:left}.core-key-card:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface-2))}.core-key-card-label{font-size:13px;font-weight:600;color:var(--color-text);grid-column:1;grid-row:1}.core-key-card-key{font-size:11px;font-family:var(--font-mono, monospace);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:3px;padding:1px 6px;grid-column:1;grid-row:2;width:fit-content}.core-key-card-desc{font-size:11px;color:var(--color-text-muted);grid-column:1;grid-row:3;margin-top:4px;line-height:1.4}.core-key-card-arrow{grid-column:2;grid-row:1 / 4;align-self:center;font-size:16px;color:var(--color-text-muted);transition:color .12s,transform .12s}.core-key-card:hover .core-key-card-arrow{color:var(--color-primary);transform:translate(2px)}.confirm-dialog{max-width:380px;width:94vw}.confirm-dialog-header{display:flex;align-items:center;gap:8px;padding:16px 20px 12px;border-bottom:1px solid var(--color-border)}.confirm-dialog-header--danger{border-bottom-color:color-mix(in srgb,#ef4444 40%,var(--color-border))}.confirm-dialog-icon{font-size:16px;color:#f59e0b;flex-shrink:0}.confirm-dialog-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text)}.confirm-dialog-body{padding:16px 20px;display:flex;flex-direction:column;gap:8px}.confirm-dialog-message{font-size:13px;color:var(--color-text);line-height:1.55;margin:0}.confirm-dialog-detail{font-size:12px;color:var(--color-text-muted);margin:0;line-height:1.5}.confirm-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;background:var(--color-surface-2);border-top:1px solid var(--color-border)}.import-key-select-fields{display:flex;flex-direction:column;gap:12px;margin-top:12px}.import-key-select-label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.import-key-select-input{font-size:13px;padding:6px 8px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text);font-family:var(--font-mono, monospace)}.tracker-panel{padding:0 24px 32px;overflow-y:auto;height:100%;box-sizing:border-box}.tracker-summary{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.tracker-stat-card{padding:10px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;text-align:center;min-width:90px}.tracker-stat-value{font-size:18px;font-weight:700}.tracker-stat-label{font-size:11px;color:var(--color-text-muted);margin-top:2px}.tracker-filter-row{margin-bottom:12px}.tracker-filter-input{max-width:320px;width:100%}.tracker-table-wrap{border:1px solid var(--color-border);border-radius:8px;overflow-x:auto;overflow-y:hidden}.tracker-table{width:100%;border-collapse:collapse;font-size:13px}.tracker-table thead{background:var(--color-surface-raised)}.tracker-table th{padding:10px 12px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}.tracker-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tracker-table thead tr th:first-child,.tracker-table tbody tr td:first-child{position:sticky;left:0;z-index:1}.tracker-th-sortable:hover{color:var(--color-text)}.tracker-sort-arrow{color:var(--color-accent)}.tracker-row{cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .1s}.tracker-row:last-child{border-bottom:none}.tracker-row:hover{background:var(--color-surface-raised)}.tracker-table td{padding:10px 12px;vertical-align:middle}.tracker-td-key{min-width:180px;position:sticky;left:0;z-index:1;background:var(--color-surface)}.tracker-key-label{font-weight:600;color:var(--color-text);font-size:13px}.tracker-key-rc{font-size:10px;color:var(--color-text-muted);font-family:var(--font-mono, monospace);margin-top:2px}.tracker-td-center{text-align:center}.tracker-variant-badge{font-size:11px;font-weight:600;color:var(--color-text-subtle);background:var(--color-surface-raised);border-radius:4px;padding:1px 6px}.tracker-empty{padding:32px;text-align:center;color:var(--color-text-muted);font-size:13px}.tracker-th{padding:10px 12px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}.tracker-dash{color:var(--color-text-muted)}.tracker-mono{font-family:var(--font-mono, monospace);font-size:11px;color:var(--color-text)}.tracker-plan-list{display:flex;flex-direction:column;gap:2px}.tracker-plan-id{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.tracker-plan-count{font-size:10px;color:var(--color-text-muted);margin-top:2px}.tracker-plan-row{display:flex;align-items:baseline;gap:5px}.tracker-plan-num{font-size:10px;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.tracker-compare-id{color:var(--color-text-subtle);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.tracker-action-badge{font-size:11px;font-weight:500;color:var(--color-cta, var(--color-accent));background:color-mix(in srgb,var(--color-cta, var(--color-accent)) 12%,transparent);border-radius:4px;padding:2px 6px;white-space:nowrap}.tracker-on-finish{font-size:10px;font-family:var(--font-mono, monospace);color:var(--color-text-subtle);white-space:nowrap}.tracker-delete-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:12px;padding:3px 6px;border-radius:4px;line-height:1;transition:background .12s,color .12s;opacity:0}.tracker-row:hover .tracker-delete-btn{opacity:1}.tracker-delete-btn:hover{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error)}.paywall-placements-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.paywall-placements-header{padding:12px 20px 10px;border-bottom:1px solid var(--color-border);flex-shrink:0}.paywall-placements-title-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.paywall-placements-title{font-size:15px;font-weight:600;color:var(--color-text);margin:0}.paywall-placements-subtitle{font-size:13px;color:var(--color-text-subtle);margin:0}.paywall-placements-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);padding:0 24px;flex-shrink:0;background:var(--color-surface)}.paywall-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--color-text-subtle);transition:color .15s,border-color .15s;margin-bottom:-1px}.paywall-tab:hover{color:var(--color-text)}.paywall-tab.active{color:var(--color-cta);border-bottom-color:var(--color-cta)}.paywall-tab.has-error{color:var(--color-error)}.paywall-tab.active.has-error{border-bottom-color:var(--color-error)}.paywall-tab-label{white-space:nowrap}.paywall-tab-badge{font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px;line-height:1.4}.paywall-tab-badge.not-set{background:var(--color-surface-raised);color:var(--color-text-subtle)}.paywall-tab-badge.error{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error)}.paywall-tab-badge.warn{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.paywall-placements-body{flex:1;overflow-y:auto}.inline-docs-hub{display:flex;height:calc(100vh - 44px)}.inline-docs-sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--color-border);overflow-y:auto;background:var(--color-surface);padding:16px 0}.inline-docs-main{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:32px 40px}.inline-docs-search{width:calc(100% - 24px);margin:0 12px 12px;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:13px;outline:none}.inline-docs-search::placeholder{color:var(--color-text-muted)}.inline-docs-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:12px 16px 4px;font-weight:600}.inline-docs-nav-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:13px;padding:6px 16px;border-radius:0}.inline-docs-nav-item:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-surface-raised) 60%,transparent)}.inline-docs-nav-item.active{color:var(--color-cta);background:color-mix(in srgb,var(--color-cta) 8%,transparent)}.docs-prose h1{font-size:22px;font-weight:700;color:var(--color-text);margin-bottom:8px}.docs-prose h2{font-size:16px;font-weight:600;color:var(--color-text);margin:28px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.docs-prose h3{font-size:14px;font-weight:600;color:var(--color-text);margin:20px 0 8px}.docs-prose p{color:var(--color-text-muted);line-height:1.7;margin-bottom:12px;font-size:14px}.docs-prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px}.docs-prose th{background:var(--color-surface-raised);color:var(--color-text);padding:8px 12px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--color-border)}.docs-prose td{padding:8px 12px;color:var(--color-text-muted);border:1px solid var(--color-border);vertical-align:top;line-height:1.5}.docs-prose tr:nth-child(2n) td{background:color-mix(in srgb,var(--color-surface-raised) 50%,transparent)}.docs-prose ul{padding-left:20px;margin-bottom:12px}.docs-prose li{color:var(--color-text-muted);line-height:1.7;margin-bottom:4px;font-size:14px}.docs-prose code{font-family:var(--font-mono);font-size:12px;background:var(--color-surface-raised);color:var(--color-cta);padding:1px 5px;border-radius:3px}.docs-callout{background:color-mix(in srgb,var(--color-cta) 8%,var(--color-surface));border-left:3px solid var(--color-cta);padding:10px 14px;border-radius:0 6px 6px 0;margin:16px 0}.inline-docs-hub{display:flex;height:calc(100vh - 44px);overflow:hidden}.inline-docs-sidebar{width:230px;flex-shrink:0;border-right:1px solid var(--color-border);overflow-y:auto;overscroll-behavior:contain;background:var(--color-surface);display:flex;flex-direction:column}.inline-docs-sidebar-top{padding:16px 12px 8px;position:sticky;top:0;background:var(--color-surface);z-index:1;border-bottom:1px solid var(--color-border)}.inline-docs-sidebar-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:8px}.inline-docs-search{width:100%;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:12px}.inline-docs-search:focus{outline:none;border-color:var(--color-cta)}.inline-docs-nav{padding:8px 0 24px}.inline-docs-nav-group{margin-bottom:4px}.inline-docs-group-label{padding:10px 16px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.inline-docs-nav-item{display:flex;align-items:center;gap:6px;width:100%;padding:7px 16px;background:none;border:none;text-align:left;font-size:13px;color:var(--color-text-muted);cursor:pointer;border-radius:0;transition:color .12s,background .12s;line-height:1.3}.inline-docs-nav-item:hover{background:var(--color-surface-raised);color:var(--color-text)}.inline-docs-nav-item.active{color:var(--color-cta);background:color-mix(in srgb,var(--color-cta) 8%,transparent);font-weight:500}.inline-docs-nav-item.is-checklist{font-size:13px}.nav-item-checklist-icon{font-size:10px;color:var(--color-success-text);flex-shrink:0;opacity:.7}.inline-docs-main{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:36px 48px 64px;background:var(--color-bg)}.docs-prose h1{font-size:22px;font-weight:700;color:var(--color-text);margin-bottom:6px;line-height:1.3}.docs-prose .docs-lead{font-size:14px;color:var(--color-text-muted);margin-bottom:24px;line-height:1.6}.docs-prose h2{font-size:15px;font-weight:600;color:var(--color-text);margin:28px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.docs-prose h3{font-size:13px;font-weight:600;color:var(--color-text);margin:20px 0 8px;text-transform:uppercase;letter-spacing:.04em}.docs-prose p{color:var(--color-text-muted);line-height:1.75;margin-bottom:12px;font-size:14px}.docs-prose ul,.docs-prose ol{padding-left:20px;margin-bottom:14px}.docs-prose li{color:var(--color-text-muted);line-height:1.7;margin-bottom:5px;font-size:14px}.docs-prose strong{color:var(--color-text);font-weight:600}.docs-prose code{font-family:var(--font-mono, monospace);font-size:12px;background:var(--color-surface-raised);color:var(--color-cta);padding:1px 5px;border-radius:3px}.docs-prose table{width:100%;border-collapse:collapse;margin:16px 0 20px;font-size:13px}.docs-prose th{background:var(--color-surface-raised);color:var(--color-text);padding:8px 12px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--color-border)}.docs-prose td{padding:9px 12px;color:var(--color-text-muted);border:1px solid var(--color-border);vertical-align:top;line-height:1.55}.docs-prose tr:nth-child(2n) td{background:color-mix(in srgb,var(--color-surface-raised) 40%,transparent)}.docs-inline-nav{background:none;border:none;color:var(--color-cta);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}.docs-inline-nav:hover{opacity:.8}.docs-callout{background:color-mix(in srgb,var(--color-cta) 7%,var(--color-surface));border-left:3px solid var(--color-cta);padding:10px 14px;border-radius:0 6px 6px 0;margin:16px 0}.docs-callout p{margin:0;font-size:13px}.checklist-doc{max-width:760px}.checklist-doc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.checklist-doc-title{font-size:22px;font-weight:700;color:var(--color-text);margin:0 0 6px;line-height:1.3}.checklist-doc-intro{font-size:14px;color:var(--color-text-muted);margin:0;line-height:1.6}.checklist-reset-btn{flex-shrink:0;padding:5px 14px;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);font-size:12px;cursor:pointer;transition:border-color .12s,color .12s;margin-top:2px}.checklist-reset-btn:hover{border-color:var(--color-error);color:var(--color-error)}.checklist-progress-bar-wrap{height:4px;background:var(--color-surface-raised);border-radius:2px;overflow:hidden;margin-bottom:6px}.checklist-progress-bar{height:100%;background:var(--color-cta);border-radius:2px;transition:width .3s ease}.checklist-progress-label{font-size:12px;color:var(--color-text-muted);margin-bottom:28px}.checklist-all-done{color:var(--color-success-text);font-weight:600}.checklist-section{margin-bottom:28px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.checklist-section-title{font-size:13px;font-weight:600;color:var(--color-text);padding:12px 16px;background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);letter-spacing:.01em}.checklist-section-note{font-size:12px;color:var(--color-text-muted);padding:8px 16px 0;margin:0}.checklist-list{list-style:none;margin:0;padding:6px 0}.checklist-item{border-bottom:1px solid var(--color-border);transition:background .1s}.checklist-item:last-child{border-bottom:none}.checklist-item:hover{background:color-mix(in srgb,var(--color-surface-raised) 60%,transparent)}.checklist-item.is-checked{opacity:.5}.checklist-item-label{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;cursor:pointer;width:100%}.checklist-checkbox{flex-shrink:0;width:16px;height:16px;margin-top:1px;accent-color:var(--color-cta);cursor:pointer}.checklist-item-text{font-size:13px;color:var(--color-text);line-height:1.55}.checklist-item.is-checked .checklist-item-text{text-decoration:line-through;color:var(--color-text-muted)}.checklist-sub-list{list-style:none;padding:0 16px 8px 42px;margin:0}.checklist-sub-item{font-size:12px;color:var(--color-text-muted);line-height:1.6;margin-bottom:2px;padding-left:10px;border-left:2px solid var(--color-border)}.evb-wrap{margin:0;border-top:1px solid var(--color-border);background:var(--color-surface)}.evb-wrap.evb--error{border-top-color:color-mix(in srgb,var(--color-error) 40%,var(--color-border))}.evb-wrap.evb--warn{border-top-color:color-mix(in srgb,var(--color-warning) 40%,var(--color-border))}.evb-header{display:flex;align-items:center;gap:8px;width:100%;padding:9px 16px;background:none;border:none;cursor:pointer;text-align:left;color:var(--color-text);font-size:13px;font-weight:500}.evb-header:hover{background:var(--color-surface-raised)}.evb-header-icon{font-size:11px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-surface-raised);color:var(--color-text-muted)}.evb-header-icon.error{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error)}.evb-header-icon.warn{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.evb-header-title{display:flex;align-items:center;gap:6px;flex:1}.evb-chip{font-size:11px;font-weight:600;padding:1px 7px;border-radius:10px}.evb-chip--error{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent)}.evb-chip--warn{background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent)}.evb-chip--info{background:color-mix(in srgb,var(--color-text-muted) 12%,transparent);color:var(--color-text-muted);border:1px solid var(--color-border)}.evb-chevron{font-size:9px;color:var(--color-text-muted);margin-left:auto}.evb-list{list-style:none;margin:0;padding:0 0 8px;border-top:1px solid var(--color-border)}.evb-item{border-bottom:1px solid var(--color-border)}.evb-item:last-child{border-bottom:none}.evb-item--error{border-left:3px solid var(--color-error)}.evb-item--warning{border-left:3px solid var(--color-warning)}.evb-item--info{border-left:3px solid var(--color-text-muted)}.evb-item-inner{display:flex;gap:10px;padding:10px 14px 10px 12px}.evb-sev-dot{flex-shrink:0;font-size:10px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}.evb-sev-dot--error{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error)}.evb-sev-dot--warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.evb-sev-dot--info{background:color-mix(in srgb,var(--color-text-muted) 15%,transparent);color:var(--color-text-muted)}.evb-item-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.evb-location{font-size:11px;font-family:var(--font-mono, monospace);color:var(--color-text-muted);margin-bottom:2px}.evb-message{font-size:13px;color:var(--color-text);line-height:1.4}.evb-hint{font-size:12px;color:var(--color-text-muted);line-height:1.4}.evb-item-actions{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap}.evb-action-btn{background:none;border:none;font-size:12px;color:var(--color-cta);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.evb-action-btn:hover{opacity:.8}.evb-action-btn--doc{color:var(--color-text-muted)}.evb-action-btn--doc:hover{color:var(--color-cta)}.ig-root{max-width:860px;margin:0 auto;padding:32px 28px 80px;color:var(--color-text);font-size:14px;line-height:1.6}.ig-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,var(--color-surface-raised) 0%,#1a2540 100%);border:1px solid var(--color-border);border-left:4px solid var(--color-cta);border-radius:10px;padding:20px 24px;margin-bottom:24px}.ig-hero-icon{font-size:32px;line-height:1;opacity:.85}.ig-hero-title{font-size:20px;font-weight:700;color:var(--color-text);letter-spacing:-.3px}.ig-hero-sub{font-size:13px;color:var(--color-text-muted);margin-top:2px}.ig-jumpbar{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:8px;margin-bottom:32px}.ig-jumpbar-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--color-text-muted);text-transform:uppercase;white-space:nowrap;padding-top:3px;flex-shrink:0}.ig-jumpbar-chips{display:flex;flex-wrap:wrap;gap:6px}.ig-jumpbar-chip{background:var(--color-bg);border:1px solid var(--color-border);border-radius:5px;color:var(--color-cta);font-size:12px;padding:3px 10px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.ig-jumpbar-chip:hover{background:var(--color-surface-raised);border-color:var(--color-cta)}.ig-section-anchor{position:relative;top:-80px;visibility:hidden;pointer-events:none}.ig-h1{font-size:22px;font-weight:700;color:var(--color-text);letter-spacing:-.4px;margin:0 0 6px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.ig-h2{font-size:17px;font-weight:600;color:var(--color-text);letter-spacing:-.2px;margin:32px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.ig-h3{font-size:14px;font-weight:600;color:var(--color-text);margin:18px 0 8px}.ig-p{margin:0 0 12px;color:var(--color-text)}.ig-code{font-family:Fira Code,JetBrains Mono,monospace;font-size:12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px;color:var(--color-cta)}.ig-bold{font-weight:600}.ig-divider{border:none;border-top:1px solid var(--color-border);margin:28px 0 16px}.ig-tag{font-family:Fira Code,JetBrains Mono,monospace;font-size:11.5px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:1px 6px;color:var(--color-cta);white-space:nowrap}.ig-callout{border-radius:7px;padding:12px 16px;margin:12px 0 16px;border-left:3px solid var(--color-border);background:var(--color-surface-raised)}.ig-callout--note{border-left-color:var(--color-cta)}.ig-callout--warn{border-left-color:var(--color-warning)}.ig-callout--tip{border-left-color:var(--color-success-text, #3dd6a0)}.ig-callout-body p{margin:0;font-size:13px;color:var(--color-text-muted)}.ig-callout-body p+p{margin-top:6px}.ig-codeblock{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;margin:10px 0 18px;overflow:hidden}.ig-codeblock-lang{font-size:11px;font-weight:600;color:var(--color-text-muted);padding:5px 14px;background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);letter-spacing:.04em;text-transform:uppercase}.ig-codeblock-pre{margin:0;padding:14px 16px;overflow-x:auto;font-family:Fira Code,JetBrains Mono,monospace;font-size:12.5px;line-height:1.6;color:var(--color-text);white-space:pre;-moz-tab-size:4;tab-size:4}.ig-table-wrap{overflow-x:auto;margin:8px 0 18px;border-radius:7px;border:1px solid var(--color-border)}.ig-table{width:100%;border-collapse:collapse;font-size:13px}.ig-table thead{background:var(--color-surface-raised)}.ig-table th{text-align:left;padding:8px 14px;font-size:11.5px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap}.ig-table td{padding:8px 14px;border-bottom:1px solid var(--color-border);vertical-align:top;color:var(--color-text)}.ig-table tr:last-child td{border-bottom:none}.ig-table tbody tr:hover{background:var(--color-surface-raised)}.ig-checklist{display:flex;flex-direction:column;gap:20px;margin-top:12px}.ig-checklist-group-title{font-size:12px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.ig-checklist-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.ig-checklist-item{display:flex;align-items:flex-start;gap:8px;padding:7px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:5px;font-size:13px;color:var(--color-text)}.ig-checklist-box{color:var(--color-text-muted);font-size:15px;line-height:1.2;flex-shrink:0;margin-top:1px}.inline-docs-nav-item.is-guide:before{content:"⚙ ";font-size:11px;opacity:.7}.inline-docs-hub--tabbed{display:flex;flex-direction:column;height:100%;overflow:hidden}.dh-tabbar{display:flex;gap:0;border-bottom:2px solid var(--color-border);background:var(--color-surface);flex-shrink:0;padding:0 4px}.dh-tab{display:flex;align-items:center;gap:10px;padding:12px 20px 11px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;color:var(--color-text-muted);transition:color .15s,border-color .15s,background .15s;border-radius:6px 6px 0 0;white-space:nowrap}.dh-tab:hover{color:var(--color-text);background:var(--color-surface-raised)}.dh-tab--active{color:var(--color-text);border-bottom-color:var(--color-cta);background:var(--color-surface-raised)}.dh-tab-icon{font-size:16px;line-height:1;flex-shrink:0}.dh-tab-body{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.dh-tab-label{font-size:13px;font-weight:600;line-height:1.2}.dh-tab-count{font-size:11px;color:var(--color-text-muted);font-weight:400;line-height:1}.dh-tab--active .dh-tab-count{color:var(--color-cta)}.dh-tab-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.dh-tab-content>.inline-docs-main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.inline-docs-tab-body{display:flex;flex:1;min-height:0;overflow:hidden}.inline-docs-tab-body>.inline-docs-sidebar{flex-shrink:0}.inline-docs-tab-body>.inline-docs-main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.cl-root{padding:28px 32px 80px;max-width:780px;margin:0 auto;color:var(--color-text);font-size:14px}.cl-header{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.cl-header-top{flex:1}.cl-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cl-title{font-size:20px;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.3px}.cl-done-badge{font-size:12px;font-weight:600;background:var(--color-success-bg, #1a3a2a);color:var(--color-success-text, #3dd6a0);border-radius:12px;padding:2px 10px}.cl-intro{margin:6px 0 0;font-size:13px;color:var(--color-text-muted);line-height:1.5}.cl-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cl-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);transition:background .13s,border-color .13s,color .13s;white-space:nowrap}.cl-btn:hover{background:var(--color-surface);border-color:var(--color-cta);color:var(--color-cta)}.cl-btn--ghost{background:transparent}.cl-btn--active{background:var(--color-cta);border-color:var(--color-cta);color:var(--color-bg)}.cl-btn--active:hover{opacity:.85}.cl-btn--danger{color:var(--color-error)}.cl-btn--danger:hover{border-color:var(--color-error);background:#f0507014;color:var(--color-error)}.cl-export-wrap{position:relative}.cl-export-caret{font-size:9px;opacity:.6}.cl-export-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:120;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:8px;min-width:220px;box-shadow:0 8px 24px #0006;padding:4px 0}.cl-export-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:none;border:none;color:var(--color-text);font-size:13px;cursor:pointer;text-align:left;transition:background .1s}.cl-export-item:hover{background:var(--color-surface);color:var(--color-cta)}.cl-export-icon{font-size:14px;width:18px;text-align:center;opacity:.7}.cl-export-divider{height:1px;background:var(--color-border);margin:4px 0}.cl-progress-wrap{margin-bottom:28px}.cl-progress-bar{height:6px;background:var(--color-surface-raised);border-radius:3px;overflow:hidden;margin-bottom:6px}.cl-progress-fill{height:100%;background:var(--color-cta);border-radius:3px;transition:width .3s ease}.cl-progress-fill--done{background:var(--color-success-text, #3dd6a0)}.cl-progress-stats{display:flex;align-items:center;gap:10px}.cl-progress-pct{font-size:13px;font-weight:700;color:var(--color-cta);min-width:34px}.cl-progress-label{font-size:12px;color:var(--color-text-muted)}.cl-progress-remaining{font-size:12px;color:var(--color-text-muted);margin-left:auto}.cl-sections{display:flex;flex-direction:column;gap:10px}.cl-section{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-surface);transition:border-color .2s}.cl-section--done{border-color:var(--color-success-text, #3dd6a0);opacity:.85}.cl-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 0;background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);gap:10px}.cl-section-toggle{display:flex;align-items:center;gap:8px;flex:1;padding:10px 14px;background:none;border:none;color:var(--color-text);font-size:13px;font-weight:600;cursor:pointer;text-align:left}.cl-section-toggle:hover{color:var(--color-cta)}.cl-section-caret{font-size:9px;color:var(--color-text-muted);flex-shrink:0}.cl-section-title{flex:1}.cl-section-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.cl-section-mini-bar{width:60px;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.cl-section-mini-fill{height:100%;background:var(--color-cta);border-radius:2px;transition:width .25s}.cl-section-count{font-size:11px;color:var(--color-text-muted);min-width:28px;text-align:right}.cl-section-done-badge{font-size:12px;color:var(--color-success-text, #3dd6a0);font-weight:700}.cl-section-check-all{font-size:11px;color:var(--color-cta);background:none;border:none;cursor:pointer;padding:2px 4px;white-space:nowrap}.cl-section-check-all:hover{text-decoration:underline}.cl-section-note{margin:0;padding:8px 14px;font-size:12px;color:var(--color-text-muted);background:var(--color-bg);border-bottom:1px solid var(--color-border);font-style:italic}.cl-section-empty{padding:12px 16px;font-size:12px;color:var(--color-success-text, #3dd6a0);font-style:italic}.cl-item-list{list-style:none;padding:6px 0;margin:0}.cl-item{padding:5px 14px;border-bottom:1px solid transparent;transition:background .1s}.cl-item:last-child{border-bottom:none}.cl-item:hover{background:var(--color-surface-raised)}.cl-item--checked{opacity:.5}.cl-item-label{display:flex;align-items:flex-start;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none}.cl-checkbox{flex-shrink:0;width:15px;height:15px;margin-top:2px;accent-color:var(--color-cta);cursor:pointer}.cl-item-text{font-size:13px;color:var(--color-text);line-height:1.5}.cl-item--checked .cl-item-text{text-decoration:line-through;color:var(--color-text-muted)}.cl-sub-list{list-style:none;padding:4px 0 2px 24px;margin:0}.cl-sub-item{font-size:12px;color:var(--color-text-muted);padding:2px 0;line-height:1.5}