:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f0ff;background:#100e17;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 800px 500px at 75% 0%,#2a193f 0,transparent 70%),#100e17}button,input,select{font:inherit}button{cursor:pointer}header{height:76px;border-bottom:1px solid #30283d;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1250px)/2))}.brand{display:flex;align-items:center;gap:13px}.brand .mark{width:41px;height:41px;background:linear-gradient(135deg,#e777b6,#926bff);display:grid;place-items:center;border-radius:12px;font-size:24px;font-weight:900;color:#170c20}.brand strong{display:block;font-size:15px}.brand span{display:block;font-size:10px;letter-spacing:2px;color:#b69dcb;margin-top:4px}.pill{font-size:10px;letter-spacing:1.5px;font-weight:700;border:1px solid #564064;color:#e9b7e6;padding:10px 14px;border-radius:30px}main{max-width:1250px;padding:0 24px;margin:auto}.intro{min-height:265px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.eyebrow{font-size:11px;color:#e18fc7;font-weight:800;letter-spacing:2px}h1{font-size:clamp(34px,5vw,56px);letter-spacing:-2px;line-height:1.09;margin:15px 0}h1 em{font-style:normal;color:#dc8bcb}.intro p:not(.eyebrow){color:#b9acc7;max-width:550px;font-size:14px;line-height:1.8}.intro-art{width:220px;height:230px;display:grid;place-items:center;perspective:500px}.sample-card{position:relative;width:130px;height:182px;border:7px solid #d0a5f3;border-radius:13px;background:linear-gradient(150deg,#773ca3,#261640 60%,#ac468f);transform:rotate(14deg);box-shadow:0 20px 50px #0009,0 0 45px #b74baf55;display:flex;align-items:center;justify-content:center;overflow:hidden}.sample-card:before{content:"";position:absolute;inset:9px;border:2px solid #e9c6f766;border-radius:6px}.orb{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f0b7ff,#6b41c4 45%,#1a0b40);box-shadow:0 0 30px #f0a8fa88}.sample-card b{position:absolute;font-size:10px;white-space:nowrap;transform:rotate(-30deg);text-shadow:0 2px 3px #0009}.workspace{display:grid;grid-template-columns:minmax(330px,440px) minmax(0,1fr);gap:20px;align-items:start}.panel{background:#1a1623;border:1px solid #362c43;border-radius:17px;padding:24px;box-shadow:0 14px 45px #0002}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}h2{font-size:16px;margin:0;letter-spacing:-.2px}.count{background:#392746;color:#e4a6df;border-radius:20px;padding:6px 11px;font-size:11px;font-weight:700}.drop{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;min-height:152px;border:1.5px dashed #815f98;border-radius:12px;background:#241c30;text-align:center;cursor:pointer;padding:15px}.drop.drag{border-color:#f1a3d8;background:#38253f}.drop input,.logo-upload input{display:none}.drop-icon{font-size:30px;color:#e39aca}.drop strong{font-size:13px}.drop small,.hint{font-size:11px;color:#a79ab6}.thumbs{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px;max-height:145px;overflow:auto}.thumb{width:56px;height:76px;object-fit:cover;border-radius:6px;border:1px solid #544466}.actions{display:flex;justify-content:flex-end;margin-top:12px}.ghost{border:1px solid #554460;color:#d6c6df;background:#282032;padding:9px 13px;border-radius:8px;font-size:12px}.ghost:hover{background:#3b2b47}.section-divider{border-top:1px solid #382c42;margin:24px 0}.tabs{display:flex;background:#110e18;border-radius:9px;padding:4px;margin-bottom:17px}.tab{flex:1;padding:10px;border:0;background:none;color:#aa9cb7;font-size:12px;border-radius:7px}.tab.active{background:#61416c;color:white;font-weight:700}.field{display:block;margin:0 0 16px;color:#d8cee0;font-size:12px;font-weight:600}.field input[type=text],.field select{width:100%;height:40px;border:1px solid #4a3b56;background:#120f1a;border-radius:8px;color:#f6eafa;padding:0 12px;margin-top:9px;outline:none}.field input[type=text]:focus,.field select:focus{border-color:#d88ccf}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two input[type=color]{width:100%;height:40px;margin-top:9px;border:1px solid #4a3b56;border-radius:8px;background:#120f1a;padding:4px}.label-line{display:flex;justify-content:space-between;margin-bottom:9px}.label-line output{color:#e3a1d5}input[type=range]{width:100%;accent-color:#d98bcc}.check{display:flex;gap:10px;align-items:center;font-size:12px;color:#c8b7d3;margin:12px 0 18px}.check input{accent-color:#ce8ad3}.full{width:100%}.logo-upload{display:block;text-align:center;border:1px dashed #876594;padding:15px;border-radius:8px;cursor:pointer;font-size:12px}.preview-stage{background:radial-gradient(ellipse at center,#34253d,#120f19 70%);border:1px solid #33283c;border-radius:12px;min-height:500px;display:grid;place-items:center;padding:25px;overflow:hidden}.preview-stage canvas{max-width:100%;max-height:580px;width:auto;height:auto;object-fit:contain;box-shadow:0 15px 40px #0008}.preview-stage #placeholder{text-align:center;display:flex;align-items:center;flex-direction:column;gap:10px;color:#b8a8c4}.placeholder-icon{font-size:65px;color:#725585}.preview-stage #placeholder strong{font-size:15px}.preview-stage #placeholder span{font-size:12px}.export-area{margin-top:22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.export-area p{color:#b3a5bd;font-size:12px;line-height:1.5;margin:8px 0 0}.primary{background:linear-gradient(115deg,#df8bc6,#b07bef);border:0;border-radius:10px;padding:14px 18px;color:#1a0e21;font-size:12px;font-weight:900;box-shadow:0 6px 24px #bd77ce33}.primary:disabled{opacity:.45;cursor:not-allowed}.export-area #status{flex-basis:100%;margin:0;color:#f0a9db}.tip{border:1px solid #4a3859;background:#251b31;border-radius:9px;padding:14px;margin-top:23px;color:#bfb0c8;font-size:12px;line-height:1.6}.tip strong{color:#e7c7e5}footer{padding:38px 0;text-align:center;font-size:10px;letter-spacing:1px;color:#766a83}footer span{margin:0 8px}@media(max-width:800px){header{padding:0 16px;height:67px}.pill{font-size:8px;padding:8px}.intro{min-height:220px}.intro-art{display:none}.workspace{grid-template-columns:1fr}.panel{padding:18px}.preview-stage{min-height:340px}.preview-stage canvas{max-height:480px}.export-area{align-items:stretch;flex-direction:column}.primary{width:100%}}@media(prefers-reduced-motion:no-preference){button{transition:filter .15s,background .15s}button:hover{filter:brightness(1.1)}}

.brand-logo{width:52px;height:52px;object-fit:contain;flex-shrink:0}.hero-logo{display:block;width:min(380px,100%);height:auto;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.35))}.intro-art{display:flex;align-items:center;justify-content:center;min-width:240px}@media(max-width:700px){.brand-logo{width:44px;height:44px}.hero-logo{max-width:230px}.intro-art{min-width:0}}