:root{color:#162444;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f7fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.hidden{display:none!important}.site-shell{min-height:100vh}.topbar{color:#fff;background:#0b1531;justify-content:space-between;align-items:center;gap:14px;padding:21px max(6vw,20px);display:flex}.brand{letter-spacing:-.85px;align-items:center;gap:8px;font-size:22px;font-weight:850;display:flex}.brand span:not(.brand-mark){color:#7eabff}.brand-mark{color:#fff;background:#4279f4;border-radius:10px;place-items:center;width:36px;height:36px;font-size:15px;display:grid}.top-right{flex-wrap:wrap;gap:8px;display:flex}.small-pill{background:#233865;border:1px solid #39507e;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:650}.small-pill.subtle{color:#d4dded;background:0 0}.hero{color:#fff;text-align:center;background:radial-gradient(at 88% 5%,#1f3a77 0,#0000 42%),#0b1531;padding:55px 20px 105px}.eyebrow{color:#98bafb;letter-spacing:2.1px;align-items:center;gap:10px;font-size:11px;font-weight:750;display:inline-flex}.eyebrow-dot{background:#73e6c4;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #73e6c41c}.hero h1{letter-spacing:-1.9px;margin:19px 0 15px;font-size:clamp(32px,5vw,55px);font-weight:850;line-height:1.1}.hero h1 span{color:#8fb8ff}.hero p{color:#c7d2e8;max-width:710px;margin:auto;font-size:16px;line-height:1.8}.trust-line{color:#9ec7d9;flex-wrap:wrap;justify-content:center;gap:28px;margin-top:23px;font-size:12px;display:flex}.workbench{background:#fff;border:1px solid #e6ebf4;border-radius:17px;max-width:1140px;margin:-68px auto 0;position:relative;overflow:hidden;box-shadow:0 24px 60px #07153b1a}.workspace-head{border-bottom:1px solid #e9edf5;justify-content:space-between;align-items:center;gap:12px;padding:23px 29px 20px;display:flex}.section-kicker{color:#5981d8;letter-spacing:1.6px;font-size:10px;font-weight:800}.workspace-head h2{letter-spacing:-.7px;margin:5px 0 0;font-size:24px}.version{color:#5a75a8;white-space:nowrap;background:#f5f9ff;border:1px solid #d5e1f5;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:750}.work-grid{grid-template-columns:1fr 1fr;display:grid}.settings-panel{border-right:1px solid #e8edf5;padding:27px 30px 33px}.step-title{align-items:center;gap:11px;margin-bottom:17px;display:flex}.step-title h3{letter-spacing:-.2px;margin:0;font-size:15px}.step-index{color:#356ad8;background:#e8f0ff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.upload{text-align:center;color:#1a3975;background:#f8fbff;border:2px dashed #c0d0e9;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:23px 16px;transition:all .15s;display:flex}.upload:hover,.upload.dragover{background:#ecf4ff;border-color:#477ee9}.upload.disabled{opacity:.5;pointer-events:none}.upload input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.upload:focus-within{outline-offset:2px;outline:3px solid #9fc2ff}.upload-icon{color:#3a71d8;background:#e2ecff;border-radius:12px;place-items:center;width:43px;height:43px;font-size:24px;display:grid}.upload strong{font-size:14px}.upload small{color:#71819d;font-size:11px}.file-info{color:#257660;overflow-wrap:anywhere;background:#eaf9f4;border-radius:8px;margin-top:13px;padding:11px 12px;font-size:12px}.divider-line{border-top:1px solid #e9edf4;margin:25px 0}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field:last-child{grid-column:1/-1}.field label{color:#475676;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.field select{appearance:auto;color:#172b4f;background:#fff;border:1px solid #d6dfef;border-radius:8px;width:100%;padding:11px;font-size:13px}.field select:focus{outline:2px solid #75a0fa}.hint{color:#76839a;margin:16px 0;font-size:12px;line-height:1.55}.summary{color:#4d5d7c;background:#f3f6fc;border-radius:8px;margin-bottom:15px;padding:11px 12px;font-size:12px}.primary,.secondary,.download{border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:45px;font-size:13px;font-weight:750;display:flex}.primary{color:#fff;background:linear-gradient(100deg,#2b61d6,#487ff5);border:0;box-shadow:0 6px 16px #3f74e133}.primary:hover:not(:disabled){filter:brightness(1.08)}.primary:disabled{box-shadow:none;background:#a9b9d7}.secondary{color:#9a332f;background:#fff;border:1px solid #efc8c6;margin-top:9px}.download{color:#126d48;background:#e9f8f1;border:1px solid #a4e1bf;margin-top:13px}.download:hover{background:#d8f2e5}.progress-wrap{margin-top:15px}.progress-title{color:#586c94;justify-content:space-between;gap:15px;margin-bottom:7px;font-size:12px;display:flex}progress{accent-color:#4078e8;width:100%;height:10px}.message{color:#25705e;margin-top:12px;font-size:12px;line-height:1.55}.message.error{color:#a13030;background:#fff2f2;border:1px solid #f1cccc;border-radius:8px;padding:10px}.preview-panel{background:linear-gradient(#fff,#f9fbff);padding:27px 30px}.preview-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.preview-head h3{margin:0;font-size:15px}.preview-head span{letter-spacing:.8px;color:#6f86ad;font-size:10px;font-weight:800}.preview-stage{background:#15233f;border-radius:12px;justify-content:center;align-items:center;min-height:306px;padding:20px;display:flex;box-shadow:inset 0 0 35px #071630}.preview-stage canvas{aspect-ratio:16/9;background:#f0f3f9;border-radius:4px;width:100%;max-width:100%;height:auto;display:block;box-shadow:0 8px 25px #0004}.preview-stage.portrait canvas{aspect-ratio:9/16;width:auto;max-height:380px}.preview-foot{color:#7887a0;overflow-wrap:anywhere;align-items:center;gap:9px;margin-top:12px;font-size:11px;display:flex}.preview-dot{background:#74d6a9;border-radius:50%;flex:none;width:7px;height:7px}.info-box{background:#edf5ff;border:1px solid #dce8f9;border-radius:10px;gap:12px;margin-top:31px;padding:15px;display:flex}.info-icon{color:#4e80d7;font-size:21px;line-height:1}.info-box p{color:#52709c;margin:0;font-size:12px;line-height:1.65}.info-box strong{color:#265cba}.below{text-align:center;grid-template-columns:repeat(3,1fr);gap:35px;max-width:1140px;margin:48px auto 55px;padding:0 12px;display:grid}.below h3{margin:10px 0 6px;font-size:14px}.below p{color:#7e8ba4;margin:0;font-size:12px;line-height:1.6}.mini-icon{color:#4178e0;background:#eaf0ff;border-radius:12px;place-items:center;width:43px;height:43px;margin:auto;font-size:20px;display:grid}footer{color:#8b96aa;border-top:1px solid #e2e8f1;justify-content:space-between;gap:12px;padding:20px max(6vw,20px);font-size:11px;display:flex}@media (width<=850px){.workbench{margin:-52px 18px 0}.work-grid{grid-template-columns:1fr}.settings-panel{border-bottom:1px solid #e8edf5;border-right:0}.preview-stage{min-height:250px}.below{grid-template-columns:1fr 1fr;max-width:620px}}@media (width<=540px){.topbar{padding:17px}.top-right .subtle{display:none}.hero{padding:44px 16px 90px}.hero p{font-size:14px}.trust-line{gap:10px;font-size:11px}.workbench{margin:-56px 12px 0}.workspace-head{padding:19px}.workspace-head h2{font-size:20px}.settings-panel,.preview-panel{padding:20px}.form-grid{grid-template-columns:1fr}.field:last-child{grid-column:auto}.preview-stage{min-height:180px;padding:13px}.below{grid-template-columns:1fr;gap:26px;margin:36px auto}.info-box{margin-top:20px}footer{text-align:center;flex-direction:column}}