.design-entry{display:flex;align-items:center;gap:20px;background:linear-gradient(120deg,#e9f2ff,#f8fbff);border:1px solid #cbdcf1;border-radius:12px;padding:24px 28px;margin:0 0 20px;color:#203951}.design-entry-icon{display:grid;place-items:center;background:#1b568e;color:white;border-radius:12px;width:49px;height:49px;font-size:24px;flex-shrink:0}.design-entry h2{margin:3px 0;font-size:21px}.design-entry p{margin:0;color:#5c7189;font-size:12px}.design-entry-action{margin-left:auto;white-space:nowrap;font-weight:650}.design-kicker{font-size:10px;letter-spacing:1.6px;color:#5780a8;font-weight:700}.design-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:38px 0 22px}.design-heading h1{color:#183b61;letter-spacing:-1px;font-size:37px}.design-heading p{color:#6c7c8f;margin:0}.design-journey{display:flex;gap:25px;align-items:center;border-bottom:1px solid #d9e2ee;padding:4px 0 22px;color:#637790}.design-journey b{font-size:11px;margin-right:6px;color:#2b73ba}.design-journey i{font-style:normal;color:#a6b7ca}.design-missions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:23px 0}.design-missions button{text-align:left;background:#fff;border:1px solid #d6e2ee;border-radius:9px;padding:17px 18px;color:#25405e;font-weight:650}.design-missions button span{display:block;font-size:10px;color:#7b8fa7;font-weight:400;margin-top:5px}.design-missions button[aria-pressed=true]{background:#e9f2ff;border-color:#76a4d7;box-shadow:inset 0 0 0 1px #76a4d7}.design-predict{background:#eef5ff;border:1px solid #c8daf0;border-radius:12px;padding:23px;margin:0 0 22px}.design-predict h2{font-size:18px;margin:6px 0 12px}.design-prediction-options{display:grid;gap:8px;margin-bottom:16px}.design-prediction-options label{display:flex;align-items:center;gap:9px;cursor:pointer}.design-first{color:#2c659a;margin-bottom:0}.design-workbench{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid #d3e0ee;border-radius:13px;overflow:hidden;background:white}.design-controls{padding:24px;border-right:1px solid #d3e0ee}.design-panel-title{display:flex;align-items:center;justify-content:space-between}.design-panel-title button{color:#517ba3;font-size:12px}.design-small{font-size:11px;line-height:1.8;color:#76879a}.design-field{display:block;border-bottom:1px solid #edf0f5;padding:15px 0}.design-field>span{display:flex;gap:10px;justify-content:space-between;font-size:12px;font-weight:650}.design-field output{color:#276ba8;white-space:nowrap;font-variant-numeric:tabular-nums}.design-field input[type=range]{width:100%;accent-color:#3280c8;margin:15px 0 8px}.design-field small{display:block;font-size:10px;color:#7d8c9d;line-height:1.8}.design-field select{width:100%;border:1px solid #ccd9e6;border-radius:5px;background:#f7faff;font-size:12px;padding:8px;margin:12px 0 7px}.design-fixed{font-size:10px;color:#718197;margin-top:20px;line-height:1.9}.design-fixed summary{cursor:pointer;font-size:11px;color:#48627f}.design-stage{min-width:0;background:#10283f;color:#e4f1ff;display:flex;flex-direction:column}.design-stage-head{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:23px 26px 15px}.design-stage-head h2{font-size:21px;margin-top:5px;letter-spacing:.5px}.design-stage-head .design-kicker{color:#83accc}.design-status{font-size:10px;color:#abc3d9;border:1px solid #41617c;padding:5px 8px;border-radius:4px;white-space:nowrap}.design-status.ok{color:#96e1d2;border-color:#408679}.design-status.warn{color:#ffc19a;border-color:#ca8058}.design-views{display:flex;flex-wrap:wrap;gap:5px;padding:0 24px 12px}.design-views button{font-size:11px;color:#a8bdd1;border:1px solid #35536c;border-radius:5px;padding:6px 10px}.design-views button[aria-pressed=true]{background:#215986;border-color:#75addd;color:#e4f3ff}.design-views #design-camera{margin-left:auto;border-color:transparent}#design-canvas{height:470px;position:relative;min-height:360px;overflow:hidden}.design-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#a6c3dc;font-size:12px}.design-transport{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid #2d465e;font-size:11px}.design-transport button{background:#d2eaff;color:#193f60;border-radius:5px;padding:9px 13px;white-space:nowrap;font-weight:650}.design-transport input{flex:1;min-width:45px;accent-color:#76baff}.design-transport output{min-width:52px;text-align:right;font-variant-numeric:tabular-nums}.design-readouts{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:15px;margin:4px 24px 15px;padding:16px;background:#18344d;border:1px solid #2b4864;border-radius:7px}.design-readouts span{display:block;font-size:10px;color:#9eb8cf}.design-readouts b{display:block;font-size:22px;font-variant-numeric:tabular-nums;font-weight:550}.design-readouts small{font-size:10px;color:#9eb8cf}.design-readouts p{grid-column:1/-1;font-size:12px;margin:0}.design-stage-note{font-size:10px;color:#9ab3ca;line-height:1.9;padding:0 24px 20px}.design-assembly{padding:10px 24px;background:#183b56;font-size:11px}.design-assembly>div{display:flex;flex-wrap:wrap;gap:7px}.design-assembly button{padding:6px 9px;border:1px solid #557590;border-radius:5px;color:#c2d8ea}.design-assembly button.installed{background:#335f7b;color:#fff;border-color:#83b3d6}.design-assembly p{margin:6px 0 10px}.design-validation,.design-evidence{background:#fff;border:1px solid #d9e2ee;border-radius:12px;margin:22px 0;padding:28px}.design-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.design-section-head h2{font-size:22px;color:#23405f;margin-top:4px}.design-section-head p{font-size:12px;color:#7d8c9e;margin:5px 0 0}.design-section-head .button.dark,.design-predict .button.dark,.design-record-actions .button.dark{background:#1c588b;color:white;white-space:nowrap}.design-empty{padding:22px;background:#f4f7fb;border-radius:7px;color:#7a8b9e;font-size:13px}.design-verdict{border-left:4px solid #60a2a0;background:#eff8f6;padding:15px 18px;margin:0 0 20px;border-radius:0 6px 6px 0}.design-verdict.warn{border-color:#d4975f;background:#fff5eb}.design-verdict strong{font-size:16px}.design-verdict p{font-size:12px;margin:4px 0;color:#62758a;line-height:1.9}.design-result-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:24px}.design-table-wrap{overflow-x:auto}.design-table-wrap table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.design-table-wrap caption{text-align:left;margin-bottom:10px;color:#71849a;font-size:11px}.design-table-wrap th,.design-table-wrap td{padding:10px 12px;border-bottom:1px solid #e2e9f1;text-align:right}.design-table-wrap th:first-child{text-align:left;font-weight:500}.design-table-wrap thead{background:#f1f6fc;color:#4a6682}.design-table-wrap small{display:block;color:#8595a6;font-size:9px;font-weight:400}.design-table-wrap td:last-child{color:#225f9d;font-weight:650}.design-witness{border:1px solid #d7e3f0;background:#f5f9ff;border-radius:9px;padding:20px}.design-witness>strong{display:block;font-size:34px;font-weight:600;color:#285e8c}.design-witness small{font-size:11px;font-weight:400}.design-witness p{font-size:12px;color:#60778f}.design-witness .button{background:#e5effa;border-color:#cbdcf0;color:#285e8c}.design-chart-head{display:flex;gap:12px;justify-content:space-between;margin-top:25px;font-size:12px}.design-chart-head span{color:#6c86a2;font-size:10px}.design-chart svg{display:block;width:100%;height:auto;margin-top:15px}.design-chart text{font-size:11px;fill:#7389a0}.design-lesson{padding:19px 22px;background:#edf4fc;border-radius:8px;font-size:13px;color:#45637f}.design-lesson p{margin:7px 0 0}.design-evidence label{display:block;font-size:13px;color:#59738c;margin-bottom:12px}.design-evidence textarea{width:100%;border:1px solid #cad9e8;border-radius:7px;background:#f9fbff;font:inherit;font-size:13px;padding:14px;resize:vertical;color:#2a4765}.design-record-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:15px 0}.design-record-actions span,#design-record-count{font-size:11px;color:#66829a}#design-records details{border-top:1px solid #e4ebf2;padding:12px 0}#design-records summary{cursor:pointer;font-size:12px;color:#506d89}#design-records pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.9 var(--font);color:#62798e}.design-method{font-size:12px;line-height:2;color:#7c8a9b;margin:25px 0 38px}.design-method summary{cursor:pointer;color:#466786}.design-method a{color:#3379b5;text-decoration:underline}.design-entry:focus-visible,#page-design :focus-visible{outline-color:#3c8cdd}
@media(max-width:1200px){.site-header nav{gap:22px}.design-workbench{grid-template-columns:270px minmax(0,1fr)}.design-controls{padding:20px}.design-stage-head{padding:20px}.design-stage-head h2{font-size:18px}.design-result-grid{grid-template-columns:minmax(0,1.3fr) minmax(210px,1fr)}}
@media(max-width:950px){.site-header nav{gap:16px}.site-header{gap:18px}.header-progress{display:none}.design-entry h2{font-size:18px}.design-entry-action{font-size:12px}.design-missions{grid-template-columns:repeat(2,1fr)}.design-result-grid{grid-template-columns:1fr}.design-witness{display:block}.design-workbench{grid-template-columns:240px minmax(0,1fr)}.design-stage-head{flex-wrap:wrap}.design-readouts{gap:10px;padding:12px;margin-left:16px;margin-right:16px}.design-readouts b{font-size:19px}.design-transport{padding:14px 16px;gap:8px}.design-transport label{display:none}}
@media(max-width:650px){.site-header nav{gap:20px;overflow-x:auto;max-width:100%;padding-bottom:3px}.design-entry{padding:18px;gap:12px;flex-wrap:wrap}.design-entry-icon{width:35px;height:35px;font-size:18px;border-radius:8px}.design-entry>div{flex:1;min-width:210px}.design-entry h2{font-size:16px}.design-entry p{font-size:11px}.design-entry-action{margin-left:47px}.design-heading{padding-top:27px;align-items:flex-start}.design-heading h1{font-size:27px}.design-heading p{font-size:12px}.design-heading .button{font-size:10px;padding:10px;white-space:nowrap;gap:5px}.design-kicker{font-size:8px;letter-spacing:1px}.design-journey{gap:8px;font-size:10px;justify-content:space-between;padding-bottom:16px}.design-journey b{font-size:9px;margin-right:2px}.design-missions{gap:8px;margin:17px 0}.design-missions button{padding:12px;font-size:12px}.design-missions button span{font-size:9px}.design-workbench{display:flex;flex-direction:column}.design-controls{order:2;border-right:0;padding:20px}.design-stage{order:1}.design-stage-head{padding:19px 16px 12px}.design-stage-head h2{font-size:17px}.design-status{font-size:9px}.design-views{padding:0 15px 12px;gap:5px}.design-views button{font-size:10px;padding:5px 7px}#design-canvas{height:390px;min-height:330px}.design-readouts span{font-size:9px}.design-readouts b{font-size:19px}.design-stage-note{padding:0 16px 16px;font-size:9px}.design-transport{font-size:10px}.design-transport button{padding:8px 10px}.design-field{padding:13px 0}.design-field small{font-size:11px}.design-field>span{font-size:13px}.design-field input[type=range]{margin:18px 0 10px}.design-section-head{align-items:flex-start;gap:10px;flex-wrap:wrap}.design-section-head h2{font-size:18px}.design-section-head p{font-size:11px}.design-validation,.design-evidence{padding:19px 15px;margin:16px 0}.design-table-wrap th,.design-table-wrap td{padding:9px 6px;font-size:11px}.design-chart-head{font-size:11px;flex-wrap:wrap}.design-predict{padding:18px}.design-predict h2{font-size:16px}.design-prediction-options{font-size:12px}.design-record-actions .button{font-size:11px;padding:10px 13px}.design-method{font-size:11px}.design-assembly{padding:12px 16px}}