:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#282330;background:#f4f3f8}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #8056e2;outline-offset:4px}header{height:88px;background:white;border-bottom:1px solid #e6e2ec;display:flex;align-items:center;gap:26px;padding:0 5vw}.brand{display:flex;align-items:center;gap:4px;font-size:23px;font-weight:700;letter-spacing:-.7px;color:#2b2335;text-decoration:none}.brand>span:last-child{font-weight:400}.brand-icon{width:38px;height:38px;margin-right:8px;display:grid;place-items:center;background:#eee7f9;color:#7142b8;border-radius:11px}.tag{font-size:12px;letter-spacing:1.5px;color:#87808e}.private{margin-left:auto;padding:8px 14px;border:1px solid #e4dbef;border-radius:20px;background:#f3eef8;color:#7b628f;font-size:13px}main{max-width:1440px;margin:auto;padding:44px 5vw 24px}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#8765a4;margin:0 0 12px}h1{font-family:Georgia,serif;font-size:clamp(30px,3vw,44px);font-weight:400;letter-spacing:-1px;margin:0 0 12px}.intro{font-size:16px;line-height:1.6;color:#746a7f;margin:0}.step{font-size:12px;color:#8f819c;letter-spacing:1.5px}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:24px;align-items:start}.controls{background:white;border:1px solid #e4dfeb;border-radius:18px;padding:26px}h2{font-size:16px;font-weight:600;margin:0 0 17px;display:flex;align-items:center;gap:10px}.number{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f0e9f7;color:#825caf;font-size:13px}.upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;border:1px dashed #bcacd2;background:#faf8ff;border-radius:12px;padding:22px 10px;color:#7d5fa0}.upload strong{font-size:15px;color:#3f314e}.upload span{font-size:14px;color:#84738f}.upload small{font-size:12px;margin-top:7px;color:#8e829a}.source{display:flex;align-items:center;gap:12px;background:#faf9fc;padding:10px;border-radius:9px;margin:14px 0 28px}.source img{height:48px;width:43px;border-radius:5px;object-fit:cover}.source>div{flex:1;min-width:0}.source strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source small{display:block;font-size:12px;color:#93879d;margin-top:5px}.source svg{color:#8d70aa}.styles{display:grid;gap:10px}.style{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:white;border:1px solid #e5dfea;border-radius:11px;padding:13px 12px}.style.selected{border-color:#956ec5;box-shadow:0 0 0 1px #956ec5;background:#fcf9ff}.swatch{width:42px;height:46px;border-radius:7px;flex-shrink:0;border:1px solid #00000009}.style strong{display:block;font-size:14px}.style small{display:block;font-size:12px;color:#8e7f9a;line-height:1.5;margin-top:4px}.radio{margin-left:auto;display:grid;place-items:center;width:16px;height:16px;border:1px solid #bcb0c8;border-radius:50%;flex-shrink:0}.radio span{height:8px;width:8px;border-radius:50%;background:#8d60b9}.primary{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;background:#7142b8;color:white;border:0;border-radius:10px;padding:16px;font-size:15px;font-weight:600;margin-top:27px}.primary:hover:not(:disabled){background:#60339e}.service{font-size:12px;line-height:1.6;text-align:center;color:#8c7c98;margin:10px 0 0}.error{font-size:14px;color:#9a2944;padding:12px;background:#fff0f3;border-radius:8px;line-height:1.6}.preview{border:1px solid #e4dfeb;border-radius:18px;background:white;overflow:hidden}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid #eee8f3;gap:14px}.tabs{display:flex;gap:3px;background:#f4eff9;border-radius:8px;padding:4px}.tabs button{font-size:13px;color:#8c7b9a;border:0;background:transparent;border-radius:6px;padding:7px 14px}.tabs .active{background:white;color:#594167;box-shadow:0 1px 3px #32234012}.toolbar>span{font-size:12px;color:#96889f}.canvas{margin:22px;height:clamp(400px,46vw,560px);background:#eae4ef;border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas>img{height:100%;width:100%;object-fit:contain}.caption{position:absolute;bottom:20px;left:20px;right:20px;display:flex;flex-direction:column;gap:8px;align-items:center;padding:20px;border:1px solid #ffffff8a;border-radius:12px;background:#ffffffed;backdrop-filter:blur(12px);color:#654878}.caption strong{font-size:14px;font-weight:500}.caption span{font-size:12px;color:#8d779b}.preview-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 22px 24px}.preview-footer strong{font-size:14px;font-weight:500}.preview-footer p{font-size:12px;color:#9682a2;line-height:1.5;margin:7px 0 0}.download{display:flex;align-items:center;gap:8px;border:1px solid #e1d7ea;border-radius:8px;background:white;color:#6b4d7d;padding:11px 14px;font-size:13px;white-space:nowrap;text-decoration:none}.processing{position:absolute;inset:0;background:#eee8f4ee;backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#6d4893}.processing span{font-size:14px;text-align:center;line-height:1.5;padding:0 20px}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:12px;color:#96869f;line-height:1.6}@media(max-width:1000px){.workspace{grid-template-columns:300px minmax(0,1fr)}.controls{padding:20px}.toolbar>span{display:none}.preview-footer{flex-direction:column;align-items:flex-start}.canvas{margin:15px}}@media(max-width:720px){header{height:72px;padding:0 20px;gap:10px}.tag,.step{display:none}.brand{font-size:20px}.private{font-size:12px;padding:7px 10px}main{padding:30px 20px}.workspace{grid-template-columns:1fr}.intro{font-size:14px}.canvas{height:460px}.preview-footer{flex-direction:row;flex-wrap:wrap;align-items:center}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}
[hidden]{display:none!important}.field-label{display:block;font-size:14px;margin:12px 0 7px;color:#63526f}select{width:100%;padding:12px;border:1px solid #ded4e8;border-radius:9px;background:white;color:#393041;font:inherit;font-size:14px}.preset-note{font-size:12px;line-height:1.6;color:#867493;margin:12px 0 24px}.canvas.landscape{height:auto;min-height:0;aspect-ratio:3/2}.canvas.portrait{height:580px;max-width:387px;margin-left:auto;margin-right:auto;aspect-ratio:2/3}.canvas.landscape>img,.canvas.portrait>img{position:absolute;inset:0;object-fit:contain}.brand{font-size:21px;flex-wrap:wrap}@media(max-width:720px){.brand{font-size:17px}.canvas.portrait{height:auto;min-height:0;width:calc(100% - 30px)}.canvas.landscape .caption{padding:10px;bottom:10px;left:10px;right:10px}.canvas.landscape .caption span{font-size:11px}}
.instructions{margin-top:25px}.instructions h2{margin-bottom:14px}textarea{font:inherit;font-size:14px;line-height:1.6;display:block;width:100%;resize:vertical;min-height:130px;max-height:360px;padding:12px;border:1px solid #ded4e8;border-radius:10px;background:#fcfbfe;color:#393041}textarea::placeholder{color:#998aa7}textarea:focus-visible,select:focus-visible{outline:3px solid #8056e2;outline-offset:3px}.instruction-meta{display:flex;justify-content:space-between;gap:14px;font-size:12px;line-height:1.5;color:#8e7f9a;margin-top:8px}.instruction-meta>span:last-child{white-space:nowrap}.controls .service{font-size:13px}
.toolbar>span{white-space:nowrap}@media(max-width:1000px){.toolbar{flex-wrap:wrap}.toolbar>span{display:block;font-size:12px}}
.canvas.vertical{height:580px;max-width:326px;aspect-ratio:9/16;margin-left:auto;margin-right:auto}.canvas.widead{height:auto;min-height:0;aspect-ratio:1200/628}.canvas.vertical>img,.canvas.widead>img{position:absolute;inset:0;object-fit:contain}@media(max-width:720px){.canvas.vertical{height:auto;min-height:0;width:calc(100% - 30px)}}select:disabled{opacity:.5}
/* Premium visual refresh */
:root{background:#edf2fc;color:#25314b}body{font-family:"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 0% 20%,#deebff,transparent 45%),radial-gradient(ellipse at 100% 50%,#e6dcff,transparent 40%),#f2f5fc}header{height:84px;background:#101d38;border-bottom:1px solid #29385a;box-shadow:0 5px 24px #13234216}.brand{color:white;font-weight:750;font-size:23px;letter-spacing:-.8px}.brand>span:last-child{color:#c2d0f8}.brand-icon{background:linear-gradient(135deg,#8a5bff,#3985ff);border:1px solid #ad9dff80;box-shadow:0 7px 22px #7160ff44;color:white;border-radius:12px}.tag{font-size:11px;font-weight:600;color:#899bbd;letter-spacing:2px}.private{background:#1e3155;border-color:#344b73;color:#c1d2f1}.page-title{position:relative;overflow:hidden;background:linear-gradient(115deg,#14264d,#273b75 60%,#464494);padding:27px 36px;min-height:270px;border-radius:24px;border:1px solid #425386;box-shadow:0 16px 38px #1b366221}.page-title>div:first-child{position:relative;z-index:1;max-width:74%}.eyebrow{font-size:11px;font-weight:650;color:#adc9ff;letter-spacing:2px}h1{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(31px,3.2vw,45px);font-weight:750;line-height:1.13;letter-spacing:-1.7px;color:white;margin:14px 0}.gradient-text{color:#bfd4ff;background:linear-gradient(90deg,#9dcaff,#cab4ff,#ffbdba);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro{color:#b9c8e6;font-size:14px;line-height:1.7}.mascot-scene{position:absolute;right:6px;top:0;bottom:0;width:260px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#a7b4ff3b,transparent 65%)}.studio-mascot{width:250px;height:250px;object-fit:contain;filter:drop-shadow(0 15px 18px #070e384a);transform:rotate(-4deg)}.marketplace-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.marketplace-badges>span{display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;border:1px solid #ffffff1c;border-radius:8px;background:#ffffff0d;min-height:35px}.amazon-badge{font-size:18px;font-weight:700;letter-spacing:-.6px;color:#ffc171}.ebay-badge{font-size:22px;font-weight:500;letter-spacing:-1px;line-height:1}.ebay-badge i{font-style:normal}.ebay-badge i:nth-child(1){color:#ff858a}.ebay-badge i:nth-child(2){color:#77aaff}.ebay-badge i:nth-child(3){color:#ffdc77}.ebay-badge i:nth-child(4){color:#9bdf99}.facebook-badge{font-size:12px;font-weight:650;color:#97bdff}.tiktok-badge{font-size:14px;font-weight:750;color:#fff;text-shadow:1px 1px #ef709f,-1px -1px #4fc9da}.workspace{gap:26px}.controls{border-color:#e1e8f4;border-radius:20px;box-shadow:0 10px 35px #29457210}.panel-kicker{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#8f9db6;margin-bottom:22px}h2{font-family:"Segoe UI",Arial,sans-serif;color:#293954;font-size:16px;font-weight:650}.number{width:27px;height:27px;border:1px solid #d8e0fc;background:linear-gradient(135deg,#f0f3ff,#e4eaff);color:#6272d8}.upload{background:linear-gradient(140deg,#f2f6ff,#f8f0ff);border:1.5px dashed #a1b6ed;border-radius:14px;padding:24px 10px;transition:background .2s,border-color .2s}.upload:hover{background:#eef2ff;border-color:#6d7be0}.upload>span:first-child{display:grid;place-items:center;width:42px;height:42px;background:#e5eaff;border-radius:13px;font-size:25px;color:#6271d3}.upload strong{color:#344769}.upload span{color:#7d8aa8}.upload small{color:#90a0ba}.source{border:1px solid #edf1f8;background:#f8faff}.source strong{color:#4b5d7d}.source small{color:#8b9ab4}.field-label{font-size:13px;font-weight:600;color:#536785}select{font-size:13px;color:#3b506f;border-color:#dee6f4;background:#fbfcff;border-radius:10px;padding:12px}select:hover{border-color:#a7b6dc}.preset-note,.instruction-meta{color:#8898b3}.style{border-color:#e0e7f3;border-radius:12px}.style strong{color:#3b5070}.style small{color:#8d9bb4}.style.selected{background:#f2f5ff;border-color:#7d8beb;box-shadow:0 0 0 1px #7d8beb}.radio{border-color:#bbc8e0}.radio span{background:#7181df}.primary{border-radius:12px;background:linear-gradient(100deg,#5c6fea,#8956e9);box-shadow:0 7px 22px #786ad329}.primary:disabled{opacity:1;background:linear-gradient(100deg,#8c9ae3,#a68cdf);box-shadow:none}.service{color:#8d9db7}textarea{font-size:14px;line-height:1.7;color:#3a506e;background:#fbfcff;border-color:#dce6f3}textarea::placeholder{color:#91a1bb}.preview{position:sticky;top:22px;border-radius:20px;border-color:#dfe7f3;box-shadow:0 12px 40px #294d7b14}.preview-title{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 6px;color:#3d5578;font-size:15px;font-weight:650}.canvas-tag{padding:6px 10px;border-radius:20px;background:#f2f6fc;color:#899bb9;font-size:10px;font-weight:500}.toolbar{padding-top:15px;border-bottom:0}.tabs{border:1px solid #e6edf8;background:#eef3fb;border-radius:10px}.tabs button{color:#8b9cba;padding:8px 16px}.tabs .active{color:#6474ba;box-shadow:0 3px 7px #2d416918}.toolbar>span{color:#97a6bf}.canvas{background:linear-gradient(135deg,#eaf1fc,#f1effa);border:1px solid #e6edf8;border-radius:15px}.caption{background:#fffffff0;color:#586f93;border-color:white;box-shadow:0 8px 26px #294e7610;border-radius:14px}.caption strong{font-weight:600}.caption span{color:#95a5bf}.preview-footer strong{color:#3d5477}.preview-footer p{color:#95a6c0}.download{border-color:#e0e8f4;background:#f4f7fd;color:#7990b1;border-radius:10px}.download:disabled{opacity:.65}footer{font-size:11px;color:#8c9db7}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#7a8bf0}@media(max-width:1000px){.page-title{padding:25px;min-height:260px}.mascot-scene{right:-10px;width:200px}.studio-mascot{width:215px;height:215px}.page-title>div:first-child{max-width:72%}h1{font-size:35px}.intro{font-size:13px}.marketplace-badges{gap:7px}.marketplace-badges>span{padding:6px 9px}.canvas-tag{display:none}}@media(max-width:720px){header{height:72px;padding:0 18px}.brand{font-size:17px;letter-spacing:-.7px}.brand-icon{width:32px;height:32px;margin-right:3px}.private{font-size:11px;padding:7px 10px}main{padding:22px 16px}.page-title{padding:23px 20px;min-height:265px;border-radius:18px}.page-title>div:first-child{max-width:80%}.mascot-scene{width:125px;right:-35px;top:20px;align-items:flex-start}.studio-mascot{height:150px;width:150px}.eyebrow{font-size:9px;letter-spacing:1.2px}h1{font-size:29px;letter-spacing:-1.2px;line-height:1.2}.intro{font-size:12px;max-width:245px}.marketplace-badges{margin-top:17px;gap:7px;max-width:100%}.marketplace-badges>span{min-height:30px;padding:6px 8px}.amazon-badge{font-size:15px}.ebay-badge{font-size:18px}.facebook-badge{font-size:10px}.tiktok-badge{font-size:12px}.preview{position:static}.preview-title{padding:19px 18px 5px}.controls{padding:23px}.caption strong{font-size:13px}.caption span{font-size:11px}}@media(max-width:380px){h1{font-size:25px}.mascot-scene{right:-45px}.brand{font-size:15px}}
.tiktok-icon{width:16px;height:16px;filter:invert(1) drop-shadow(1px 1px 0 #ff538b) drop-shadow(-1px -1px 0 #55e5df);margin-right:7px}.tiktok-sticker{position:absolute;bottom:13px;right:13px;width:85px;height:85px;object-fit:contain;filter:drop-shadow(0 7px 10px #101c4740)}@media(max-width:720px){.tiktok-sticker{width:60px;height:60px;bottom:15px;right:30px}}
body,h1,h2{font-family:Manrope,"Segoe UI",Arial,sans-serif}h1{font-weight:800}.brand{font-weight:800}h2{font-weight:700}.marketplace-badges .amazon-badge{font-family:Arial,sans-serif}.marketplace-badges .ebay-badge{font-family:Arial,sans-serif}.primary{min-height:52px}.upload strong{font-weight:700}

/* Keep result actions visible, and avoid a tall sticky panel fighting page scrolling. */
.preview{position:static;box-shadow:0 4px 18px #294d7b0c;display:flex;flex-direction:column}
.preview .preview-footer{padding:14px 22px;margin:0;border-top:1px solid #e4eaf5;border-bottom:1px solid #e4eaf5;background:#f8faff;flex-wrap:wrap}
.preview .preview-footer strong{color:#203450;font-weight:750}
.preview .preview-footer p{color:#536785;font-size:13px}
.preview .download{background:#2563eb;border:1px solid #1d4ed8;color:#fff;font-size:15px;font-weight:750;padding:14px 22px;min-height:48px;justify-content:center;box-shadow:none}
.preview .download:hover:not(:disabled){background:#1d4ed8}
.preview .download:disabled{background:#e2e8f0;color:#475569;border-color:#cbd5e1;opacity:1}
.preview .canvas{height:min(58vh,520px);min-height:280px;margin:18px;flex-shrink:0;background:#f1f5f9}
.preview .canvas>img{max-height:100%;object-fit:contain;image-rendering:auto;user-select:none;-webkit-user-drag:none}
.caption,.processing{backdrop-filter:none}
@media(max-width:720px){.preview .canvas{height:min(55vh,420px);min-height:240px;margin:12px}.preview .preview-footer{padding:14px}.preview .download{width:100%}.preview .toolbar{flex-wrap:wrap}}