:root{--paper:#efeee9;--green:#304d41;--ink:#27332d;--line:#d9ddd5;--muted:#7a8379}body{font-family:Arial,Helvetica,sans-serif}header{padding:15px 3%;background:#23382e;color:#fff;border:0}header strong{letter-spacing:-.7px}header small{font-size:8px;letter-spacing:2.5px;margin-top:3px;color:#bdcbbd}header span{background:#ffffff12;color:#dce7d8;font-size:10px}.notice{background:#e6e8df;padding:9px 3%;font-size:10px;letter-spacing:.8px;color:#677360}.intro{padding:25px 3% 22px}.intro h1{font-size:38px;letter-spacing:-1.3px;margin:8px 0 10px}.intro p{font-size:13px;max-width:650px}.eyebrow{font-size:9px;letter-spacing:2.4px}.studioSteps{margin:0 3% 20px;display:flex;border-bottom:1px solid #ccd3c8;gap:34px}.studioSteps button{display:flex;align-items:center;gap:9px;padding:12px 0 15px;background:none;border:0;border-bottom:2px solid transparent;color:#858d80;font-size:12px}.studioSteps button span{font-size:9px;border:1px solid #c4ccbf;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.studioSteps button[aria-current=step]{color:#243e2e;border-bottom-color:#243e2e}.studioSteps button[aria-current=step] span{background:#304d41;color:white;border-color:#304d41}.layout{padding:0 3% 30px;gap:28px;grid-template-columns:minmax(0,1fr) 340px;max-width:1600px;margin:auto}.preview{background:#f8f7f3;border-radius:8px;border:1px solid #d9dcd2;top:14px;box-shadow:0 8px 24px #24352308}.designMeta{padding:17px 22px 0;color:#7b8575;text-transform:uppercase;font-size:9px;letter-spacing:1.3px}.previewbar{padding:8px 22px 12px;font-size:10px;letter-spacing:.8px;border-bottom:1px solid #e6e5dd}.previewbar .tag{font-size:9px;margin-left:8px;font-weight:400;background:transparent;color:#939c8c}.seg{border-color:#deded5;background:#eeeee7}.seg button{font-size:10px;padding:5px 12px}.art{max-height:none;min-height:0}.previewfooter{padding:13px 20px;border-color:#e3e4db;font-size:10px;gap:14px;background:#f1f1e9}.previewfooter p{font-size:10px;max-width:330px}.quiet{font-size:11px;border-color:#cbd0c4}.panel{border:0;border-radius:8px;padding:23px;background:#fff;box-shadow:0 4px 18px #24352304;margin-bottom:12px}.panel[hidden]{display:none}h2{font-size:20px;font-weight:500;letter-spacing:-.5px;margin-bottom:20px}h2 i{display:block;letter-spacing:2px;font-size:9px;margin-bottom:8px;color:#899b83}.choices{gap:9px;margin-bottom:18px}.choices[data-choice=length]{grid-template-columns:1fr 1fr}.choices button{border-color:#e0e4da;color:#82917c;border-radius:8px;padding:9px 2px 10px;transition:background .15s,border .15s,transform .15s;position:relative}.choices button:hover{border-color:#738c64;transform:translateY(-1px)}.choices button svg{width:57px;height:48px;display:block;margin:0 auto 5px}.choices button span{font-size:10px;color:#5a6556}.choices button[aria-pressed=true]{background:#f0f4eb;color:#45613b;border-color:#6b8558;box-shadow:inset 0 0 0 .4px #6b8558}.choices button[aria-pressed=true]::after{content:'✓';position:absolute;right:6px;top:2px;font-size:10px}.choices button[aria-pressed=true] span{color:#273e25}label{font-size:11px;color:#596453;font-weight:500;margin:13px 0 7px}.hint{font-size:11px;line-height:1.6;color:#8a9384}.stepFooter{display:flex;gap:12px;padding:4px 0}.stepFooter .primary{width:auto;flex:1;font-size:12px}.stepFooter .quiet{background:#fff;padding:12px 18px}.stepFooter button:disabled{opacity:.4;cursor:default}.primary{border-radius:6px;font-size:12px;font-weight:500;letter-spacing:.3px;background:#304d41}.secondary{border:0;background:#e9eee3;font-size:11px;color:#56704a}.palette{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 30px}.palette button{width:100%;height:49px;border-radius:5px;position:relative;border:7px solid white;outline:1px solid #e1e4dc;margin-bottom:18px}.paletteName{position:absolute;left:0;right:0;top:46px;font-size:10px;color:#6c7863;white-space:nowrap}.colorrow{padding:13px 0}.colorrow input{width:46px;height:35px;border-radius:4px}.reviewTeam{font:28px Georgia,serif;margin:10px 0 22px}.reviewSwatches{display:flex;gap:11px;padding:15px 0}.reviewSwatches span{font-size:8px;display:flex;flex-direction:column;align-items:center;gap:7px}.reviewSwatches i{display:block;width:27px;height:27px;border-radius:50%;border:1px solid #cfd5c8}dl{font-size:11px;margin:0}dt{float:left;color:#909889}dd{margin-left:90px;text-transform:capitalize;text-align:right;border-bottom:1px solid #ecefe7;padding-bottom:12px;margin-bottom:12px}#reviewPreview{width:100%;max-height:360px;background:#f8f7f3;border:1px solid #e0e3d7;border-radius:5px}.summary{font-size:11px;margin:15px 0;background:#f3f4ee}dialog{width:660px}footer{font-size:10px;border-top:1px solid #d9ddd0}.controls{min-width:0}input[type=text],input[type=email],select,textarea{font-size:12px}.status{font-size:11px}
@media(min-width:1500px){.layout{grid-template-columns:minmax(0,1fr) 380px}.art{max-height:700px}.previewbar{padding-top:12px}}@media(max-width:900px){.layout{gap:16px;grid-template-columns:minmax(0,1fr) 290px}.panel{padding:18px}.previewbar{flex-wrap:wrap}.previewfooter p{display:none}.previewfooter{justify-content:flex-end}.studioSteps{gap:22px}}
@media(max-width:720px){header{padding:14px 5%}.intro{padding:23px 5% 17px}.intro h1{font-size:31px}.intro p{font-size:12px}.notice{padding:9px 5%;font-size:9px}.studioSteps{margin:0 5% 14px;gap:0;justify-content:space-between}.studioSteps button{font-size:10px;gap:5px;padding:9px 0}.studioSteps button span{width:20px;height:20px;font-size:8px}.layout{padding:0 5% 22px;gap:14px}.preview{top:0;border-radius:8px;z-index:5}.designMeta{display:none}.previewbar{padding:8px 12px;flex-wrap:nowrap;font-size:8px}.previewbar .tag{display:none}.seg button{padding:4px 8px;font-size:9px}.art{height:265px;max-height:32vh;width:100%}.previewfooter{padding:5px 10px}.previewfooter .quiet{font-size:9px;padding:4px 8px}.panel{padding:21px}.choices button svg{height:49px;width:59px}.choices button span{font-size:11px}.studioSteps{position:relative}.stepFooter{padding:3px 0 20px}.controls{scroll-margin-top:370px}#reviewPreview{max-height:280px}}
@media(min-width:721px){.art{height:560px;max-height:62vh}.intro{padding-top:21px;padding-bottom:17px}.studioSteps{margin-bottom:16px}.preview{top:10px}}