:root{--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", ui-monospace, monospace;font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;color:var(--text);background:var(--bg);--type-headline: clamp(1.625rem, 3.2vw, 2.125rem);--type-subheading: 1.0625rem;--type-body: .875rem;--type-caption: .75rem;--text-2xl: var(--type-headline);--text-xl: 1.1875rem;--text-lg: 1.0625rem;--text-base: var(--type-body);--text-sm: .8125rem;--text-xs: var(--type-caption);--text-2xs: .6875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--bg: #f4f5f7;--surface: #ffffff;--surface-secondary: #f0f1f4;--surface-inset: #e8eaef;--border: #e2e5ec;--border-hover: #c8cdd9;--divider: color-mix(in srgb, var(--border) 80%, var(--text) 20%);--text: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--accent: #4f46e5;--accent-secondary: #7c3aed;--accent-hover: #4338ca;--accent-soft: #eef2ff;--accent-muted: #e0e7ff;--accent-text: #ffffff;--accent-on-emphasis: #ffffff;--accent-gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-secondary) 100%);--accent-shadow: color-mix(in srgb, var(--accent) 22%, transparent);--accent-shadow-strong: color-mix(in srgb, var(--accent) 32%, transparent);--highlight: #d97706;--highlight-soft: #fffbeb;--highlight-muted: #fde68a;--success: #15803d;--success-soft: #ecfdf5;--success-border: #86efac;--warning: #b45309;--warning-soft: #fffbeb;--warning-border: #fde68a;--danger: #dc2626;--danger-soft: #fef2f2;--danger-border: #fecaca;--badge-read-fg: #14532d;--badge-read-bg: #ecfdf5;--badge-read-border: #86efac;--badge-mutate-fg: #9a3412;--badge-mutate-bg: #fff7ed;--badge-mutate-border: #fdba74;--badge-neutral-fg: #475569;--badge-neutral-bg: #f1f5f9;--badge-neutral-border: #cbd5e1;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .03);--shadow-md: 0 2px 6px rgba(15, 23, 42, .05), 0 4px 14px rgba(15, 23, 42, .06);--shadow-lg: 0 4px 12px rgba(15, 23, 42, .06), 0 12px 28px rgba(15, 23, 42, .08);--shadow-focus: 0 0 0 3px var(--accent-muted);--transition-fast: .1s ease;--transition: .15s ease;--transition-slow: .25s ease}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg)}#root{min-height:100vh}code,kbd,samp,.font-mono{font-family:var(--font-mono);font-size:.92em}button,input,select,textarea{font:inherit}button{transition:background var(--transition-fast),border-color var(--transition),color var(--transition-fast),box-shadow var(--transition)}.app,.site-home{max-width:1240px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-10)}.site-hero{padding:var(--space-6) 0 var(--space-5);border-bottom:1px solid var(--border);margin-bottom:var(--space-6)}.hero-copy{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.site-hero-top,.hero-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.hero-top-left{display:flex;flex-direction:column;gap:var(--space-1)}.site-kicker,.eyebrow{display:inline-flex;margin-bottom:0;color:var(--accent);font-size:var(--text-2xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}@supports (-webkit-background-clip: text){.site-kicker,.eyebrow{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}}.site-hero h1{margin:0;font-size:var(--text-2xl);font-weight:700;letter-spacing:-.03em;line-height:1.12}.hero-copy h1{margin:0;font-size:var(--text-2xl);font-weight:700;letter-spacing:-.025em;line-height:1.15}.site-hero p,.hero-copy p{max-width:48rem;margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.legal-content{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.legal-content h2{margin:var(--space-6) 0 var(--space-2);font-size:var(--text-lg);font-weight:600}.legal-content h2:first-child{margin-top:0}.legal-content p,.legal-content ul{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.legal-content ul{padding-left:var(--space-5)}.legal-content a{color:var(--accent)}.auth-connect-card{margin-bottom:var(--space-5)}.auth-connect-list{margin:var(--space-3) 0;padding-left:var(--space-5);color:var(--text-secondary);line-height:1.6}.auth-connect-list li{margin-bottom:var(--space-2)}.auth-connect-links{margin:var(--space-3) 0!important;font-size:var(--text-sm)}.auth-connect-links a{color:var(--accent)}.secondary-link{margin-left:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.9fr);gap:var(--space-4);align-items:stretch;margin-bottom:var(--space-3)}.hero-stats{display:grid;gap:var(--space-3)}.stat-card{display:flex;flex-direction:column;gap:var(--space-1);justify-content:center;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),border-color var(--transition)}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.stat-card strong{font-size:var(--text-lg);font-weight:700;letter-spacing:-.025em;color:var(--text)}.stat-label{color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em}.connection-pill-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.connection-summary{display:flex;flex-direction:column;gap:.125rem;margin-top:.125rem;color:var(--text-secondary);font-size:var(--text-xs);line-height:1.4;word-break:break-word}.site-status-grid{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}.widget-directory-section{margin-bottom:var(--space-8)}.widget-directory-section:last-of-type{margin-bottom:0}.widget-directory-heading{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase}.widget-directory-heading:after{content:"";display:block;flex:1;height:1px;background:var(--border)}.widget-directory{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width: 560px){.widget-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 880px){.widget-directory{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1180px){.widget-directory{grid-template-columns:repeat(4,minmax(0,1fr))}}.site-footer{margin-top:var(--space-12);padding-top:var(--space-5);border-top:1px solid var(--border);color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:.01em}.site-footer a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.site-footer a:hover{color:var(--text)}.widget-card,.widget-placeholder-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition)}.widget-card:hover,.widget-placeholder-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-1px)}.widget-card{display:flex;flex-direction:column;padding:var(--space-5);gap:0}.widget-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.widget-card h2,.widget-card-title{margin:0 0 var(--space-2);font-size:.9375rem;font-weight:600;letter-spacing:-.015em;color:var(--text)}.widget-card p{margin:0;flex-grow:1;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55}.widget-meta{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3);color:var(--text-tertiary);font-size:var(--text-xs)}.widget-meta span{display:inline-flex;align-items:center;padding:.125rem var(--space-2);border:1px solid var(--badge-neutral-border);border-radius:var(--radius-full);background:var(--badge-neutral-bg);color:var(--badge-neutral-fg);font-size:var(--text-2xs);font-weight:500}.widget-link{display:inline-flex;align-items:center;gap:var(--space-1);width:fit-content;margin-top:var(--space-4);padding:0;border:none;background:none;color:var(--accent);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:gap var(--transition-fast),color var(--transition-fast)}.widget-link:after{content:"→";display:inline-block;font-size:1em;transition:transform var(--transition-fast)}.widget-link:hover{color:var(--accent-hover);gap:var(--space-2)}.widget-link:hover:after{transform:translate(2px)}.shell-link{display:inline-flex;align-items:center;gap:.25em;padding:0;border:none;background:none;color:var(--text-tertiary);font-size:var(--text-xs);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.shell-link:before{content:"←";font-size:.9em;transition:transform var(--transition-fast)}.shell-link:hover{color:var(--text-secondary)}.shell-link:hover:before{transform:translate(-2px)}.widget-placeholder-card{padding:var(--space-5)}.widget-placeholder-card strong{display:block;margin-bottom:var(--space-1);font-size:.9375rem}.widget-placeholder-card p{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-base)}.widget-placeholder-card+.widget-placeholder-card{margin-top:var(--space-5)}.status-pill,.widget-badge,.widget-state{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:600;line-height:1.25}.widget-badge-icon{display:inline-flex;font-size:.8125rem;line-height:1}.status-pill{background:var(--badge-neutral-bg);color:var(--badge-neutral-fg);border:1px solid var(--badge-neutral-border)}.status-pill.idle{background:var(--accent-soft);color:var(--accent);border:1px dashed var(--accent-muted)}.status-pill.connected{background:var(--success-soft);color:var(--success);border:1px solid var(--success-border)}.status-pill.production{padding:.3125rem var(--space-3);background:var(--warning-soft);color:var(--warning);border:1px solid var(--warning-border);animation:production-pulse 2.5s ease-in-out infinite}@keyframes production-pulse{0%,to{opacity:1}50%{opacity:.8}}.widget-badge--read{background:var(--badge-read-bg);color:var(--badge-read-fg);border:1px solid var(--badge-read-border)}.widget-badge--write,.widget-badge--delete,.widget-badge.high-risk{background:var(--badge-mutate-bg);color:var(--badge-mutate-fg);border:1px solid var(--badge-mutate-border)}.widget-badge.low-risk{background:var(--badge-read-bg);color:var(--badge-read-fg);border:1px solid var(--badge-read-border)}.widget-state{background:var(--badge-neutral-bg);color:var(--badge-neutral-fg);border:1px solid var(--badge-neutral-border)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.steps .step{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.steps .step:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.steps .step.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-sm)}.steps .step.done .step-number{background:var(--success-soft);color:var(--success)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);background:var(--surface-secondary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:700;flex-shrink:0}.steps .step.active .step-number{background:var(--highlight);color:#fff}.step-body{display:flex;flex-direction:column;gap:.125rem;min-width:0}.step-label{color:var(--text);font-size:var(--text-sm);font-weight:600}.step-description{color:var(--text-tertiary);font-size:var(--text-xs)}.steps .step.active .step-label{color:var(--text)}.steps .step.active .step-description{color:var(--text-secondary)}.steps .step:focus-visible{outline:2px solid var(--accent-muted);outline-offset:1px}.main{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.section-heading h2{margin:.125rem 0 0;font-size:var(--text-xl);font-weight:600;letter-spacing:-.025em}.section-heading p{max-width:30rem;margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.section-kicker{display:inline-block;color:var(--accent);font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.connect-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.card-title{margin:0;font-size:var(--text-lg);font-weight:600;letter-spacing:-.02em}.card p{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-base)}.card p.muted{color:var(--text-tertiary);font-size:var(--text-sm)}.card code,.toolbar-hint code,.block-note code{padding:.125rem .3125rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--text);font-family:var(--font-mono);font-size:.85em}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.actions button,.actions a.primary,.add-block,.add-row,.remove-block{display:inline-block;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition),box-shadow var(--transition);cursor:pointer}.actions button:hover,.add-block:hover,.add-row:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface-secondary);box-shadow:var(--shadow-sm)}.actions button.primary,.actions a.primary{background:var(--accent-gradient);border-color:transparent;color:var(--accent-on-emphasis);font-weight:600;box-shadow:0 1px 2px var(--accent-shadow)}.actions button.primary:hover,.actions a.primary:hover{filter:brightness(1.06);box-shadow:0 2px 8px var(--accent-shadow-strong)}.actions button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(30%)}.add-block,.add-row{background:transparent}.primary-inline-button{display:inline-flex;align-items:center;width:fit-content;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);background:var(--accent-gradient);color:var(--accent-on-emphasis);font-size:var(--text-sm);font-weight:600;cursor:pointer;box-shadow:0 1px 2px var(--accent-shadow);transition:filter var(--transition-fast),box-shadow var(--transition)}.primary-inline-button:hover{filter:brightness(1.06);box-shadow:0 2px 8px var(--accent-shadow-strong)}.danger-button{padding:.3125rem var(--space-3);border:1px solid var(--danger-border);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:border-color var(--transition),background var(--transition-fast)}.danger-button:hover{border-color:var(--danger);background:#fee2e2}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.375rem;height:2.375rem;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-secondary);color:var(--text-secondary);cursor:pointer;flex-shrink:0}.theme-toggle:hover{border-color:var(--border-hover);background:var(--surface);color:var(--text)}.theme-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.theme-toggle-icon{font-size:1.125rem;line-height:1}.org-toggle{display:inline-flex;gap:.125rem;margin:0 0 var(--space-3);padding:.1875rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-inset)}.org-toggle-option{padding:var(--space-1) var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition),color var(--transition-fast),box-shadow var(--transition)}.org-toggle-option.active{border-color:var(--border);background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.connected-org-details{display:grid;gap:0;margin:0 0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.connected-org-row{display:grid;grid-template-columns:6rem 1fr;align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border)}.connected-org-row:last-child{border-bottom:none}.connected-org-row strong{font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.connected-org-row span{color:var(--text);font-size:var(--text-sm);word-break:break-word}.block-head select,.block-table input,.block-table select,.field-search,.production-confirm-input{width:100%;min-width:100px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-sm);transition:border-color var(--transition),box-shadow var(--transition)}.block-head select:focus,.block-table input:focus,.block-table select:focus,.field-search:focus,.production-confirm-input:focus,.actions button:focus-visible,.steps .step:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.block-table input::placeholder{color:var(--text-tertiary)}.block-table select option{color:var(--text);background:var(--surface)}.hidden-file-input{display:none}.mini-stats{display:flex;flex-wrap:wrap;gap:var(--space-1)}.mini-stats span,.block-meta span{display:inline-flex;align-items:center;padding:.1875rem var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-secondary);color:var(--text-secondary);font-size:var(--text-2xs);font-weight:500}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin:var(--space-3) 0 0}.dependency-explorer-status-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-tile,.info-strip,.empty-state,.upload-config,.result,.error{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-secondary)}.info-tile{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4)}.info-tile strong{font-size:var(--text-sm);font-weight:600}.production-tile{background:var(--warning-soft);border-color:var(--warning-border)}.info-tile span,.upload-config span,.empty-state span,.info-strip span{color:var(--text-secondary);font-size:var(--text-sm)}.safety-toggle{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:.125rem}.info-strip{margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--success-soft);border-color:var(--success-border)}.info-strip.production{background:var(--warning-soft);border-color:var(--warning-border)}.production-confirm-input{margin-top:var(--space-1)}.empty-state{display:flex;flex-direction:column;gap:var(--space-1);align-items:center;text-align:center;margin:var(--space-3) 0;padding:var(--space-6) var(--space-4);background:var(--surface-secondary);font-size:var(--text-base)}.empty-state strong{font-size:var(--text-base);color:var(--text-secondary)}.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.toolbar-hint{color:var(--text-tertiary);font-size:var(--text-sm)}.upload-config{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;background:var(--surface-secondary);color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}.upload-config:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.upload-config strong{font-size:var(--text-sm);color:var(--text)}.upload-config span{color:var(--text-secondary)}.error{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--danger-soft);border-color:var(--danger-border);border-left:3px solid var(--danger);color:var(--danger);font-size:var(--text-sm)}.result{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--success-soft);border-color:var(--success-border);border-left:3px solid var(--success);font-size:var(--text-sm)}.result pre{margin:var(--space-2) 0 0;overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:var(--text-xs)}.report-progress{margin-top:var(--space-3);height:.75rem;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-secondary)}.report-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--highlight));transition:width var(--transition-slow)}.report-progress--indeterminate .report-progress-bar{width:40%!important;animation:report-progress-indeterminate 1.5s ease-in-out infinite}@keyframes report-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.report-pdf-content{background:var(--surface)}.report-pdf-content>*+*{margin-top:var(--space-3)}.report-org-info{margin-top:var(--space-4);margin-bottom:var(--space-4)}.report-org-info strong{display:block;margin-bottom:var(--space-2);font-size:.9375rem}.report-org-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--space-2) var(--space-4)}.report-org-row{display:flex;flex-direction:column;gap:.125rem}.report-org-label{font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;color:var(--text-secondary);text-transform:uppercase}.report-org-value{font-size:var(--text-base);color:var(--text);word-break:break-word}.report-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.report-section-body .report-metrics-grid{margin-top:0}.report-section{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.report-section-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-secondary);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.report-section-header::-webkit-details-marker{display:none}.report-section-header:hover{background:var(--surface-inset)}.report-section-header:before{content:"▶";display:inline-flex;align-items:center;justify-content:center;width:1rem;font-size:.625rem;color:var(--text-tertiary);transition:transform var(--transition);flex-shrink:0}.report-section[open]>.report-section-header:before{transform:rotate(90deg)}.report-section-accent{width:3px;height:1rem;border-radius:var(--radius-full);background:var(--accent);flex-shrink:0}.report-section-title{color:var(--text);font-size:var(--text-sm);font-weight:600;flex:1}.report-section-count{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:500}.report-section-body{padding:var(--space-4)}.report-toggle-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-secondary)}.toggle-switch{position:relative;display:inline-flex;width:44px;height:24px;padding:0;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-inset);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition)}.toggle-switch[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.toggle-switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-sm);transition:left var(--transition-fast);pointer-events:none}.toggle-switch[aria-pressed=true] .toggle-switch-knob{left:22px}.report-toggle-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4}.report-tile-detail{opacity:.75;margin-top:var(--space-1)}.report-notes-list{display:grid;gap:var(--space-3)}.report-note-item strong{display:block;font-size:var(--text-sm)}.report-note-text{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-1);line-height:1.5}.report-detail-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.report-detail-heading{display:block;margin-bottom:var(--space-3);font-size:var(--text-sm)}.report-detail-list{display:grid;gap:0}.report-detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.report-detail-row:nth-child(2n){background:var(--surface-secondary)}.report-detail-label{font-size:var(--text-sm);font-weight:600;min-width:140px}.report-detail-meta{color:var(--text-secondary);font-size:var(--text-sm)}.report-detail-value{color:var(--text-secondary);font-size:var(--text-sm);text-align:right}.report-section-body p{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.report-section-body ul{margin:0 0 var(--space-3);padding-left:var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.report-section-body li{margin-bottom:var(--space-1)}.report-section+.report-section{margin-top:var(--space-3)}.dependency-explorer-help-section{margin-top:var(--space-4)}.actions.actions-compact{margin-top:var(--space-3);margin-bottom:var(--space-3)}.error-detail-list{margin:var(--space-2) 0 0;padding-left:var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.error-detail-list li{margin-bottom:var(--space-1)}.blocks{display:flex;flex-direction:column;gap:var(--space-3)}.object-block{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface)}.object-block.collapsed{padding-bottom:var(--space-3);background:var(--surface-secondary)}.block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.block-label{display:block;margin-bottom:var(--space-1);color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.block-select-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.block-select-row .mode-select{min-width:110px;width:auto;flex:0 0 auto}.block-select-row .object-select{min-width:min(400px,100%);flex:1 1 260px}.block-meta{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:flex-end;align-items:center}.remove-block{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border);padding:.3125rem var(--space-3);font-size:var(--text-xs)}.remove-block:hover{border-color:var(--danger)}.block-toggle{padding:.3125rem var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;cursor:pointer}.block-toggle:hover{border-color:var(--border-hover);color:var(--text)}.collapsed-summary{display:flex;gap:var(--space-2);flex-wrap:wrap;color:var(--text-tertiary);font-size:var(--text-sm);padding-top:.125rem}.block-note{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3);color:var(--text-tertiary);font-size:var(--text-xs)}.block-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.dependency-search-hint{margin-top:calc(var(--space-3) * -1 + var(--space-1));margin-bottom:var(--space-3);color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.5}.field-search{flex:1 1 240px;min-width:200px}.toggle-field-visibility{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap}.defaults-panel{margin-bottom:var(--space-3);padding:var(--space-3) 0;border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.defaults-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.defaults-toggle{padding:.3125rem var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;cursor:pointer}.defaults-toggle:hover{border-color:var(--border-hover);color:var(--text)}.defaults-header strong{display:block;margin-bottom:.125rem;font-size:var(--text-sm)}.defaults-header span{color:var(--text-secondary);font-size:var(--text-sm)}.defaults-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.default-field{display:flex;flex-direction:column;gap:var(--space-1)}.default-field label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:500}.empty-fields{color:var(--text-tertiary);font-size:var(--text-sm)}.inline-validation-summary{margin-bottom:var(--space-3);padding:var(--space-3) var(--space-3);border:1px solid var(--danger-border);border-left:3px solid var(--danger);border-radius:var(--radius-lg);background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm)}.block-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg)}.flow-accordion-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.flow-accordion{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.flow-accordion-summary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-secondary);cursor:pointer;list-style:none;font-size:var(--text-sm)}.flow-accordion-summary::-webkit-details-marker{display:none}.flow-accordion-summary:before{content:"▶";font-size:var(--text-xs);color:var(--text-tertiary);transition:transform .15s ease}.flow-accordion[open] .flow-accordion-summary:before{transform:rotate(90deg)}.flow-accordion-name{font-weight:600;color:var(--text)}.flow-accordion-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:600;line-height:1.2}.flow-accordion-badge-active{background:var(--badge-read-bg);color:var(--badge-read-fg);border:1px solid var(--badge-read-border)}.flow-accordion-count{margin-left:auto;color:var(--text-tertiary);font-size:var(--text-xs)}.flow-accordion .block-table-wrap{border:none;border-radius:0;border-top:1px solid var(--border)}.dependency-results-metadata-hint{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}.block-table{width:100%;min-width:700px;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}.block-table thead th{position:sticky;top:0;z-index:1;background:var(--surface-secondary)}.block-table th,.block-table td{padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.block-table tbody tr:last-child td{border-bottom:none}.block-table tbody tr:nth-child(2n) td{background:var(--surface-secondary)}.field-heading{display:flex;flex-direction:column;gap:.0625rem}.field-heading span{color:var(--text);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.field-heading small{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:400}.block-table select[multiple]{min-height:6rem}.col-actions{width:88px}.col-actions button{width:100%;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:var(--text-xs)}.col-actions button:hover{background:var(--surface-secondary)}.row-actions{display:flex;flex-direction:column;gap:var(--space-1)}.cell-error{margin-top:var(--space-1);color:var(--danger);font-size:var(--text-2xs);line-height:1.3}.multi-select-wrap{display:flex;flex-direction:column;gap:var(--space-1)}.multi-select-wrap small{color:var(--text-tertiary);font-size:var(--text-2xs)}.reference-input,.field-input-stack,.field-generator-inline{display:flex;flex-direction:column;gap:var(--space-1)}.field-generator-row{display:flex;flex-wrap:wrap;gap:var(--space-1)}.generator-chip{padding:.1875rem .4375rem;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-size:var(--text-2xs);font-weight:500;line-height:1.2;cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.generator-chip:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface-secondary)}.generator-chip.current{border-color:var(--accent-muted);color:var(--accent);background:var(--accent-soft)}.field-generator-hint{color:var(--text-tertiary);font-size:var(--text-2xs);line-height:1.3}.field-generator-hint.active{color:var(--text-secondary)}.field-value-state{font-size:var(--text-2xs);line-height:1.3}.field-value-state.inherited{color:var(--text-tertiary)}.field-value-state.override{color:var(--text-secondary)}@media (max-width: 900px){.hero,.steps,.section-heading{grid-template-columns:1fr;display:grid}.section-heading{align-items:start}.block-head{flex-direction:column}.block-meta{justify-content:flex-start}.block-tools{flex-direction:column;align-items:stretch}}@media (max-width: 640px){.app,.site-home{padding-inline:var(--space-3)}.hero-copy,.main{padding:var(--space-4)}.steps .step{padding:var(--space-3)}.actions{flex-direction:column}.actions button,.add-block,.add-row{width:100%}.defaults-grid{grid-template-columns:1fr}}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0d11;--surface: #13161e;--surface-secondary: #1c1f28;--surface-inset: #0f1117;--border: #252a35;--border-hover: #3a4155;--text: #e8eaef;--text-secondary: #9aa3b5;--text-tertiary: #6b7385;--accent: #818cf8;--accent-secondary: #a78bfa;--accent-hover: #a5b4fc;--accent-soft: rgba(129, 140, 248, .14);--accent-muted: rgba(167, 139, 250, .28);--accent-text: #0a0c10;--accent-on-emphasis: #ffffff;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-shadow: color-mix(in srgb, #818cf8 28%, transparent);--accent-shadow-strong: color-mix(in srgb, #a78bfa 38%, transparent);--highlight: #fbbf24;--highlight-soft: rgba(251, 191, 36, .12);--highlight-muted: rgba(251, 191, 36, .28);--success: #4ade80;--success-soft: rgba(74, 222, 128, .12);--success-border: rgba(74, 222, 128, .35);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .12);--warning-border: rgba(251, 191, 36, .35);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12);--danger-border: rgba(248, 113, 113, .35);--badge-read-fg: #bbf7d0;--badge-read-bg: rgba(74, 222, 128, .12);--badge-read-border: rgba(74, 222, 128, .4);--badge-mutate-fg: #fdba74;--badge-mutate-bg: rgba(251, 146, 60, .12);--badge-mutate-border: rgba(251, 146, 60, .4);--badge-neutral-fg: #9aa3b5;--badge-neutral-bg: rgba(148, 163, 184, .1);--badge-neutral-border: rgba(148, 163, 184, .28);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 2px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .55);--shadow-focus: 0 0 0 3px var(--accent-muted)}[data-theme=dark] .actions button.primary,[data-theme=dark] .actions a.primary{background:var(--accent-gradient);border-color:transparent;color:var(--accent-on-emphasis);box-shadow:0 1px 3px var(--accent-shadow)}[data-theme=dark] .actions button.primary:hover,[data-theme=dark] .actions a.primary:hover{filter:brightness(1.08);box-shadow:0 2px 10px var(--accent-shadow-strong)}[data-theme=dark] .primary-inline-button{background:var(--accent-gradient);border-color:transparent;color:var(--accent-on-emphasis);box-shadow:0 1px 3px var(--accent-shadow)}[data-theme=dark] .primary-inline-button:hover{filter:brightness(1.08);box-shadow:0 2px 10px var(--accent-shadow-strong)}[data-theme=dark] .widget-link{color:var(--accent)}[data-theme=dark] .site-hero,[data-theme=dark] .connected-org-row{border-bottom-color:var(--border)}[data-theme=dark] .block-table thead th{background:var(--surface-secondary)}[data-theme=dark] .block-table tbody tr:nth-child(2n) td{background:#ffffff05}[data-theme=dark] .steps .step.active{background:var(--accent-soft);border-color:var(--accent-muted)}[data-theme=dark] .block-head select,[data-theme=dark] .field-search,[data-theme=dark] .block-table input,[data-theme=dark] .block-table select,[data-theme=dark] .field-generator-inline select,[data-theme=dark] .production-confirm-input{background:var(--surface-inset);color:var(--text)}[data-theme=dark] .block-table select option,[data-theme=dark] .field-generator-inline select option{color:var(--text);background:var(--surface-inset)}[data-theme=dark] .theme-toggle{background:var(--surface-secondary);color:var(--text-secondary)}[data-theme=dark] .site-kicker,[data-theme=dark] .eyebrow{color:#c4b5fd}@supports (-webkit-background-clip: text){[data-theme=dark] .site-kicker,[data-theme=dark] .eyebrow{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}}[data-theme=dark] .danger-button:hover{background:#f8514933}[data-theme=dark] .generator-chip.current{background:var(--accent-soft);border-color:var(--accent-muted);color:var(--accent)}.tally-floating-button{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:10000;width:3.25rem;height:3.25rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--accent-gradient);border:1px solid transparent;color:var(--accent-on-emphasis);box-shadow:var(--shadow-md);cursor:pointer;transition:filter var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.tally-floating-button:hover{filter:brightness(1.06);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.tally-floating-button:focus-visible{outline:none;box-shadow:var(--shadow-focus),var(--shadow-lg)}.tally-floating-button:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(30%)}.tally-floating-emoji{font-size:1.25rem;line-height:1}.tally-floating-button:after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 10px);max-width:15rem;padding:.5rem .75rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:var(--text-xs);font-weight:600;white-space:nowrap;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-sm)}.tally-floating-button:hover:after,.tally-floating-button:focus-visible:after{opacity:1;transform:translateY(0)}