.paint-page{min-height:100vh;color:var(--ink)}.paint-nav,.paint-hero,.paint-workspace,.paint-notes,.paint-footer{width:min(1100px,100% - 40px);margin-inline:auto}.paint-nav,.paint-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.paint-nav{border-bottom:1px solid var(--line);min-height:82px}.paint-back,.paint-footer{color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}.paint-hero{max-width:840px;margin-left:max(20px,50vw - 550px);padding:80px 0 52px}.paint-kicker{color:var(--muted);font-family:var(--font-dm-mono), monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:500}.paint-kicker:before{background:var(--orange);content:"";border-radius:99px;width:24px;height:7px;margin-right:10px;display:inline-block}.paint-hero h1{max-width:720px;font-size:clamp(52px,8vw,92px);line-height:.95}.paint-hero>p:last-child{max-width:630px;color:var(--muted);margin:26px 0 0;font-size:18px;line-height:1.65}.paint-workspace{border:1px solid var(--ink);background:var(--panel);box-shadow:10px 10px 0 var(--orange);border-radius:10px;grid-template-columns:minmax(0,1.24fr) minmax(310px,.76fr);display:grid;overflow:hidden}.paint-controls,.paint-result{padding:clamp(25px,4vw,45px)}.paint-controls{border-right:1px solid var(--line);gap:20px;display:grid}.paint-step{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.paint-step fieldset,.paint-fields,.paint-result dl{border:0;margin:0;padding:0}.paint-step legend,.paint-fields legend{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.paint-step label{color:var(--muted);white-space:nowrap;margin-left:10px;font-size:13px}.paint-step input{accent-color:var(--ink)}.paint-fields{border:1px solid var(--line);background:#f4f1e88c;border-radius:7px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px;display:grid}.paint-fields label{color:var(--ink);gap:7px;font-size:12px;font-weight:800;display:grid;position:relative}.paint-fields input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:4px;padding:0 10px}.paint-fields span{color:var(--muted);font-family:var(--font-dm-mono), monospace;pointer-events:none;font-size:11px;position:absolute;bottom:14px;right:9px}.paint-fields small{color:var(--muted);font-weight:500}.paint-openings{grid-template-columns:1fr 1fr;gap:14px;display:grid}.paint-openings .paint-fields{grid-template-columns:repeat(3,minmax(0,1fr));padding:17px}.paint-paint-inputs{grid-template-columns:.5fr 1.15fr .75fr 1fr}.paint-result{background:var(--ink);color:#fff}.paint-result .paint-kicker,.paint-result-label,.paint-local-note,.paint-result dt,.paint-volume{color:#ffffffa6}.paint-result h2{color:var(--acid);letter-spacing:-.08em;margin:0;font-size:clamp(70px,8vw,96px);line-height:.9}.paint-result-label{margin:0 0 7px;font-size:13px;font-weight:700}.paint-volume{margin:13px 0 27px;font-size:14px;line-height:1.5}.paint-result dl{gap:14px;margin-bottom:25px;display:grid}.paint-result dl div{border-top:1px dashed #ffffff40;justify-content:space-between;align-items:baseline;gap:15px;padding-top:14px;display:flex}.paint-result dt,.paint-result dd{margin:0;font-size:13px}.paint-result dd{font-family:var(--font-dm-mono), monospace;text-align:right;font-weight:500}.paint-result button{background:var(--acid);width:100%;min-height:47px;color:var(--ink);cursor:pointer;border:0;border-radius:4px;font-weight:800}.paint-result button:disabled{cursor:not-allowed;opacity:.45}.paint-local-note{margin:13px 0 0;font-size:11px;line-height:1.5}.paint-notes{grid-template-columns:.72fr 1.28fr;gap:9vw;padding:100px 0;display:grid}.paint-notes h2{letter-spacing:-.06em;margin:0;font-size:clamp(30px,3.3vw,48px);line-height:1.05}.paint-notes>div:last-child{color:var(--muted);font-size:15px;line-height:1.7}.paint-notes p{margin:0 0 20px}.paint-notes strong,.paint-notes a{color:var(--ink);font-weight:800}.paint-footer{border-top:1px solid var(--line);min-height:82px;padding:20px 0}.paint-footer span{margin-right:auto}@media (width<=760px){.paint-hero{margin-inline:20px;padding-top:58px}.paint-workspace,.paint-notes{grid-template-columns:1fr}.paint-controls{border-right:0;border-bottom:1px solid var(--line)}.paint-notes{gap:30px;padding:70px 0}.paint-paint-inputs{grid-template-columns:1fr 1fr}}@media (width<=560px){.paint-nav,.paint-footer{gap:12px}.paint-back,.paint-footer{font-size:11px}.paint-step{display:block}.paint-step fieldset{margin-top:15px}.paint-step label:first-of-type{margin-left:0}.paint-fields,.paint-openings,.paint-openings .paint-fields,.paint-paint-inputs{grid-template-columns:1fr}.paint-footer span{max-width:150px}}