:root{--ink:#10231d;--green:#153f32;--gold:#c89a48;--cream:#f3efe5;--line:#ddd8cb;--muted:#65716b}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}.top{height:72px;background:#fff;border-bottom:1px solid #e5e1d8;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;z-index:20}.mark{letter-spacing:.16em}.mark:first-letter{color:var(--gold)}.promise{font-size:.72rem;letter-spacing:.16em;color:#69736e}.workspace{width:min(1680px,calc(100% - 28px));margin:18px auto;display:grid;grid-template-columns:minmax(340px,440px) 1fr;gap:18px;align-items:start}.control,.preview{background:#fff;border-radius:24px;box-shadow:0 24px 70px rgba(16,35,29,.13);overflow:hidden}.control{padding:30px}.tag{font-size:.7rem;letter-spacing:.16em;color:var(--gold);font-weight:900}.control h1{font:700 clamp(2.2rem,3.3vw,3.65rem)/1.01 "Playfair Display",Georgia;margin:12px 0}.intro{color:var(--muted);line-height:1.65}.control label{display:block;font-weight:800;font-size:.82rem;margin-top:14px}.control label span{font-weight:500;color:#8a938e}.control input{width:100%;height:51px;margin-top:6px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;background:#fbfaf7}.pair{display:grid;grid-template-columns:1fr 1fr;gap:11px}.or{display:flex;align-items:center;gap:10px;margin:16px 0 2px;color:#9ba29e;font-size:.68rem}.or i{height:1px;background:#e2ded5;flex:1}.build{width:100%;height:64px;margin-top:18px;border:0;border-radius:14px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-weight:900;letter-spacing:.14em}.build strong{font-size:1.8rem;color:var(--gold)}.statusbox{margin-top:18px;background:var(--ink);color:#fff;padding:18px;border-radius:15px}.statushead{display:flex;justify-content:space-between;align-items:flex-end}.statushead small,.statushead b{display:block}.statushead small{color:var(--gold);font-size:.64rem;letter-spacing:.14em}.statushead strong{color:var(--gold)}.bar{height:8px;border-radius:99px;background:#ffffff22;overflow:hidden;margin:13px 0}.bar i{display:block;width:0;height:100%;background:var(--gold);transition:.3s}.statusbox ul{list-style:none;padding:0;margin:0;max-height:145px;overflow:auto}.statusbox li{font-size:.8rem;padding:5px 0;border-bottom:1px solid #ffffff13;color:#d2ddd7}.statusbox li:before{content:"✓";color:var(--gold);margin-right:8px}.actions{display:grid;grid-template-columns:.65fr .65fr .9fr 1.5fr;gap:8px;margin-top:13px}.actions button{min-height:48px;border:1px solid var(--line);background:#fff;border-radius:10px;font-weight:800}.actions button:last-child{background:var(--gold);border-color:var(--gold);color:#fff}.actions button:disabled{opacity:.4}.result{padding:13px;margin-top:12px;border:1px solid #ead39d;background:#fff8e7;border-radius:11px;font-size:.85rem}.fine{font-size:.72rem!important;color:#7c8781!important}.preview{position:sticky;top:90px}.browser{height:54px;background:#faf9f6;border-bottom:1px solid #e1ddd4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px}.browser>b{font-size:.72rem;letter-spacing:.12em}.browser>div{text-align:right}.device{border:0;background:transparent;padding:8px;border-radius:8px}.device.active{background:#fff;box-shadow:0 2px 10px #0002}.screen{height:820px;background:#d8dcd9;padding:12px;display:flex;justify-content:center}.screen iframe{border:0;background:#fff;width:100%;height:100%;transition:.25s}.screen iframe.mobile{width:390px;max-width:100%}.drawer{position:fixed;right:22px;top:90px;width:min(390px,calc(100% - 44px));z-index:50;background:#fff;border-radius:18px;box-shadow:0 25px 90px #0004;padding:18px}.drawer>div{display:flex;justify-content:space-between;align-items:center}.drawer h2{font-family:"Playfair Display"}.drawer>div button{border:0;background:#eee;border-radius:50%;width:35px;height:35px;font-size:1.4rem}.drawer nav{display:grid;gap:7px}.drawer nav button{text-align:left;padding:12px;border:1px solid var(--line);background:#fbfaf7;border-radius:9px;font-weight:800}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.preview{position:static}}@media(max-width:600px){.top .promise{display:none}.workspace{width:calc(100% - 8px);margin:4px auto}.control{padding:21px 14px}.pair,.actions{grid-template-columns:1fr}.screen{padding:5px}}
.qc-panel{margin-top:14px;border:1px solid var(--line);border-radius:16px;padding:17px;background:#fbfaf7}.qc-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.qc-title small{font-size:.64rem;letter-spacing:.15em;color:var(--gold);font-weight:900}.qc-title h2{font:700 1.55rem/1.1 "Playfair Display",Georgia;margin:5px 0 0}.qc-score{display:flex;align-items:baseline;color:var(--ink)}.qc-score strong{font-size:2.5rem;line-height:1}.qc-score span{font-weight:800;color:var(--muted)}.qc-status{margin:13px 0;padding:11px 13px;border-radius:10px;font-size:.8rem;font-weight:900;letter-spacing:.05em}.qc-status.pass{background:#e5f4ea;color:#176333}.qc-status.fail{background:#fff0e8;color:#9a3e17}.qc-groups{display:grid;gap:10px}.qc-group{background:#fff;border:1px solid #e5e1d8;border-radius:12px;padding:12px}.qc-group h3{font:700 1rem/1.2 "Playfair Display",Georgia;margin:0 0 8px}.qc-item{display:grid;grid-template-columns:22px 1fr;gap:7px;padding:5px 0;border-top:1px solid #f0ede7;font-size:.76rem}.qc-item:first-of-type{border-top:0}.qc-item .icon{font-weight:900}.qc-item.pass .icon{color:#18864b}.qc-item.fail .icon{color:#c34c24}.qc-item small{display:block;color:var(--muted);margin-top:2px}.qc-note{font-size:.72rem;color:var(--muted);margin-top:10px}.qc-lock{color:#9a3e17;font-weight:800}.qc-release{color:#176333;font-weight:800}