:root{--navy:#062448;--cyan:#00c7d9;--ink:#102d49;--muted:#61768b;--line:#d6e2ed}*{box-sizing:border-box}body{margin:0;background:#f2f6fb;color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:var(--navy)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #00aabc;outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;padding:15px 36px;background:#fff;border-bottom:1px solid var(--line)}.brand{position:relative;width:275px;height:52px;overflow:hidden;display:block}.brand img{position:absolute;width:110%;left:-4.5%;top:50%;transform:translateY(-50%)}.back{font-size:14px;font-weight:bold;text-decoration:none}main{max-width:1500px;margin:auto;padding:32px}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:1.7px;color:#008797}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:10px 0}.intro p{margin:0;color:var(--muted)}.prototype{text-align:right;font-size:14px;font-weight:bold;color:#007d8b}.prototype span{font-size:12px;color:var(--muted);font-weight:normal}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:start}aside{background:#fff;border:1px solid var(--line);border-radius:9px;padding:24px}.form-heading{margin-bottom:22px}.form-heading strong{font-size:15px}.form-heading span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.form-heading.second{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}label{display:block;font-size:14px;font-weight:bold;margin:16px 0 7px}input,select,textarea{display:block;width:100%;padding:11px 12px;color:var(--ink);background:#f9fbfd;border:1px solid #b9cbdc;border-radius:5px;min-height:44px;font-size:14px}textarea{resize:vertical}input[type=file]{font-size:12px;padding:10px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:6px}.package-note{padding:11px;background:#edf9fb;color:#24707a;font-size:13px;border-radius:5px}.primary,.secondary{padding:12px 18px;border:0;border-radius:5px;font-weight:bold;font-size:14px;min-height:46px}.primary{background:var(--cyan);color:var(--navy)}.secondary{background:#fff;border:1px solid #afc6d9;color:var(--navy)}.generate{width:100%;margin-top:23px}.text-button{font-size:12px;border:0;background:transparent;text-decoration:underline;color:#45667f;padding:8px 0}.field-status{font-size:13px;margin:10px 0 0;color:#286a77;overflow-wrap:anywhere}.field-status.error{color:#a03232}.preview-pane{min-width:0;position:sticky;top:20px}.preview-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px 9px 0 0;padding:16px 20px}.preview-toolbar strong{font-size:14px}.preview-toolbar span{display:block;font-size:12px;color:var(--muted)}.view-controls{display:flex;gap:5px;background:#eef3f8;padding:4px;border-radius:6px}.view-controls button{border:0;padding:8px 12px;font-size:12px;background:transparent;border-radius:4px;color:#546c80}.view-controls button[aria-pressed=true]{background:#fff;color:var(--navy);box-shadow:0 2px 6px #233e5915}.preview-frame{height:640px;background:#dce5ee;padding:20px;display:flex;justify-content:center;overflow:hidden;border:1px solid var(--line);border-top:0}.preview-frame iframe{width:100%;height:100%;border:0;background:#fff;border-radius:5px;box-shadow:0 10px 35px #18354920;transition:width .2s}.preview-frame.mobile iframe{width:375px;max-width:100%}.review-panel{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 9px 9px;padding:20px}.review-panel strong{font-size:14px}.review-panel p{color:var(--muted);font-size:13px;margin:8px 0 15px}.review-actions{display:flex;gap:10px;flex-wrap:wrap}.disclosure{font-size:12px;color:var(--muted);padding:0 3px}#review-status{font-size:13px;overflow-wrap:anywhere;margin-top:12px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 36px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1000px){.workspace{grid-template-columns:310px minmax(0,1fr);gap:16px}main{padding:24px}.two{grid-template-columns:1fr}.preview-frame{padding:12px;height:600px}.prototype{max-width:210px}}@media(max-width:740px){header{padding:12px 20px}.brand{width:220px;height:45px}main{padding:24px 18px}.intro{display:block}.prototype{text-align:left;max-width:none;margin-top:14px}h1{font-size:29px}.workspace{grid-template-columns:1fr}.preview-pane{position:static}.two{grid-template-columns:1fr 1fr}.preview-frame{height:580px;padding:10px}.preview-toolbar{padding:13px}.view-controls button{padding:8px}.review-actions button{flex:1}footer{padding:24px 20px;flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}