:root{--ink:#173239;--gold:#b49c61;--muted:#626e70;--paper:#f4f3ee;--line:#dce2dd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.demo-bar{padding:8px 20px;text-align:center;font-size:11px;letter-spacing:1.3px;background:var(--ink);color:white}.header{max-width:1120px;margin:auto;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink);font-size:11px;letter-spacing:1.2px;font-weight:700}.brand img{width:60px;height:60px;object-fit:contain}.brand small{display:block;font-size:18px;letter-spacing:0}.studio-link{color:var(--ink);font-size:13px}main{max-width:1120px;margin:auto;padding:0 28px}.hero{padding:35px 0 35px;max-width:750px}.eyebrow{color:#8b783f;font-size:10px;letter-spacing:2px;font-weight:750;margin:0 0 12px}h1{font:500 clamp(34px,5vw,57px)/1.1 Georgia,serif;letter-spacing:-1.8px;margin:0 0 22px}h2{font-size:21px;line-height:1.3;margin:0 0 10px}p{margin:0 0 16px}.lead{font-size:17px;max-width:620px;color:var(--muted)}.layout{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 14px 40px #17323906}.card-head{display:flex;gap:16px;margin-bottom:25px}.card-head p{color:var(--muted);font-size:13px;margin:0}.step{background:#f5f1e5;flex:0 0 36px;height:36px;text-align:center;line-height:36px;border-radius:50%;color:#8b783f;font-size:12px}label{display:block;font-size:12px;font-weight:650;margin:17px 0 6px}input{width:100%;border:1px solid #bbc8c4;padding:13px 14px;font:inherit;border-radius:7px;min-width:0;color:var(--ink);background:white}input:focus{outline:3px solid #beab7435;border-color:var(--gold)}button{cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;border-radius:7px;min-height:44px}.primary{display:flex;justify-content:space-between;width:100%;background:var(--ink);color:white;border:1px solid var(--ink);padding:15px 18px;margin-top:23px}.secondary{background:white;color:var(--ink);border:1px solid #bcc6bf;padding:12px 18px;white-space:nowrap}.hint,.small{font-size:12px;color:var(--muted)}.hint{margin:16px 0 0}.explainer{max-width:370px}.explainer p,.explainer li{font-size:14px;color:var(--muted)}.explainer ol{padding-left:20px;margin:18px 0 24px}.explainer li{padding:5px}.demo-card{margin:35px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:26px;background:#e9ede7;border-radius:14px}.demo-card p{font-size:13px;margin-bottom:0;max-width:620px}.demo-card .eyebrow{margin-bottom:8px}.management{padding:20px 0;border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:650}footer{margin-top:25px;padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted)}footer p{width:100%}a{color:var(--ink)}.error,.notice{padding:14px;margin-top:16px;border-radius:8px;background:#fcf0e8;color:#854628;font-size:14px}.result-card{margin-top:30px;background:white;border-radius:18px;border:1px solid var(--line);overflow:hidden}.status-line{padding:22px 28px;background:#e7f1e8;border-bottom:1px solid var(--line)}.status-line.bad{background:#fae9e4}.status-line.warning{background:#fbf2dd}.status-line h2{margin:0}.result-body{padding:28px}.badge{display:inline-block;background:#f4f0e1;border-radius:4px;padding:3px 8px;font-size:10px;letter-spacing:1px;margin-bottom:12px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 30px}.facts dt{font-size:11px;color:var(--muted)}.facts dd{margin:2px 0 0;font-size:16px;font-weight:600;overflow-wrap:anywhere}.field-list{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:0;font-size:13px}.field-list dt,.field-list dd{border-bottom:1px solid #edf0eb;margin:0;padding:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.field-list dt{color:var(--muted);padding-right:20px}.record{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;justify-content:space-between}.record small{display:block;color:var(--muted)}.record button{margin:3px;font-size:12px}.file-check{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}@media(max-width:720px){.header{padding:20px}.brand img{width:46px;height:46px}.brand span{font-size:9px}.brand small{font-size:15px}.studio-link{font-size:11px;max-width:100px;text-align:right}main{padding:0 20px}.hero{padding:25px 0}.layout{grid-template-columns:1fr;gap:25px}.card{padding:22px}.explainer{max-width:none}.demo-card{display:block}.demo-card button{margin-top:20px}.facts{grid-template-columns:1fr}.result-body{padding:20px}.status-line{padding:20px}.field-list{grid-template-columns:1fr}.field-list dt{border:0;padding-bottom:0}.record{display:block}.record button{margin-top:10px}}

a.secondary{display:inline-block;white-space:normal;margin:18px 0;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b49c61;outline-offset:3px}

[hidden]{display:none!important}

.record-dialog{border:1px solid var(--line);border-radius:18px;padding:28px;width:min(620px,calc(100% - 32px));max-height:calc(100vh - 32px);overflow:auto;color:var(--ink);background:white;box-shadow:0 20px 70px #17323933}.record-dialog::backdrop{background:#10262e88}.record-identity{font-weight:600;overflow-wrap:anywhere}.record-dialog textarea{width:100%;resize:vertical;border:1px solid #bbc8c4;padding:12px 14px;font:inherit;border-radius:7px;color:var(--ink);background:white}.record-dialog textarea:focus{outline:3px solid #beab7435;border-color:var(--gold)}.record-dialog-actions{display:flex;gap:12px;justify-content:flex-end;align-items:stretch;margin-top:22px}.record-dialog-actions .primary{margin:0;width:auto;justify-content:center}.record-dialog-actions button{white-space:normal}@media(max-width:520px){.record-dialog{padding:20px}.record-dialog-actions{flex-direction:column-reverse}.record-dialog-actions button{width:100%}}