:root{--brand:#0b3d91;--brand-dark:#082c69;--brand-tint:#e8eefa;--ink:#1f2933;--ink-soft:#52606d;--ink-faint:#7b8794;--line:#dde3ea;--surface:#fff;--canvas:#f4f6f9;--ok:#1b7f4b;--ok-tint:#e6f4ec;--warn:#a86a00;--warn-tint:#fdf3e2;--review:#7a4bbd;--review-tint:#f1ebfb;--error:#b3251f;--error-tint:#fdeceb;--radius:10px;--shadow:0 1px 2px #0f223e0f, 0 8px 24px #0f223e0f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:var(--canvas);font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5}.app{flex-direction:column;min-height:100%;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:28px;height:62px;padding:0 24px;display:flex;position:sticky;top:0}.brand{color:inherit;align-items:baseline;gap:10px;text-decoration:none;display:flex}.brand__mark{letter-spacing:.06em;color:var(--brand);border-left:4px solid var(--brand);padding-left:8px;font-size:17px;font-weight:700}.brand__product{color:var(--ink-soft);font-size:13px}.app-nav{gap:4px;margin-right:auto;display:flex}.app-nav a{color:var(--ink-soft);border-radius:7px;padding:7px 12px;font-size:14px;text-decoration:none}.app-nav a:hover{background:var(--brand-tint);color:var(--brand)}.app-nav a.active{background:var(--brand);color:#fff}.app-account{align-items:center;gap:12px;font-size:13px;display:flex}.app-account__name{flex-direction:column;line-height:1.25;display:flex}.app-account__role{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.app-main{flex:1}.app-footer{color:var(--ink-faint);border-top:1px solid var(--line);background:var(--surface);padding:14px 24px;font-size:12px}.steps{background:var(--surface);border-bottom:1px solid var(--line);gap:8px;padding:14px 24px;display:flex;overflow-x:auto}.steps__item{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;display:flex}.steps__item:disabled{opacity:.45;cursor:not-allowed}.steps__item--active{background:var(--brand);border-color:var(--brand);color:#fff}.steps__item--done{border-color:var(--brand);color:var(--brand)}.steps__index{background:#0b3d911f;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:inline-flex}.steps__item--active .steps__index{background:#ffffff40}.configurator__body{grid-template-columns:minmax(300px,360px) minmax(0,1fr) minmax(300px,360px);align-items:start;gap:18px;padding:18px 24px 28px;display:grid}.configurator__inputs,.configurator__viewer,.summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.configurator__inputs{padding:20px}.configurator__viewer{padding:16px 16px 12px;position:sticky;top:90px}.summary{max-height:calc(100vh - 110px);padding:20px;position:sticky;top:90px;overflow-y:auto}@media (width<=1240px){.configurator__body{grid-template-columns:minmax(0,1fr)}.configurator__viewer,.summary{max-height:none;position:static}.configurator__viewer{order:-1}}.step__title{margin:0 0 6px;font-size:19px}.step__intro{color:var(--ink-soft);margin:0 0 18px;font-size:13.5px}.step__note{color:var(--ink-faint);margin-top:16px;font-size:12px}.step-nav{border-top:1px solid var(--line);justify-content:space-between;gap:10px;margin-top:24px;padding-top:16px;display:flex}.application-list{gap:10px;display:grid}.application{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;flex-direction:column;gap:3px;padding:14px 16px;display:flex}.application:hover{border-color:var(--brand)}.application--selected{border-color:var(--brand);background:var(--brand-tint)}.application__label{font-weight:600}.application__family{color:var(--ink-soft);font-size:13px}.application__rules{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.field{border:none;margin-bottom:18px;padding:0}.field--invalid .field__number,.field--invalid .field__text{border-color:var(--error);background:var(--error-tint)}.field__label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);align-items:baseline;gap:6px;margin-bottom:6px;padding:0;font-size:12px;font-weight:600;display:flex}.field__unit{text-transform:none;letter-spacing:0;color:var(--ink-faint);font-weight:400}.field__required{color:var(--error)}.field__row{align-items:center;gap:10px;display:flex}.field__number,.field__text,.field__select,.field__textarea{border:1px solid var(--line);width:100%;font:inherit;background:var(--surface);color:inherit;border-radius:8px;padding:9px 11px}.field__number{max-width:120px}.field__number:focus,.field__text:focus,.field__select:focus,.field__textarea:focus{border-color:var(--brand);outline:2px solid #0b3d9159}.field__slider{accent-color:var(--brand);flex:1}.field__help{color:var(--ink-faint);margin:6px 0 0;font-size:12px}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=620px){.grid-2{grid-template-columns:1fr}}.chips{flex-wrap:nowrap;gap:6px;margin-top:8px;display:flex;overflow-x:auto}.chips--wrap{flex-wrap:wrap;overflow:visible}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:12.5px}.chip:hover{border-color:var(--brand)}.chip--active{background:var(--brand);border-color:var(--brand);color:#fff}.choice__list{gap:8px;display:grid}.choice--inline .choice__list{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.choice__item{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;font:inherit;color:inherit;border-radius:9px;flex-direction:column;gap:3px;padding:11px 13px;display:flex}.choice__item:hover:not(:disabled){border-color:var(--brand)}.choice__item--selected{border-color:var(--brand);background:var(--brand-tint);box-shadow:inset 0 0 0 1px var(--brand)}.choice__item--disabled{opacity:.55;cursor:not-allowed;background:#f7f8fa}.choice__title{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.choice__description{color:var(--ink-soft);font-size:12.5px}.choice__blocked{color:var(--error);font-size:12px}.tag{text-transform:uppercase;letter-spacing:.05em;background:var(--line);color:var(--ink-soft);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.tag--review{background:var(--review-tint);color:var(--review)}.derived{background:var(--brand-tint);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:20px 0 0;padding:14px;display:grid}.derived div{flex-direction:column;display:flex}.derived dt{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:11px}.derived dd{color:var(--brand-dark);margin:0;font-size:15px;font-weight:600}.viewer__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.viewer__title{margin:0;font-size:15px}.viewer__subtitle{color:var(--ink-faint);margin:2px 0 0;font-size:12.5px}.viewer__tools{gap:6px;display:flex}.viewer{border-radius:var(--radius);border:1px solid var(--line);background:#eef1f5;height:min(60vh,560px);min-height:340px;position:relative;overflow:hidden}.viewer-label{border:1px solid var(--brand);color:var(--brand-dark);white-space:nowrap;pointer-events:none;background:#fffffff0;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}.viewer-empty{color:var(--ink-faint);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.viewer__readout{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin-top:12px;display:grid}.viewer__readout div{border:1px solid var(--line);border-radius:8px;flex-direction:column;padding:8px 10px;display:flex}.viewer__readout span{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-size:10.5px}.viewer__readout strong{color:var(--brand-dark);font-size:15px}.summary__title{align-items:center;gap:8px;margin:0 0 12px;font-size:15px;display:flex}.summary__empty{color:var(--ink-faint);font-size:13.5px}.summary__spinner{border:2px solid var(--brand-tint);border-top-color:var(--brand);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.summary__list{gap:4px;margin:0 0 16px;display:grid}.summary__list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:5px 0;font-size:13px;display:flex}.summary__list dt{color:var(--ink-soft)}.summary__list dd{text-align:right;margin:0;font-weight:600}.summary__actions{gap:8px;margin-top:16px;display:grid}.summary__meta{color:var(--ink-faint);margin-top:12px;font-size:11.5px}.price{border-radius:var(--radius);background:var(--brand-tint);border:1px solid #0b3d912e;margin-bottom:14px;padding:14px}.price--loading{opacity:.65}.price--blocked{background:var(--error-tint);border-color:#b3251f40}.price--request,.price--empty{border-color:var(--line);background:#f7f8fa}.price__label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);justify-content:space-between;font-size:11px;display:flex}.price__excl{text-transform:none;letter-spacing:0;color:var(--ink-faint)}.price__value{color:var(--brand-dark);margin:2px 0 4px;font-size:25px;font-weight:700;display:block}.price__unit{color:var(--ink-soft);font-size:12px;display:block}.price__lines{border-top:1px solid #0b3d912e;margin:10px 0 0;padding:10px 0 0;font-size:12.5px;list-style:none}.price__lines li{color:var(--ink-soft);justify-content:space-between;gap:12px;padding:2px 0;display:flex}.price__lines-total{border-top:1px solid #0b3d912e;margin-top:6px;padding-top:6px;font-weight:600;color:var(--ink)!important}.price__note{color:var(--ink-faint);margin:8px 0 0;font-size:11.5px}.validation{border-radius:var(--radius);border:1px solid var(--line);background:#f7f8fa;padding:12px 14px}.validation--ok{background:var(--ok-tint);border-color:#1b7f4b4d}.validation--warn{background:var(--warn-tint);border-color:#a86a004d}.validation--review{background:var(--review-tint);border-color:#7a4bbd4d}.validation--error{background:var(--error-tint);border-color:#b3251f4d}.validation__title{margin:0;font-size:13.5px}.validation__body{color:var(--ink-soft);margin:4px 0 0;font-size:12.5px}.validation__list{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.validation__item{border-left:3px solid var(--ink-faint);background:#ffffffbf;border-radius:0 6px 6px 0;gap:2px;padding:8px 10px;font-size:12.5px;display:grid}.validation__item--INVALID{border-left-color:var(--error)}.validation__item--ENGINEERING_REVIEW{border-left-color:var(--review)}.validation__item--VALID_WITH_WARNING{border-left-color:var(--warn)}.validation__hint{color:var(--ink-soft)}.validation__rule{color:var(--ink-faint);letter-spacing:.04em;font-size:10.5px}.review-form{gap:8px;margin-top:12px;display:grid}.button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:14px;text-decoration:none;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--brand);color:#fff}.button--primary:hover:not(:disabled){background:var(--brand-dark)}.button--ghost{background:var(--surface);border-color:var(--brand);color:var(--brand)}.button--ghost:hover:not(:disabled){background:var(--brand-tint)}.button--link{color:var(--brand);background:0 0;padding:4px 2px;text-decoration:underline}.button--tool{border-color:var(--line);background:var(--surface);color:var(--ink-soft);padding:5px 11px;font-size:12.5px}.button--tool-active{border-color:var(--brand);color:var(--brand);background:var(--brand-tint)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfd;margin-top:20px;padding:16px}.panel__title{margin:0 0 8px;font-size:14.5px}.panel__meta{color:var(--ink-faint);font-size:12px}.panel__actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.spec-table,.data-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.spec-table th,.spec-table td,.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:7px 10px}.spec-table th,.data-table th{color:var(--ink-soft);font-size:12px;font-weight:600}.data-table{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.data-table__json{color:var(--ink-soft);overflow-wrap:anywhere;max-width:380px;font-family:Cascadia Mono,Consolas,monospace;font-size:11.5px}.cad-job{margin-top:14px;font-size:13px}.cad-job__outputs{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.cad-job__outputs li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.cad-job__pending{color:var(--ink-faint);font-size:12px}.page{max-width:1120px;margin:0 auto;padding:26px 24px 40px}.page--narrow{max-width:520px}.page__title{margin:0 0 6px;font-size:22px}.page__intro{color:var(--ink-soft);margin:0 0 18px;font-size:13.5px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:4px;margin-bottom:16px;padding:18px;display:grid}.card--muted{box-shadow:none;background:#fbfcfd}.card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.card__title{margin:0;font-size:15px}.badge{text-transform:uppercase;letter-spacing:.05em;background:var(--line);color:var(--ink-soft);border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.badge--released,.badge--approved{background:var(--ok-tint);color:var(--ok)}.badge--pending,.badge--draft{background:var(--warn-tint);color:var(--warn)}.badge--rejected,.badge--archived{background:var(--error-tint);color:var(--error)}.demo-accounts{margin:6px 0 0;padding:0;font-size:13px;list-style:none}.form-error{color:var(--error);background:var(--error-tint);border:1px solid #b3251f40;border-radius:8px;margin:4px 0;padding:8px 11px;font-size:13px}.toast{background:var(--ok-tint);color:var(--ok);cursor:pointer;border:1px solid #1b7f4b4d;border-radius:8px;margin-top:12px;padding:9px 12px;font-size:12.5px}.toast--error{background:var(--error-tint);color:var(--error);border-color:#b3251f4d}