@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--color-bg: #ebe8e3;--color-bg-elevated: #f3f1ec;--color-text: #2a2e2c;--color-text-secondary: #545a56;--color-text-muted: #848984;--color-primary: #4a6f58;--color-primary-hover: #3d5f4a;--color-primary-light: rgba(74, 111, 88, .12);--color-primary-muted: rgba(74, 111, 88, .26);--color-primary-text: #ffffff;--gradient-primary: linear-gradient(145deg, #567a66 0%, #4a6f58 100%);--gradient-primary-hover: linear-gradient(145deg, #4a6f58 0%, #3d5f4a 100%);--shadow-primary: 0 3px 12px rgba(74, 111, 88, .28);--color-surface: #faf9f7;--color-surface-hover: #ffffff;--color-border: rgba(42, 46, 44, .1);--color-border-strong: rgba(42, 46, 44, .16);--color-bg-muted: rgba(42, 46, 44, .04);--zone-chrome-bg: rgba(250, 249, 247, .94);--zone-chrome-border: rgba(42, 46, 44, .1);--zone-nav-track: #e4e1db;--zone-nav-active: rgba(74, 111, 88, .16);--zone-hero-bg: linear-gradient(160deg, #faf9f7 0%, #f2f0eb 100%);--zone-hero-border: rgba(42, 46, 44, .1);--zone-input-bg: #f0ede8;--zone-input-border: rgba(42, 46, 44, .1);--zone-input-card-bg: #faf9f7;--zone-action-bg: #f6f3ee;--zone-action-border: rgba(42, 46, 44, .12);--zone-output-bg: #eceee9;--zone-output-border: rgba(42, 46, 44, .1);--zone-output-card-bg: #faf9f7;--color-success-bg: #eef5f0;--color-success-border: rgba(74, 111, 88, .22);--color-success-text: #3d5f4a;--color-error: #c0392b;--color-error-bg: #faf0ee;--color-error-border: rgba(192, 57, 43, .2);--color-error-text: #922b21;--color-warning-bg: #faf6ef;--color-warning-border: rgba(161, 120, 48, .22);--color-warning-text: #7a5c24;--color-info-bg: #f0f2ef;--color-info-border: rgba(74, 111, 88, .18);--color-info-text: #3d5f4a;--glass-bg: var(--zone-chrome-bg);--glass-bg-strong: #faf9f7;--glass-border: var(--zone-chrome-border);--glass-blur: blur(14px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 22px;--radius-pill: 9999px;--shadow-xs: 0 1px 2px rgba(30, 32, 30, .05);--shadow-sm: 0 2px 8px rgba(30, 32, 30, .06);--shadow-md: 0 6px 20px rgba(30, 32, 30, .07);--shadow-lg: 0 12px 36px rgba(30, 32, 30, .1);--shadow-float: 0 3px 16px rgba(30, 32, 30, .07), 0 1px 2px rgba(30, 32, 30, .04);--shadow-card: 0 1px 3px rgba(30, 32, 30, .05), 0 4px 14px rgba(30, 32, 30, .04);--ease: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.25, .64, 1);--duration-fast: .15s;--duration-normal: .22s;--duration-slide: .32s;--duration-page: .38s;--text-xs: .75rem;--text-xs-lh: 1rem;--text-sm: .875rem;--text-sm-lh: 1.25rem;--text-base: .9375rem;--text-base-lh: 1.5rem;--text-lg: 1.0625rem;--text-lg-lh: 1.625rem;--text-xl: 1.25rem;--text-xl-lh: 1.75rem;--text-2xl: 1.5rem;--text-2xl-lh: 2rem;--text-3xl: 1.875rem;--text-3xl-lh: 2.25rem;--content-gap: 1rem;--page-padding-x: 1.5rem;--page-max-width: 76rem;--overlay: rgba(30, 32, 30, .38)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--text-base-lh);color:var(--color-text);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 65% 45% at 12% 0%,rgba(74,111,88,.07) 0%,transparent 55%),linear-gradient(180deg,var(--color-bg-elevated) 0%,var(--color-bg) 100%);background-attachment:fixed}.text-h1{font-size:var(--text-3xl);line-height:var(--text-3xl-lh);font-weight:600;letter-spacing:-.025em}.text-h2{font-size:var(--text-2xl);line-height:var(--text-2xl-lh);font-weight:600;letter-spacing:-.02em}.text-h3{font-size:var(--text-xl);line-height:var(--text-xl-lh);font-weight:600;letter-spacing:-.015em}.text-h4{font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:600}.text-body{font-size:var(--text-base);line-height:var(--text-base-lh)}.text-body-lg{font-size:var(--text-lg);line-height:var(--text-lg-lh)}.text-muted{font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--color-text-muted)}.text-label{font-size:var(--text-xs);line-height:var(--text-xs-lh);font-weight:500;color:var(--color-text-muted);letter-spacing:.02em}.app{min-height:100vh}.app-shell{width:100%;max-width:var(--page-max-width);margin:0 auto;padding:0 var(--page-padding-x) 2.5rem}.glass-pill{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-float)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-card)}.app-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;padding:1.5rem 0 1.25rem}.app-toolbar__brand{justify-self:start;display:flex;align-items:center;gap:.625rem;padding:.5rem .875rem .5rem .5rem;border-radius:var(--radius-pill)}.app-toolbar__logo{width:2.125rem;height:2.125rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--gradient-primary);color:var(--color-primary-text);font-size:var(--text-xs);font-weight:700;box-shadow:var(--shadow-primary)}.app-toolbar__title{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text);line-height:1.25}.app-toolbar__subtitle{margin-top:.0625rem;font-size:.6875rem;line-height:1.2}.feature-nav{justify-self:center}.feature-nav__pill{position:relative;display:inline-flex;align-items:center;gap:.25rem;padding:.3125rem;border-radius:var(--radius-pill);max-width:100%;overflow-x:auto;scrollbar-width:none;background:var(--zone-nav-track);border-color:var(--zone-input-border)}.feature-nav__indicator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-pill);background:var(--zone-nav-active);box-shadow:inset 0 0 0 1px var(--color-primary-muted);pointer-events:none;z-index:0}.feature-nav__pill::-webkit-scrollbar{display:none}.feature-nav__tab{position:relative;z-index:1;display:inline-flex;align-items:center;padding:0;border-radius:var(--radius-pill);text-decoration:none;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);white-space:nowrap;-webkit-tap-highlight-color:transparent}.feature-nav__tab-inner{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.4375rem;padding:.5625rem 1rem;border-radius:var(--radius-pill);transition:color var(--duration-normal) var(--ease-smooth)}.feature-nav__tab-icon{display:inline-flex;align-items:center;justify-content:center}.feature-nav__tab-icon svg{width:1.0625rem;height:1.0625rem;flex-shrink:0;opacity:.72;transition:opacity var(--duration-normal) var(--ease-smooth),color var(--duration-normal) var(--ease-smooth)}.feature-nav__tab:hover .feature-nav__tab-inner{color:var(--color-text)}.feature-nav__tab:hover .feature-nav__tab-icon svg{opacity:1}.feature-nav__tab-inner.is-active{color:var(--color-primary)}.feature-nav__tab-inner.is-active .feature-nav__tab-icon svg{opacity:1;color:var(--color-primary)}.app-toolbar__utility{justify-self:end;display:flex;align-items:center;padding:.4375rem .875rem;border-radius:var(--radius-pill)}.app-main{width:100%;min-width:0}.route-transition{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.375rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-sm);font-weight:500;line-height:1.25;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--duration-normal) var(--ease-smooth),border-color var(--duration-normal) var(--ease-smooth),color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth)}.btn--sm{min-height:2rem;padding:.375rem .75rem;font-size:var(--text-xs);border-radius:var(--radius-md)}.btn--primary{background:var(--gradient-primary);color:var(--color-primary-text);box-shadow:var(--shadow-primary)}.btn--primary:hover:not(:disabled){background:var(--gradient-primary-hover);box-shadow:var(--shadow-primary)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn--outline{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-text-secondary);border-color:var(--color-border-strong)}.btn--outline:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-text)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-text)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn__icon{display:flex;width:1rem;height:1rem}.btn__icon svg{width:100%;height:100%}.btn__spinner{width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .65s linear infinite;opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;border:none;border-radius:var(--radius-pill);background:var(--color-bg-muted);color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--duration-normal) var(--ease-smooth),color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth)}.icon-btn:hover{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.icon-btn svg{width:1.125rem;height:1.125rem}.compute-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.375rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius-lg);background:var(--gradient-primary);color:var(--color-primary-text);font-family:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;box-shadow:var(--shadow-primary)}.compute-btn:disabled{opacity:.5;cursor:not-allowed}.field-inline{display:flex;align-items:center;gap:.5rem}.input,.field-input,.precision-control input,.decomp-selector select,.library-search,.generate-panel textarea{font-family:inherit;font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);transition:border-color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.input:hover,.field-input:hover,.precision-control input:hover,.decomp-selector select:hover,.library-search:hover,.generate-panel textarea:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.input,.field-input,.precision-control input,.decomp-selector select,.library-search{min-height:2.25rem;padding:.4375rem .75rem}.input:focus,.field-input:focus,.precision-control input:focus,.decomp-selector select:focus,.library-search:focus,.generate-panel textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background:var(--color-surface-hover)}.input--sm{min-height:2rem;padding:.3125rem .625rem}.display-precision-control .input{width:5.5rem}.precision-hint{color:var(--color-error);font-size:var(--text-xs)}.generate-panel textarea{width:100%;min-height:6rem;padding:.75rem;resize:vertical}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.card--muted{background:var(--color-bg-muted);border-color:var(--color-border);box-shadow:none}.result-block{box-shadow:var(--shadow-card)}.result-block-header .text-h4{color:var(--color-text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--overlay)}.modal{display:flex;flex-direction:column;width:100%;max-height:min(90vh,56rem);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.modal--md{max-width:28rem}.modal--lg{max-width:36rem}.modal--xl{max-width:56rem}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--color-border)}.modal__body{flex:1;min-height:0;overflow-y:auto;padding:1rem 1.25rem 1.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.banner{display:flex;flex-direction:column;gap:.5rem;padding:.875rem 1rem;border-radius:var(--radius-md);border:1px solid transparent}.banner--success,.selected-info{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.banner__label{display:flex;align-items:center;gap:.375rem;font-size:var(--text-sm);font-weight:600}.banner__label svg{width:1rem;height:1rem}.error-block{display:flex;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);font-size:var(--text-sm)}.warning-block{display:flex;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text);font-size:var(--text-sm)}.alert-icon svg{width:1.125rem;height:1.125rem;flex-shrink:0}.error-msg{color:var(--color-error);font-size:var(--text-xs)}.warning-msg{color:var(--color-warning-text);font-size:var(--text-xs)}.status-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);border:1px solid transparent}.status-banner--info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-text)}.status-banner--error{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-text)}.status-banner__spinner{flex-shrink:0;width:1.125rem;height:1.125rem;margin-top:.125rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .65s linear infinite}.status-banner__text{display:flex;flex-direction:column;gap:.25rem}.page{width:100%}.page-hero{margin-bottom:1.25rem;padding:1.375rem 1.5rem;background:var(--zone-hero-bg);border:1px solid var(--zone-hero-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.page-title{color:var(--color-text)}.page-description{margin-top:.375rem;color:var(--color-text-secondary);max-width:56rem}.page-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1.25rem;align-items:start}.zone-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem}.zone-header--output{justify-content:space-between}.zone-header__hint{font-size:var(--text-xs)}.zone-badge{display:inline-flex;align-items:center;height:1.625rem;padding:0 .625rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.zone-badge--input{background:var(--color-primary-light);color:var(--color-primary-hover);border:1px solid var(--color-primary-muted)}.zone-badge--output{background:#2a2e2c0f;color:var(--color-text-secondary);border:1px solid var(--color-border-strong)}.workflow-zone{padding:1rem;border-radius:var(--radius-xl);background:var(--zone-input-bg);border:1px solid var(--zone-input-border);box-shadow:inset 0 1px #ffffff8c}.workflow-zone__content{display:flex;flex-direction:column;gap:var(--content-gap)}.workflow-section{display:flex;flex-direction:column;gap:0;min-width:0;position:sticky;top:.75rem}.results-zone{padding:1rem;border-radius:var(--radius-xl);background:var(--zone-output-bg);border:1px solid var(--zone-output-border);box-shadow:inset 0 1px #ffffff80}.results-zone__content{min-width:0}.results-section{min-width:0;margin-top:0}.results-section-title{margin-bottom:0;color:var(--color-text)}.results-empty{padding:2.5rem 1.5rem;text-align:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text-muted)}.action-panel{display:flex;flex-direction:column;gap:.5rem;padding:1.125rem 1.25rem;background:var(--zone-action-bg)!important;border:1px solid var(--zone-action-border)!important;box-shadow:var(--shadow-sm)!important}.action-panel-title{color:var(--color-text-secondary)}.action-panel-body{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;width:100%}.results-section{margin-top:0}.results-section-title{margin-bottom:1rem;padding-bottom:0;border-bottom:none}.field-group,.precision-control,.decomp-selector{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.decomp-selector label,.precision-control label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500}.results{display:flex;flex-direction:column;gap:.75rem}.source-selector{background:var(--zone-input-card-bg);border:1px solid var(--zone-input-border);border-radius:var(--radius-xl);padding:1.125rem 1.25rem;box-shadow:var(--shadow-card)}.source-selector-header{margin-bottom:.125rem}.source-selector-header h3{color:var(--color-text)}.source-selector-header p{margin-top:.25rem;color:var(--color-text-secondary)}.source-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.875rem}.selected-name{font-size:var(--text-xs)}.mode-tabs{display:inline-flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:.875rem}.segment-tabs{position:relative;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;margin-bottom:.875rem;border-radius:var(--radius-pill);background:var(--zone-nav-track);border:1px solid var(--zone-input-border)}.segment-tabs__tab{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem .875rem;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-normal) var(--ease-smooth)}.segment-tabs__indicator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-xs);pointer-events:none;z-index:0}.segment-tabs__label{position:relative;z-index:1}.segment-tabs__tab.is-active{color:var(--color-primary)}.segment-tabs__tab:hover:not(.is-active){color:var(--color-text)}.tab{position:relative;padding:.625rem .875rem;border:none;background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:color var(--duration-fast) var(--ease)}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-primary);border-radius:2px 2px 0 0}.sub-tabs{margin-bottom:.625rem}.preview-box{margin-top:.25rem;padding:1rem;background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.625rem;overflow:hidden;isolation:isolate}.generate-panel{display:flex;flex-direction:column;gap:.875rem}.generate-panel__footer{position:relative;z-index:2;margin-top:.25rem;padding-top:.75rem;border-top:1px solid var(--color-border);background:transparent}.generate-panel-hint{color:var(--color-text-secondary)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.625rem}.library-grid--modal{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.library-card{position:relative;padding:.9375rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-smooth)}.library-card:hover{border-color:var(--color-primary-muted);background:var(--color-surface-hover);box-shadow:var(--shadow-sm)}.library-card.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 1px var(--color-primary-muted)}.library-card.selected .meta,.library-card.selected .desc,.library-card.selected .text-muted{color:var(--color-primary-hover)}.library-card h4{padding-right:1.25rem}.library-card .meta{font-family:var(--font-mono);margin-top:.125rem}.tags{display:flex;flex-wrap:wrap;gap:.375rem;margin:.5rem 0}.tag{display:inline-flex;align-items:center;height:1.5rem;padding:0 .5rem;border-radius:var(--radius-sm);background:var(--color-bg-muted);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;border:1px solid var(--color-border);transition:background var(--duration-normal) var(--ease-smooth),border-color var(--duration-normal) var(--ease-smooth),color var(--duration-normal) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.library-card:hover .tag{transform:translateY(-1px)}.library-card.selected .tag{background:var(--color-primary-light);border-color:var(--color-primary-muted);color:var(--color-primary-hover)}.desc{line-height:1.45}.library-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:.625rem}.library-search{flex:1;min-width:12rem}.loading-text,.roots-empty{padding:.75rem 0}.result-block-header{padding:.875rem 1.125rem 0}.result-content{padding:.625rem 1.125rem 1.125rem;display:flex;flex-direction:column;gap:.5rem}.result-content h4{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin-top:.25rem}.steps-section{padding:1.125rem}.steps-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem;padding-bottom:.625rem;border-bottom:1px solid var(--color-border)}.steps-section-header svg{width:1.125rem;height:1.125rem;color:var(--color-primary)}.steps-list{list-style:none;display:flex;flex-direction:column}.step-block{display:flex;gap:.875rem;padding-bottom:1.125rem;position:relative}.step-block:not(:last-child):before{content:"";position:absolute;left:.875rem;top:2rem;bottom:0;width:1px;background:var(--color-border)}.step-number{flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-xs);font-weight:600;z-index:1}.step-body{flex:1;min-width:0;padding-top:.125rem}.latex-block,.mathjax-display,.matrix-preview,.polynomial-preview,.math-line{overflow-x:auto}.matrix-preview,.polynomial-preview{overflow:hidden;max-width:100%}.mathjax-display,.mathjax-inline,.matrix-preview,.polynomial-preview{pointer-events:none}.mathjax-display mjx-container,.mathjax-inline mjx-container,.matrix-preview mjx-container,.polynomial-preview mjx-container{pointer-events:none}.math-line{padding:.4375rem .625rem;background:var(--color-bg-muted);border-radius:var(--radius-md);border:1px solid var(--color-border)}.mathjax-display mjx-container,.matrix-preview mjx-container,.polynomial-preview mjx-container,.math-line mjx-container{margin:.25rem 0!important}.mathjax-inline{display:inline}.mathjax-inline mjx-container{display:inline!important;margin:0!important}.matrix-preview.compact mjx-container{font-size:.875rem}.approx-roots-panel{display:flex;flex-direction:column;gap:.875rem}.approx-roots-meta{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;padding:.375rem .75rem;background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary-muted);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.approx-roots-meta .math-line{background:transparent;border:none;padding:0}.roots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.625rem}.root-card{display:flex;flex-direction:column;gap:.5rem;padding:.9375rem;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-normal) var(--ease-smooth),border-color var(--duration-normal) var(--ease-smooth)}.root-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary-muted)}.root-card-index{align-self:flex-start;padding:.0625rem .4375rem;border-radius:var(--radius-sm);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-xs);font-weight:600}.root-card-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.root-card-value .math-line{background:var(--color-bg-muted)}.root-card-divider{height:1px;background:var(--color-border)}.intervals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem}.interval-chip{padding:.625rem;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.interval-chip-index{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);margin-bottom:.125rem}.data-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th,.data-table td{padding:.5rem .75rem;text-align:center;border-bottom:1px solid var(--color-border)}.data-table th{background:var(--color-bg-muted);color:var(--color-text-secondary);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em}.data-table tr:last-child td{border-bottom:none}.nilpotent-section{padding:.875rem;background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:.625rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 900px){.app-toolbar{grid-template-columns:1fr;justify-items:stretch;gap:.75rem;padding:1rem 0 .875rem}.app-toolbar__brand{justify-self:start}.feature-nav{justify-self:stretch;overflow-x:auto}.feature-nav__pill{width:max-content;max-width:100%;margin:0 auto}.app-toolbar__utility{justify-self:stretch;justify-content:center}.page-body{grid-template-columns:1fr}.workflow-section{position:static}.library-grid{grid-template-columns:1fr}.action-panel{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.mode-tabs{width:100%}.tab{flex:1;text-align:center}}