.preferencePage{background:var(--paper);min-height:100vh}.preferenceHero{padding:80px 0 65px}.preferenceHero h1{margin:22px 0 25px;font-size:clamp(58px,8vw,100px)}.preferenceHero>p{max-width:820px;color:var(--muted);font-size:15px;line-height:1.7}.preferenceActions{flex-wrap:wrap;gap:9px;margin-top:29px;display:flex}.preferenceActions a{border:1px solid var(--line);border-radius:5px;padding:11px 14px;font:700 8px Courier New}.preferenceActions .primary{background:var(--ink);color:#fff;border-color:var(--ink)}.preferenceProof{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.preferenceProof div{border-right:1px solid var(--line);flex-direction:column;min-height:115px;padding:20px;display:flex}.preferenceProof div:last-child{border:0}.preferenceProof b{font-size:32px}.preferenceProof span{color:#788178;margin-top:auto;font:8px Courier New}.preferenceControls{color:#fff;background:#172119;padding:110px 0}.preferenceControls h2 em{color:#9fa9a1}.preferenceControls .sectionHead>p{color:#939d95}.preferenceControlGrid{border:1px solid #38433b;border-radius:12px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.preferenceControlGrid article{border-right:1px solid #38433b;min-height:265px;padding:22px}.preferenceControlGrid article:last-child{border:0}.preferenceControlGrid span{color:#7d8980;font:8px Courier New}.preferenceControlGrid b{margin:52px 0 15px;font-size:15px;display:block}.preferenceControlGrid p{color:#909b92;font-size:10px;line-height:1.65}.preferenceMilestoneSection{background:#e7eadf;padding:105px 0}.preferenceMilestoneSection>.shell{grid-template-columns:.75fr 1.25fr;align-items:end;gap:70px;display:grid}.preferenceMilestoneSection h2{margin:14px 0 20px}.preferenceMilestoneSection p{color:#697269;font-size:10px;line-height:1.7}.milestoneRail{border:1px solid #c8cec4;border-radius:11px;grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.milestoneRail article{border-right:1px solid #c8cec4;flex-direction:column;justify-content:space-between;min-height:145px;padding:14px;display:flex}.milestoneRail article:last-child{border:0}.milestoneRail span{color:#7a8279;font:8px Courier New}.milestoneRail b{font-size:14px}.preferenceFormula{background:#dceb55;padding:100px 0}.preferenceFormula>.shell{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.preferenceFormula h2{margin-top:14px}.preferenceEquation{background:#f6f8dc;border:1px solid #a9b24b;border-radius:12px;padding:26px}.preferenceEquation p{border-bottom:1px solid #c5cc7f;justify-content:space-between;gap:30px;margin:0;padding:18px 0;display:flex}.preferenceEquation b{font:700 8px Courier New}.preferenceEquation span{font-size:20px}.preferenceEquation small{color:#5c642d;margin-top:22px;font:8px/1.65 Courier New;display:block}.preferenceReproducer{padding:110px 0}.preferenceLab{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.preferenceLab>header{border-bottom:1px solid var(--line);background:#f2f3ed;justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.preferenceLab>header>div{align-items:center;gap:8px;display:flex}.preferenceLab header span,.preferenceLab header b,.preferenceLab button{font:700 8px Courier New}.preferenceLab button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:5px;padding:8px 10px}.preferenceLab .runPreference{background:var(--ink);color:#fff}.preferenceWorkspace{grid-template-columns:1.1fr .9fr;display:grid}.preferenceEditor{border-right:1px solid var(--line)}.preferenceEditor label{padding:13px 16px;font:8px Courier New;display:block}.preferenceEditor textarea{border:0;border-top:1px solid var(--line);resize:vertical;outline:0;width:100%;min-height:760px;padding:18px;font:9px/1.55 Courier New;display:block}.preferenceEditor footer{border-top:1px solid var(--line);background:#f6f6f1;justify-content:space-between;padding:13px 16px;font:8px Courier New;display:flex}.preferenceOutput{background:var(--ink);color:#fff;padding:19px}.preferenceStatus{border-bottom:1px solid #354238;padding-bottom:17px}.preferenceStatus span,.preferenceStatus small{color:#829087;font:8px/1.5 Courier New;display:block}.preferenceStatus b{margin:12px 0;font-size:28px;display:block}.preferenceStatus.passed b{color:var(--lime)}.preferenceStatus.failed b{color:#ff938d}.preferenceMetrics{border:1px solid #354238;grid-template-columns:1fr 1fr;margin:17px 0;display:grid}.preferenceMetrics article{border-bottom:1px solid #354238;border-right:1px solid #354238;min-height:100px;padding:12px}.preferenceMetrics article:nth-child(2n){border-right:0}.preferenceMetrics article:nth-child(n+3){border-bottom:0}.preferenceMetrics span,.preferenceMetrics small{color:#829087;font:7px Courier New;display:block}.preferenceMetrics b{margin-top:20px;font-size:18px;display:block}.preferenceMetrics small{margin-top:7px}.preferenceMilestones{border:1px solid #354238;margin-bottom:17px}.preferenceMilestones header,.preferenceMilestones>div{border-bottom:1px solid #354238;grid-template-columns:.7fr .8fr .8fr 1.4fr;gap:8px;padding:8px;display:grid}.preferenceMilestones>div:last-child{border:0}.preferenceMilestones span,.preferenceMilestones b{font:8px Courier New}.preferenceMilestones header span{color:#829087}.preferenceGates article{border-bottom:1px solid #303b32;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.preferenceGates span,.preferenceGates i{font:700 8px Courier New}.preferenceGates b{font-size:9px}.preferenceGates p{color:#859088;margin:5px 0 0;font-size:8px;line-height:1.45}.preferenceGates i{color:#ff938d;font-style:normal}.preferenceGates .pass i{color:var(--lime)}.preferenceLab>aside{background:#fff7d4;border-top:1px solid #d7c269;grid-template-columns:150px 1fr;gap:20px;padding:17px;display:grid}.preferenceLab>aside b{font:8px Courier New}.preferenceLab>aside p{color:#706733;margin:0;font-size:9px;line-height:1.5}.preferenceBoundary{background:#cfd7ef;padding:34px 0}.preferenceBoundary>.shell{grid-template-columns:210px 1fr auto;align-items:center;gap:30px;display:grid}.preferenceBoundary b,.preferenceBoundary a{font:700 8px Courier New}.preferenceBoundary p{font-size:10px;line-height:1.6}.preferenceBoundary a{border-bottom:1px solid}.preferenceBoundary+.wantedFooter{margin-top:0}@media (max-width:1000px){.preferenceControlGrid{grid-template-columns:1fr 1fr}.preferenceControlGrid article:nth-child(2){border-right:0}.preferenceControlGrid article:nth-child(-n+2){border-bottom:1px solid #38433b}.preferenceMilestoneSection>.shell,.preferenceFormula>.shell,.preferenceWorkspace{grid-template-columns:1fr}.preferenceEditor{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:720px){.preferenceHero h1{font-size:48px}.preferenceProof,.preferenceControlGrid{grid-template-columns:1fr 1fr}.preferenceProof div:nth-child(2){border-right:0}.preferenceProof div:nth-child(-n+2){border-bottom:1px solid var(--line)}.milestoneRail{grid-template-columns:repeat(2,1fr)}.milestoneRail article{border-bottom:1px solid #c8cec4}.milestoneRail article:nth-child(2n){border-right:0}.milestoneRail article:last-child{border-bottom:0}.preferenceLab>header,.preferenceEditor footer,.preferenceBoundary>.shell{flex-direction:column;align-items:flex-start;display:flex}.preferenceLab>header>div{flex-wrap:wrap}.preferenceEditor textarea{min-height:520px}.preferenceEquation p{flex-direction:column;gap:10px}}
