:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f8ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#05070d;--surface:#0f121ddb;--surface-strong:#0c0f18f5;--line:#8798b340;--line-strong:#60e8ff7a;--text:#f6f8ff;--muted:#9da7b8;--soft:#6d7587;--cyan:#55e7fb;--cyan-strong:#28d9f5;--violet:#8057f6;--green:#20d66b;--error:#ff6b87;--shadow:0 24px 90px #00000085;background:#05070d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 28%,#2fe5f229,#0000 28rem),radial-gradient(circle at 70% 36%,#8057f621,#0000 29rem),linear-gradient(#060810 0%,#05070d 52%,#03050a 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,textarea{font:inherit}button{color:inherit}a{color:var(--cyan);text-decoration:none}.app-shell{width:min(1510px,100vw - 64px);min-height:100vh;margin:0 auto;padding:38px 0 54px;position:relative}.ambient{pointer-events:none;z-index:0;filter:blur(42px);opacity:.54;border-radius:999px;position:fixed}.ambient-one{background:#3fe5ec29;width:420px;height:420px;top:260px;left:-130px}.ambient-two{background:#7145ec2e;width:350px;height:350px;top:350px;right:18%}.topbar,.panel,.setup-footer{z-index:1;position:relative}.topbar{border:1px solid var(--line);min-height:104px;box-shadow:var(--shadow), inset 0 0 0 1px #ffffff09;background:linear-gradient(#0f121dcc,#090b13e0);border-radius:16px;grid-template-columns:minmax(210px,1fr) minmax(330px,2fr) minmax(180px,1fr);align-items:center;gap:24px;padding:24px 28px;display:grid}.brand{align-items:center;gap:16px;min-width:0;font-size:19px;display:inline-flex}.brand-mark{width:43px;height:43px;color:var(--cyan);background:#171b28;border:1px solid #ffffff2e;border-radius:10px;place-items:center;display:grid;box-shadow:0 0 24px #55e7fb2e}.headline{text-align:center}.headline h1,.panel h2{letter-spacing:0;margin:0}.headline h1{font-size:clamp(26px,2.1vw,36px);font-weight:720;line-height:1.1}.headline p,.panel-heading p,.payment-note,.setup-footer{color:var(--muted)}.headline p{max-width:760px;margin:12px auto 0;font-size:14px;line-height:1.55}.price-pill{color:#071018;white-space:nowrap;background:linear-gradient(#67efff,#39daf2);border-radius:999px;justify-content:center;justify-self:end;align-items:center;min-height:44px;padding:0 22px;font-weight:800;display:inline-flex;box-shadow:0 0 32px #55e7fb4d}.workspace-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;width:min(1110px,100%);margin:34px auto 0;display:grid}.panel{border:1px solid var(--line);box-shadow:var(--shadow), inset 0 0 0 1px #ffffff06;background:linear-gradient(#131622e6,#090b12eb),#0a0c13eb;border-radius:16px;overflow:hidden}.input-panel,.preview-panel{min-width:0}.panel-heading{border-bottom:1px solid #8798b329;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 30px 22px;display:flex}.panel-heading.compact{align-items:center}.panel h2{font-size:24px;font-weight:720;line-height:1.15}.panel-heading p{margin:8px 0 0;font-size:13px}.template-toggle{background:#06080eb8;border:1px solid #8798b338;border-radius:14px;grid-template-columns:repeat(2,minmax(132px,1fr));gap:6px;padding:5px;display:inline-grid}.template-option{cursor:pointer;min-height:54px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:10px;padding:8px 12px}.template-option span,.template-option small{display:block}.template-option span{font-size:13px;font-weight:760}.template-option small{color:var(--soft);margin-top:3px;font-size:11px}.template-option.is-active{color:#061018;background:linear-gradient(#66efff,#38d9f3);box-shadow:0 0 20px #55e7fb4d}.template-option.is-active small{color:#040f17a3}.upload-row{scrollbar-color:#55e7fb73 transparent;grid-auto-columns:minmax(112px,132px);grid-auto-flow:column;gap:14px;padding:20px 30px 16px;display:grid;overflow-x:auto}.upload-card{cursor:pointer;min-height:132px;color:var(--muted);background:#0e111cc7;border:1px solid #8798b32e;border-radius:14px;grid-template-rows:68px auto;gap:10px;padding:10px;display:grid;position:relative;overflow:hidden}.upload-card input{display:none}.upload-card:hover,.upload-card.has-preview{border-color:var(--line-strong);box-shadow:0 0 22px #55e7fb2e}.upload-card img{object-fit:cover;border-radius:10px;width:100%;height:68px}.upload-icon{color:#cfd6e6;background:linear-gradient(#ffffff21,#ffffff0f);border-radius:10px;place-items:center;display:grid}.upload-card strong{color:#d9deeb;align-self:center;min-height:38px;font-size:13px;font-weight:650;line-height:1.25}.asset-state,.clear-asset{color:#071018;border-radius:999px;place-items:center;width:25px;height:25px;display:grid;position:absolute}.asset-state{background:var(--cyan);top:12px;left:12px}.clear-asset{color:#dfe5f4;background:#080a10c7;border:1px solid #ffffff24;top:12px;right:12px}.field-block{padding:0 30px 14px;display:block}.field-block span{color:#dce2ef;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:690;display:flex}.field-block em{color:var(--cyan);font-size:11px;font-style:normal;font-weight:700}textarea{resize:vertical;width:100%;height:56px;min-height:56px;color:var(--text);background:#06080fc2;border:1px solid #8798b32e;border-radius:12px;outline:none;padding:15px 16px;line-height:1.45}textarea::placeholder{color:#9da7b8a8}textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #55e7fb1a}.action-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:6px 30px 24px;display:grid}.status-copy{min-width:0;color:var(--muted);font-size:13px}.error-text{color:var(--error);font-weight:690}.generate-button{color:#061018;cursor:pointer;background:linear-gradient(#66efff,#36d8f2);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 20px;font-weight:800;display:inline-flex;box-shadow:0 0 30px #55e7fb57}.generate-button:disabled{cursor:not-allowed;color:#b9c0cf;box-shadow:none;background:#252a36}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.payment-panel{min-height:384px}.paid-icon{color:var(--green)}.price-card{background:#121622cc;border-radius:14px;gap:16px;margin:0 30px;padding:24px;display:grid}.price{color:var(--text);font-size:46px;font-weight:330;line-height:1}.payment-badge{color:#f4efff;background:linear-gradient(#8b55ff,#6a41dc);border-radius:10px;justify-content:center;justify-self:start;align-items:center;min-height:46px;padding:0 22px;font-weight:800;display:inline-flex;box-shadow:0 0 26px #8057f68a}.payment-badge.is-paid{color:#04110a;background:linear-gradient(#31de8a,#18b866);box-shadow:0 0 26px #20d66b61}.payment-methods{grid-template-columns:1fr 1fr;gap:10px;min-height:52px;margin:22px 30px 0;display:grid}.payment-methods.is-disabled{pointer-events:none;opacity:.54}.paypal-slot,.cash-app-slot,.method-placeholder{min-height:44px}.method-placeholder{color:#fff;background:#0b5fc6;border-radius:8px;place-items:center;font-size:12px;font-weight:780;display:grid}.method-placeholder.cash{background:#17a854}.payment-note{margin:18px 30px 0;font-size:12px;line-height:1.45}.preview-panel{min-height:430px}.preview-body{grid-template-columns:minmax(240px,1fr) minmax(220px,.78fr);gap:26px;padding:30px;display:grid}.preview-frame{aspect-ratio:16/10;border:1px solid var(--line-strong);background:#11141fdb;border-radius:14px;min-height:250px;position:relative;overflow:hidden;box-shadow:0 0 30px #55e7fb3b}.preview-frame img{object-fit:cover;width:100%;height:100%}.preview-empty{height:100%;color:var(--muted);text-align:center;place-items:center;gap:12px;padding:26px;display:grid}.preview-progress{background:#090c1494;border-radius:999px;height:14px;position:absolute;bottom:14px;left:18px;right:18px;overflow:hidden}.preview-progress span{border-radius:inherit;background:linear-gradient(90deg,#55e7fb,#58f4ff);width:0;height:100%;display:block;box-shadow:0 0 22px #55e7fbb8}.preview-progress.is-active span{width:72%;transition:width 12s}.step-stack{background:#12162294;border-radius:14px;align-self:center;overflow:hidden}.step-row{min-height:48px;color:var(--soft);border-bottom:1px solid #8798b31a;grid-template-columns:10px 1fr;align-items:center;gap:12px;padding:0 16px;display:grid}.step-row span{background:#8798b359;border-radius:999px;width:8px;height:8px}.step-row p{margin:0;font-size:14px;line-height:1.3}.step-row.active,.step-row.done{color:#dce4f2}.step-row.active span,.step-row.done span{background:var(--cyan);box-shadow:0 0 13px #55e7fbc2}.step-row.error span{background:var(--error)}.stream-log{max-height:116px;color:var(--muted);padding:12px 16px 14px;font-size:12px;line-height:1.45;overflow:hidden}.stream-log p{margin:0 0 6px}.result-strip{min-height:68px;color:var(--muted);background:#191e2db8;border-radius:12px;align-items:center;gap:10px;margin:0 30px 30px;padding:0 18px;display:flex}.result-strip.is-ready{color:#e8eefb}.result-strip a{margin-left:auto;font-weight:800}.history-list{gap:12px;max-height:430px;padding:20px 24px 28px;display:grid;overflow:auto}.history-item{background:#131723b8;border-radius:12px;grid-template-columns:64px 1fr;align-items:center;gap:14px;min-height:82px;padding:12px;display:grid}.thumb{width:64px;height:58px;color:var(--cyan);background:#ffffff14;border-radius:10px;place-items:center;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.history-item strong{color:#eef2fb;font-size:14px;display:block}.history-item p{color:var(--muted);margin:4px 0;font-size:12px}.history-item a{align-items:center;gap:6px;font-size:12px;font-weight:760;display:inline-flex}.history-empty{min-height:150px;color:var(--muted);text-align:center;border:1px dashed #8798b340;border-radius:12px;place-items:center;gap:10px;display:grid}.icon-button{cursor:pointer;background:#ffffff0a;border:1px solid #8798b33d;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.setup-footer{background:#0a0c13b8;border:1px solid #8798b32e;border-radius:999px;align-items:center;gap:8px;margin:28px auto 0;padding:12px 16px;font-size:12px;display:inline-flex}@media (width<=1120px){.app-shell{width:min(900px,100vw - 36px)}.topbar{text-align:center;grid-template-columns:1fr}.brand,.price-pill{justify-self:center}.workspace-grid{grid-template-columns:1fr;margin-top:34px}.payment-panel,.history-panel{min-height:unset}}@media (width<=760px){.app-shell{width:min(100% - 24px,560px);padding-top:14px}.topbar{border-radius:14px;padding:20px 16px}.brand{font-size:17px}.headline h1{font-size:27px}.panel-heading,.action-row,.preview-body{grid-template-columns:1fr}.panel-heading{padding:22px 18px 18px;display:grid}.template-toggle,.payment-methods{grid-template-columns:1fr;width:100%}.upload-row,.field-block,.action-row,.preview-body,.history-list{padding-left:18px;padding-right:18px}.price-card,.payment-methods,.payment-note,.result-strip{margin-left:18px;margin-right:18px}.generate-button{width:100%}.preview-body{gap:18px}.preview-frame{aspect-ratio:9/14;min-height:330px}}