@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#252343;--muted:#85859b;--purple:#6755da;--violet:#9e72f6;--lavender:#f1edff;--border:#e9e9f3;--bg:#f8f9fd;--shadow:0 20px 55px rgba(46,30,106,.09)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Manrope',Inter,system-ui,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:242px;height:100vh;flex-shrink:0;background:linear-gradient(165deg,#fff,#f9f9ff);border-right:1px solid #ececf5;padding:27px 16px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;height:52px;margin:0 8px 33px}.brand img{width:180px;height:auto;max-height:56px;object-fit:contain}.nav-caption{font-size:10px;color:#9999ac;letter-spacing:2px;font-weight:800;margin:15px 16px}.side-nav{display:grid;gap:6px}.nav-link{text-align:left;background:transparent;border:0;border-radius:13px;color:#7a7896;padding:15px 14px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;width:100%;transition:.2s}.nav-link:hover,.nav-link.active{color:#6551da;background:#f0edff}.ni{font-size:21px;font-weight:400;width:23px;text-align:center}.new{margin-left:auto;color:#7c5eed;background:#e8e0ff;border-radius:5px;font-size:9px;padding:4px 5px}.sidebar-bottom{margin-top:auto}.side-shine{border-radius:20px;background:linear-gradient(145deg,#3e2b84,#7f53e8);padding:20px 17px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px #5132b53b}.side-shine:after{content:"";position:absolute;width:150px;height:150px;border:20px solid #ffffff12;border-radius:100%;top:-85px;right:-80px}.little-star{font-size:26px;color:#dbcdff;margin-bottom:9px}.side-shine strong{font-size:14px;line-height:1.4;display:block}.side-shine p{color:#dbd2fa;font-size:11px;line-height:1.5}.side-roadmap{border:0;background:#fff;color:#5734be;border-radius:10px;padding:10px 11px;font-weight:800;font-size:11px}.tiny-credit{display:flex;gap:6px;align-items:center;font-size:10px;color:#a6a2b8;margin:19px 3px 3px}.tiny-credit>span:last-child{margin-left:auto}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#5aca9a;box-shadow:0 0 0 3px #5aca9a21;flex-shrink:0}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:88px;background:#fff;border-bottom:1px solid #eeeef5;display:flex;align-items:center;justify-content:space-between;padding:0 4.1%;gap:15px}.crumb{display:flex;gap:12px;color:#9997aa;font-size:13px}.crumb strong{color:#2e2b4e}.slash{color:#cecbda}.top-actions{display:flex;align-items:center;gap:16px}.preview-label{color:#9694a8;font-size:11px;display:flex;align-items:center;gap:8px}.plan-button{background:#eee9ff;color:#7454d8;border:1px solid #e7dcff;padding:12px 17px;border-radius:12px;font-weight:800;font-size:12px}.plan-button:hover{background:#e4d9ff}.avatar{width:39px;height:39px;border:0;border-radius:50%;background:linear-gradient(145deg,#7b5bf6,#cc8af3);color:#fff;font-weight:900}main{width:100%;max-width:1600px;margin:auto;flex:1}.page{padding:35px 4.1% 55px}.welcome{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;background:linear-gradient(119deg,#fcfcff 15%,#f6f2ff 76%,#faf8ff);border:1px solid #efebf9;border-radius:30px;min-height:385px;overflow:hidden;position:relative;padding:45px 50px;box-shadow:0 13px 32px #968ad612}.welcome>div:first-child{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.05px;color:#8a70df;font-weight:900;margin:0 0 13px}.welcome h1,.page-intro h1{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(32px,3.5vw,53px);letter-spacing:-2.7px;line-height:1.15;margin:0 0 18px;font-weight:800}.welcome h1 em,.page-intro h1 em{font-style:normal;background:linear-gradient(90deg,#9863f2,#6a5bdd,#be7bc8);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:14px;color:#838096;max-width:490px;line-height:1.8;margin:0 0 26px}.hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.primary,.secondary{border:0;border-radius:12px;padding:14px 18px;font-size:12px;font-weight:800;transition:.2s;white-space:nowrap}.primary{background:linear-gradient(105deg,#7654e7,#9a66ef);color:#fff;box-shadow:0 11px 22px #7055d42e}.primary:hover{transform:translateY(-2px);box-shadow:0 14px 25px #7055d449}.primary:disabled{opacity:.42;transform:none;box-shadow:none;cursor:not-allowed}.primary span{margin-left:20px}.secondary{background:#fff;color:#585273;border:1px solid #e2def2}.secondary:hover{background:#f5f1ff}.under-hero{font-size:11px;color:#9793aa;margin-top:17px}.dotline{background:#8dd4b6;width:6px;height:6px;display:inline-block;border-radius:50%;margin-right:7px}.hero-art{height:295px;position:relative;min-width:0}.orb{position:absolute;border-radius:50%;filter:blur(1px);animation:float 8s ease-in-out infinite}.orb-one{background:linear-gradient(145deg,#9f8ee5aa,#e9a4dd91);width:290px;height:290px;left:21%;top:-22px}.orb-two{background:#ffffffaa;width:135px;height:135px;right:8%;bottom:-24px}.floating-product{overflow:hidden;border:6px solid white;border-radius:17px;box-shadow:0 27px 55px #6e5b995e;position:absolute;animation:float 6s ease-in-out infinite}.main-product{width:225px;height:265px;top:5px;left:23%;transform:rotate(-8deg)}.main-product img,.small-product img{width:100%;height:100%;object-fit:cover}.float-copy{position:absolute;left:13px;bottom:13px;color:#fff;text-shadow:0 1px 9px #35305599;font-size:15px;line-height:1.1;letter-spacing:-.3px}.small-product{width:130px;height:170px;top:84px;right:6%;transform:rotate(11deg);animation-delay:-3s}.float-token{position:absolute;z-index:2;background:#fff;border:1px solid #e5defb;border-radius:12px;padding:11px 13px;box-shadow:0 13px 30px #49368a23;font-size:10px;font-weight:900;letter-spacing:.8px;color:#8063c4;animation:float 6s ease-in-out infinite}.token-top{top:3px;right:8%}.token-bottom{bottom:7px;left:7%;animation-delay:-2s}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -11px}}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 49px}.stat{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid #f0eff5;border-radius:18px;box-shadow:0 8px 21px #3b2d7710}.stat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;font-size:19px}.stat-icon.pink{background:#fcebf6;color:#dc73b8}.stat-icon.blue{background:#eef0ff;color:#7d77df}.stat-icon.green{background:#e8fbf4;color:#3bbd93}.stat strong{display:block;font-size:13px}.stat span{display:block;color:#a29fb4;font-size:11px;margin-top:5px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.section-head h2{font-size:25px;letter-spacing:-1.1px;margin:0 0 6px}.section-head p{color:var(--muted);font-size:13px;margin:0}.quiet-btn{background:#fff;border:1px solid #e7e5f4;color:#6653b6;border-radius:11px;padding:12px 16px;font-size:12px;font-weight:800}.showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.showcase-card{border-radius:21px;height:316px;padding:19px;position:relative;overflow:hidden;box-shadow:0 12px 27px #68548e18}.showcase-card:before{content:"";width:290px;height:290px;position:absolute;left:50%;top:11%;transform:translateX(-50%);border-radius:50%;background:#ffffff53}.showcase-card.lavender{background:linear-gradient(135deg,#ded5f5,#ab9be2)}.showcase-card.peach{background:linear-gradient(135deg,#ffebdc,#eeba98)}.showcase-card.mint{background:linear-gradient(135deg,#e8fbf6,#a0dcd2)}.showcase-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;color:#34304e;font-size:12px;font-weight:900;letter-spacing:1px}.showcase-top span{font-size:8px;color:#625c77;letter-spacing:.5px}.showcase-card img{height:210px;width:100%;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1;filter:drop-shadow(0 12px 14px #735ba438)}.showcase-card>div:last-child{position:absolute;bottom:17px;left:21px;z-index:2;color:#352942}.showcase-card>div:last-child span{font-size:9px;font-weight:800;letter-spacing:1.3px}.showcase-card h3{font-size:20px;letter-spacing:-.6px;margin:4px 0}.what-works{display:flex;align-items:center;gap:15px;padding:20px 24px;border-radius:18px;background:#fff;border:1px solid #eceaf5;margin-top:24px;line-height:1.5}.what-works .blink{background:#62cbaa;border-radius:50%;width:10px;height:10px;flex-shrink:0}.what-works strong{font-size:12px;white-space:nowrap}.what-works p{font-size:11px;color:#9693a7;margin:0}.what-works b{color:#6e628c}.page-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:10px}.page-intro h1{font-size:38px;margin-bottom:9px}.page-intro p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.5;margin:0}.label-beta{font-size:11px;font-weight:900;letter-spacing:1px;color:#8f73d8;background:#f0eaff;border:1px solid #e8ddff;padding:12px 16px;border-radius:12px;white-space:nowrap}.studio-grid{display:grid;grid-template-columns:minmax(290px,.92fr) minmax(360px,1.15fr);gap:22px;align-items:start}.editor-panel,.results-panel{background:#fff;border:1px solid #edeaf5;border-radius:22px;padding:25px;box-shadow:0 12px 36px #4730830b}.editor-heading{display:flex;align-items:center;gap:12px;margin:0 0 19px}.editor-heading .number{width:34px;height:34px;border-radius:10px;background:#f1edff;color:#7d60d8;display:grid;place-items:center;font-size:12px;font-weight:900}.editor-heading h2{margin:0 0 5px;font-size:15px}.editor-heading p{margin:0;color:#9995aa;font-size:11px}.dropzone{padding:24px 12px;border:2px dashed #d5c9fb;background:linear-gradient(150deg,#faf8ff,#fff);border-radius:18px;text-align:center;cursor:pointer;transition:.15s}.dropzone:hover,.dropzone.dragover{border-color:#936deb;background:#f7f0ff}.upload-illustration{display:grid;place-items:center;width:46px;height:46px;background:#ede5ff;color:#895fe2;font-size:25px;margin:auto auto 10px;border-radius:14px}.dropzone strong{font-size:13px}.dropzone p{color:#928ea7;font-size:11px;margin:4px 0 11px}.dropzone span{color:#a09cb6;font-size:9px;letter-spacing:1px;font-weight:900}.upload-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.upload-thumb{position:relative;border:1px solid #ecebf5;border-radius:10px;aspect-ratio:1;overflow:hidden}.upload-thumb img{width:100%;height:100%;object-fit:cover}.upload-thumb button{position:absolute;top:4px;right:4px;border:0;border-radius:6px;color:#fff;background:#241f38a8;width:20px;height:20px;padding:0}.hairline{height:1px;background:#efedf6;margin:23px 0}.input-label{display:block;font-weight:900;font-size:11px;margin:15px 0 7px;color:#46405e}input:not([type=file]),textarea,select{background:#fafaff;border:1px solid #e5e3f0;border-radius:10px;padding:12px;color:#3b3650;font-size:12px;width:100%;outline:none}textarea{resize:vertical;min-height:72px}input:focus,textarea:focus,select:focus{border-color:#aa87ef;box-shadow:0 0 0 3px #bba1f43b}.double{display:grid;grid-template-columns:1fr 1fr;gap:10px}.style-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.style-option{background:#fff;border:1px solid #e5e4f0;border-radius:12px;padding:6px 6px 9px;display:grid;gap:7px;color:#716d85;text-align:left}.style-option.selected{border-color:#9f80ee;box-shadow:0 0 0 2px #ede5ff}.style-option strong{font-size:10px;padding-left:3px}.swatch{display:block;height:42px;border-radius:8px}.sw-luxe{background:linear-gradient(135deg,#8b64ad,#e8b9cb)}.sw-bold{background:linear-gradient(135deg,#ff867e,#ffcf70)}.sw-clean{background:linear-gradient(135deg,#d2fff4,#6eb4b4)}.editor-ctas{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}.editor-ctas .create{flex:1}.secondary.mini{padding:11px;font-size:11px}.tiny-note{font-size:10px;line-height:1.5;color:#a19caf}.results-panel{min-height:520px}.results-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.results-heading .eyebrow{font-size:9px;margin-bottom:7px}.results-heading h2{font-size:20px;margin:0;letter-spacing:-.7px}.result-count{background:#f3f0ff;color:#8473bf;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:800}.results-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creative-result{min-width:0}.creative-result .thumb-wrap{position:relative;aspect-ratio:4/5;border-radius:13px;overflow:hidden;background:#f1eff9;border:1px solid #e5dff0}.creative-result .thumb-wrap img{display:block;width:100%;height:100%;object-fit:cover}.creative-result h3{font-size:12px;margin:9px 0 4px}.creative-result p{font-size:9px;color:#aba8b9;margin:0 0 8px}.creative-result button{border:1px solid #ded9ef;border-radius:8px;background:#fff;color:#6656a8;padding:7px 10px;font-size:10px;font-weight:800;width:100%}.creative-result button:hover{background:#f2edff}.result-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:20px 0}.result-actions span{font-size:10px;color:#a09caf;max-width:220px}.tip{display:flex;align-items:start;gap:12px;border:1px solid #e9e0fd;background:#f8f6ff;padding:15px;border-radius:13px}.tip>span{font-size:18px;color:#9b73e5}.tip p{font-size:11px;color:#8d87aa;line-height:1.6;margin:0}.tip strong{color:#7362b4}.asset-summary{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #ecebf5;border-radius:14px;padding:18px 20px;margin:20px 0}.assets-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.asset-item{background:#fff;border:1px solid #eae8f3;padding:9px;border-radius:14px;min-width:0}.asset-item img{aspect-ratio:1;width:100%;object-fit:cover;border-radius:8px}.asset-item p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.empty-assets{color:#87839b;background:#fff;padding:50px;border:1px dashed #e5e0f2;border-radius:15px;grid-column:1/-1;text-align:center}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pricing-card{background:#fff;border:1px solid #e9e8f2;padding:27px;border-radius:21px;position:relative}.pricing-card.featured{border-color:#ad95ef;box-shadow:0 16px 45px #876ad329}.plan-eyebrow{color:#8d6fcd;font-size:10px;font-weight:900;letter-spacing:1.1px}.pricing-card h2{margin:13px 0;font-size:23px}.plan-price{font-size:35px;font-weight:900;letter-spacing:-1px}.plan-price span{font-size:13px;color:#9a96ad;font-weight:400}.pricing-card p{font-size:12px;color:#88849d;line-height:1.7;min-height:70px}.pricing-card ul{list-style:none;padding:0;display:grid;gap:12px;color:#57516d;font-size:12px;margin:20px 0 27px}.plan-select{width:100%;background:#f0edff;color:#7660bf;border:0;padding:13px;border-radius:11px;font-weight:900}.plan-select:disabled{opacity:.7;cursor:not-allowed}.coming{position:absolute;right:14px;top:-12px;background:#7d5ddc;color:#fff;border-radius:8px;padding:6px 10px;font-size:9px;font-weight:900}.footnote{color:#928da5;font-size:11px}footer{display:flex;justify-content:space-between;padding:23px 4.1%;border-top:1px solid #ededf4;font-size:11px;color:#a7a4b7}footer b{color:#9574e8}.modal{position:fixed;inset:0;background:#1b163bad;z-index:15;display:grid;place-items:center;padding:18px;backdrop-filter:blur(6px)}.modal-card{background:#fff;border-radius:24px;width:min(460px,100%);padding:33px;position:relative;box-shadow:0 35px 100px #150b2c59}.close-modal{position:absolute;right:20px;top:15px;border:0;background:#f3f1fb;border-radius:50%;width:30px;height:30px;font-size:20px;color:#5b5482}.modal-card h2{margin:0 0 12px;font-size:25px}.modal-card p{font-size:13px;color:#928da5;line-height:1.7}.roadmap-steps{display:grid;gap:13px;margin:25px 0}.roadmap-steps div{display:flex;gap:11px;align-items:center;font-size:12px;font-weight:700;color:#625e75}.roadmap-steps span{width:24px;height:24px;border-radius:50%;background:#eee9fa;color:#9167df;display:grid;place-items:center}.roadmap-steps span.done{background:#ddf8eb;color:#28ab82}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,35px);opacity:0;pointer-events:none;z-index:30;background:#2d225d;color:#fff;border-radius:12px;padding:12px 18px;font-size:12px;font-weight:800;box-shadow:0 15px 30px #3324604d;transition:.25s}#toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:1250px){.sidebar{width:207px}.brand img{width:162px}.welcome{padding:35px 30px}.main-product{left:12%}.small-product{right:1%}.studio-grid{grid-template-columns:1fr}.results-gallery{grid-template-columns:repeat(3,minmax(0,220px))}}@media(max-width:900px){.sidebar{width:75px;padding:22px 10px}.brand{overflow:hidden;width:47px;margin:0 0 25px;height:53px}.brand img{width:180px;max-width:none;position:relative;left:-1px}.nav-caption,.nav-link:not(.active) .new,.sidebar-bottom,.nav-link{font-size:0}.nav-link{justify-content:center;padding:13px 8px}.ni{font-size:23px}.welcome{grid-template-columns:1fr 1fr}.welcome h1{font-size:36px}.main-product{width:177px;height:224px;left:0}.small-product{width:110px;height:139px;right:0}.token-top{right:0}.hero-art{height:240px}.showcase-card{height:260px}.showcase-card img{height:160px}}@media(max-width:670px){.shell{display:block}.sidebar{position:fixed;bottom:0;top:auto;width:100%;height:63px;padding:6px 6px;flex-direction:row;align-items:center;border-right:0;border-top:1px solid #ebe5f6;box-shadow:0 -8px 26px #43348312}.sidebar .brand,.sidebar .nav-caption,.sidebar .sidebar-bottom{display:none}.side-nav{display:flex;width:100%;justify-content:space-around;gap:4px}.nav-link{width:auto;min-width:64px;flex-direction:column;gap:1px;font-size:9px;padding:5px 5px;text-align:center;border-radius:10px}.ni{font-size:20px}.topbar{height:64px;padding:0 18px}.top-actions{gap:8px}.preview-label{display:none}.plan-button{padding:9px 10px;font-size:10px}.avatar{height:34px;width:34px}.page{padding:18px 15px 80px}.welcome{grid-template-columns:1fr;padding:29px 23px 6px;gap:4px;min-height:0;border-radius:22px}.welcome h1{font-size:36px}.lead{font-size:12px}.hero-art{height:230px}.orb-one{left:35%}.main-product{top:5px;left:36%;width:156px;height:191px}.small-product{top:72px;right:3%;width:83px;height:106px}.token-top{right:9%}.mini-stats{grid-template-columns:1fr 1fr;gap:9px;margin:13px 0 35px}.stat{padding:12px;gap:9px}.stat-icon{width:33px;height:33px;font-size:16px}.stat strong{font-size:11px}.stat span{font-size:9px}.stat:last-child{grid-column:1/-1}.section-head h2{font-size:22px}.section-head p{font-size:11px}.quiet-btn{font-size:10px}.showcase{grid-template-columns:1fr 1fr;gap:9px}.showcase-card{height:255px;padding:12px}.showcase-card:last-child{display:none}.showcase-card .showcase-top{font-size:10px}.showcase-top span{display:none}.showcase-card img{height:163px}.showcase-card h3{font-size:14px}.what-works{display:block;padding:17px}.what-works strong{display:inline}.what-works p{margin-top:8px}.page-intro h1{font-size:33px}.page-intro{align-items:start}.label-beta{font-size:8px;padding:9px}.editor-panel,.results-panel{padding:16px}.results-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.creative-result h3{font-size:10px}.creative-result button{padding:7px 4px}.plans-grid{grid-template-columns:1fr}.assets-grid{grid-template-columns:repeat(2,1fr)}footer{padding-bottom:85px}.double{grid-template-columns:1fr 1fr}.studio-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

#installApp{background:#fff;border-color:#e6ddfc;color:#6350ad}#installApp:hover{background:#f4f1ff}@media(max-width:670px){#installApp{padding:9px 6px;font-size:10px}.top-actions{gap:4px}}

/* AI Studio v0.5 */
.ai-beta{background:#efe9ff;color:#7f59c5;border:1px solid #dcd0ff;border-radius:20px;padding:10px 14px;font-size:10px;letter-spacing:.08em;font-weight:900;white-space:nowrap}
.ai-status{background:#f1f5ff;border:1px solid #e0e6fb;padding:12px 16px;border-radius:12px;font-size:12px;color:#594b87;margin:6px 0 20px}.ai-status.ready{background:#e7faef;color:#20764c;border-color:#bce9ce}.ai-status.error{background:#fff2ec;color:#9e4a25;border-color:#ffe0d0}
.ai-studio-grid{display:grid;grid-template-columns:minmax(320px,460px) minmax(0,1fr);gap:22px;align-items:start}.ai-controls,.ai-output{padding:25px}.ai-controls h2{font-size:16px;margin:23px 0 5px;color:#372c59}.ai-controls .tiny-note{line-height:1.6}.ai-mode-tabs{display:flex;gap:8px;background:#f2f0f9;padding:6px;border-radius:14px}.ai-mode-tabs .mode{flex:1;padding:13px 10px;border:none;border-radius:11px;background:transparent;color:#786c9e;font-weight:900}.ai-mode-tabs .mode.selected{background:#fff;box-shadow:0 4px 16px #30204a14;color:#6f4bc9}.ai-upload{border:2px dashed #cab6ef;background:linear-gradient(120deg,#faf8ff,#f5faff);border-radius:14px;width:100%;padding:20px;display:flex;align-items:center;gap:13px;text-align:left;font-size:13px;font-weight:900;color:#6a54a7}.ai-upload span{background:#e9ddff;border-radius:12px;width:36px;height:36px;display:grid;place-items:center;font-size:23px}.ai-upload small{font-size:10px;color:#9385aa;font-weight:500;margin-left:auto}.ai-reference{display:flex;gap:12px;border:1px solid #e9e4f2;padding:9px;border-radius:12px;margin-top:12px;align-items:center}.ai-reference img{width:65px;height:65px;object-fit:cover;border-radius:10px}.ai-reference>div{min-width:0;display:grid;gap:8px}.ai-reference strong{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.ai-reference button{background:transparent;border:0;text-align:left;color:#845ac5;padding:0;font-size:10px;font-weight:700}.ai-ideas{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.ai-ideas button{padding:7px 10px;background:#f2edff;border:1px solid #e2d7fa;color:#6b4cae;border-radius:20px;font-size:10px}.ai-cost{background:#f7f6fd;border-radius:12px;padding:14px;display:grid;gap:5px;margin:20px 0}.ai-cost strong{font-size:12px;color:#5c4a8c}.ai-cost span{font-size:10px;color:#8e86a6;line-height:1.6}.ai-owner{border:1px solid #e9e4f5;padding:12px;border-radius:12px;margin-bottom:13px}.ai-owner summary{font-weight:800;font-size:12px;cursor:pointer}.ai-owner input{margin-top:4px}.ai-generate{width:100%;justify-content:center}.ai-generate:disabled{opacity:.65;cursor:wait}.ai-output-placeholder{border-radius:20px;min-height:420px;border:1px dashed #dcd2f1;background:radial-gradient(circle at 70% 20%,#ebdeff,#f6f4ff 50%,#eff8ff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.ai-output-placeholder h3{margin:15px 0 8px;color:#5c4c8c;font-size:20px}.ai-output-placeholder p{color:#8c83a8;font-size:12px;max-width:290px;line-height:1.7}.ai-spark{height:100px;width:100px;display:grid;place-items:center;background:linear-gradient(135deg,#8d60dd,#54b8e6);border-radius:34px;box-shadow:0 26px 38px #927add54;color:#fff;font-size:60px;animation:float 4s ease-in-out infinite}.ai-progress{min-height:330px;display:flex;gap:17px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ai-progress p{font-size:11px;color:#8f88a6;max-width:260px}.ai-spinner{height:40px;width:40px;border-radius:50%;border:4px solid #ede5ff;border-top-color:#9367e2;animation:spin .8s linear infinite}.ai-result img,.ai-result video{width:100%;max-height:630px;object-fit:contain;background:#201934;border-radius:16px;display:block}.ai-result-buttons{display:flex;gap:10px;margin:15px 0}.ai-safety{margin-top:18px;padding:16px;border:1px solid #f3e5c4;background:#fffaf0;border-radius:12px}.ai-safety strong{font-size:12px;color:#9b6519}.ai-safety p{font-size:10px;line-height:1.7;color:#9c854e;margin:5px 0 0}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.ai-studio-grid{grid-template-columns:1fr}}@media(max-width:670px){.ai-controls,.ai-output{padding:16px}.ai-beta{font-size:8px;padding:8px}.ai-upload small{display:none}.ai-output-placeholder{min-height:290px}.ai-result-buttons{flex-wrap:wrap}.ai-mode-tabs .mode{font-size:11px}}

.video-settings{padding:14px 0 4px}.video-settings select{width:100%;font:inherit;border:1px solid #ded5f2;background:#fff;padding:13px 12px;border-radius:12px;font-weight:700;color:#46376d;cursor:pointer}.video-settings .tiny-note{margin-top:8px}
/* v0.6 Creative Commerce Studio — choose your own design, not just three colors */
.upgraded-grid{grid-template-columns:minmax(370px,.84fr) minmax(430px,1.25fr);align-items:start}
.section-editor-title{margin-top:28px!important;padding-top:22px;border-top:1px solid #efedf8}
.design-templates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.design-templates .style-option{display:flex;flex-direction:column;text-align:left;gap:3px;min-width:0;border:2px solid #ecebf3;padding:5px 5px 9px;background:#fff;box-shadow:none;border-radius:11px;transition:transform .17s,border .17s,box-shadow .17s}
.design-templates .style-option:hover{transform:translateY(-3px);border-color:#b29cfa}
.design-templates .style-option.selected{border-color:#7958ee;background:#f8f6ff;box-shadow:0 0 0 2px #e6dfff}
.design-templates .style-option strong{font-size:10px;color:#37304e;padding:5px 2px 0;white-space:nowrap}
.design-templates .style-option small{font-size:9px;color:#8c869e;padding:0 2px;line-height:1.25}
.template-mini{display:block;width:100%;aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:7px;background:#eee}
.template-mini i,.template-mini b{display:block;position:absolute}
.mini-spotlight{background:linear-gradient(0deg,#1b172a 2%,transparent 88%),linear-gradient(125deg,#6ab9cf,#f2bbc5)}.mini-spotlight i{background:#c8eff9;width:72%;height:51%;left:14%;top:14%;border-radius:3px}.mini-spotlight b{background:#fff;width:56%;height:7%;left:11%;bottom:12%}
.mini-split{background:#141821}.mini-split i{background:linear-gradient(120deg,#aceaff,#7284ad);width:51%;height:100%;right:0}.mini-split b{background:#fff;width:34%;height:9%;top:44%;left:7%}
.mini-editorial{background:#f2eadc}.mini-editorial i{background:#5e8175;width:76%;height:56%;top:16%;left:12%}.mini-editorial b{background:#151515;width:62%;height:7%;bottom:14%;left:12%}
.mini-sale{background:linear-gradient(120deg,#ff7c7a,#f5e882)}.mini-sale i{background:#effff7;width:53%;height:58%;left:7%;top:18%}.mini-sale b{background:#fffbfa;width:27%;height:22%;right:6%;top:26%;transform:rotate(-7deg)}
.mini-minimal{background:#fbfbf9}.mini-minimal i{background:#eaeae8;width:74%;height:50%;top:31%;left:13%}.mini-minimal b{background:#222;width:48%;height:3%;top:19%;left:13%}
.mini-neon{background:#141124}.mini-neon i{background:#453b80;width:52%;height:68%;right:9%;top:16%;border:2px solid #64e7ff;box-shadow:0 0 8px #6ceeff}.mini-neon b{background:#f3f0ff;width:28%;height:12%;left:8%;top:39%}
.mini-luxury{background:#100f14;border:1px solid #d9be84}.mini-luxury i{background:#7c5b41;width:66%;height:49%;left:17%;top:19%;border:1px solid #c9b084}.mini-luxury b{background:#e8d29a;width:48%;height:4%;left:26%;bottom:15%}
.mini-story{background:linear-gradient(145deg,#7558ec,#ff8fad)}.mini-story i{background:#e5d5ed;width:88%;height:58%;left:6%;top:6%;border-radius:4px}.mini-story b{background:#fff;width:80%;height:23%;left:10%;bottom:7%;border-radius:4px}
.mini-collage{background:#eee8df}.mini-collage i{background:linear-gradient(135deg,#b9bab6,#829c99);width:47%;height:57%;left:7%;top:32%}.mini-collage b{background:#b9d6db;width:34%;height:28%;right:7%;top:32%;box-shadow:0 25px 0 #eec2a8}
.mini-poster{background:#272638}.mini-poster i{background:#fff;width:75%;height:12%;left:7%;top:20%}.mini-poster b{background:#9b97c5;width:84%;height:42%;left:8%;bottom:10%}
.customization-grid{display:grid;grid-template-columns:1fr 2fr;gap:14px}.custom-field{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;font-weight:800;color:#45405e;min-width:0;border-radius:10px;padding:8px 10px;border:1px solid #eae5f2}.custom-field input[type=color]{width:46px;height:35px;border:0;padding:3px;background:#fff;cursor:pointer;flex-shrink:0}.custom-field input[type=range]{flex:1;min-width:40px;padding:0;border:0;accent-color:#7455ec;height:22px;background:transparent}.custom-field span{font-size:10px;color:#7865b5}
.upload-grid{display:flex;flex-wrap:wrap}.upload-holder{width:82px;height:90px;position:relative}.upload-thumb.selectable-photo{height:77px;width:77px;padding:0;position:relative;border:2px solid #e7e1f5;background:#f5f3f8;overflow:hidden;border-radius:12px}.upload-thumb.selectable-photo img{width:100%;height:100%;object-fit:cover;display:block}.upload-thumb.selectable-photo.active-photo{border:3px solid #7355e5;box-shadow:0 0 0 3px #e8e2fb}.upload-thumb .photo-tick{position:absolute;bottom:0;left:0;right:0;background:#251641bc;color:#fff;font-size:9px;padding:4px}.remove-thumb{position:absolute;right:0;top:-7px;background:#fff;border:1px solid #ddd4f0;color:#684fad;border-radius:50%;width:21px;height:21px;z-index:1;font-size:17px;line-height:15px;cursor:pointer}
.focus-panel{background:linear-gradient(145deg,#f8f7ff,#f4f8ff);border:1px solid #e4def9;border-radius:19px;padding:15px;margin:10px 0 26px}.focus-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:12px}.focus-top strong{font-size:17px}.focus-top span{font-size:10px;color:#928ba8}.focus-image{border-radius:14px;min-height:200px;display:grid;place-items:center;background:repeating-conic-gradient(#e8e6ef 0% 25%,#f4f3fa 0% 50%) 50%/22px 22px;overflow:hidden;max-height:600px}.focus-image img{display:block;width:auto;max-width:100%;max-height:590px;object-fit:contain;box-shadow:0 16px 40px #1511243c}.focus-actions{display:flex;gap:10px;margin-top:14px}.focus-actions button{flex:1;padding:13px 8px}.focus-actions .secondary{border:1px solid #c8baf2}
.gallery-title{font-size:15px;margin:12px 0;display:flex;align-items:center;justify-content:space-between}.gallery-title span{font-size:10px;color:#aaa2bb;font-weight:500}.results-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.creative-result.selectable-result{background:#fff;border:2px solid #eae7f3;border-radius:14px;padding:7px 7px 9px;transition:.15s}.creative-result.selectable-result.chosen{border-color:#7657ee;background:#f7f4ff}.creative-result.selectable-result:hover{border-color:#ae9af3}.design-choice{padding:0;background:transparent;border:0;width:100%;text-align:left}.design-choice .thumb-wrap{height:210px;aspect-ratio:auto;display:grid;place-items:center;background:#f2f1f8}.design-choice .thumb-wrap img{width:100%;height:100%;object-fit:contain}.design-name{display:flex;gap:2px;flex-direction:column;padding:7px 3px 4px}.design-name strong{font-size:12px;color:#39334e}.design-name small{color:#948aa6;font-size:9px}.creative-result .small-export{width:100%;border-radius:9px;padding:9px;font-size:11px;background:#f2eefe;border:1px solid #e5dbfa;color:#6246a4;font-weight:900}.inline-link{border:0;background:none;padding:0;color:#6945bd;font-weight:900;text-decoration:underline;cursor:pointer}.tip{margin-top:20px}
@media(max-width:1460px){.design-templates{grid-template-columns:repeat(4,minmax(0,1fr))}.upgraded-grid{grid-template-columns:minmax(350px,1fr) minmax(390px,1.12fr)}}
@media(max-width:1050px){.upgraded-grid{grid-template-columns:1fr}.design-templates{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:670px){.design-templates{grid-template-columns:repeat(3,minmax(0,1fr))}.results-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-actions{flex-direction:column}.design-choice .thumb-wrap{height:170px}.focus-image img{max-height:440px}.customization-grid{grid-template-columns:1fr}.gallery-title{font-size:13px}.gallery-title span{font-size:9px}}

/* KREVIXA NEON v0.8 — dark creative dashboard and responsive design */
:root{--ink:#f2f3ff;--muted:#a3a8c5;--purple:#9865ff;--violet:#cc65ff;--lavender:#15152b;--border:#292d4b;--bg:#050815;--shadow:0 22px 55px #01020c8f}
body{background:radial-gradient(circle at 75% 5%,#211047 0,transparent 34%),#050815;color:#f3f4ff}
.sidebar{background:linear-gradient(180deg,#080c1a,#090a17 88%);border-color:#252340;padding:20px 14px;box-shadow:3px 0 30px #0005}
.brand{height:48px;margin:1px 6px 31px;gap:9px;justify-content:flex-start;color:#fff!important}.brand img{width:40px;height:42px;object-fit:contain;filter:drop-shadow(0 0 12px #763cff77)}.brand span{font-size:21px;font-weight:900;letter-spacing:1.2px;color:white}
.nav-caption{color:#757caa;font-size:9px}.nav-link{color:#b2b7d7;font-size:13px;border:1px solid transparent}.nav-link .ni{color:#a9baff}.nav-link.active,.nav-link:hover{color:#fff;background:linear-gradient(100deg,#251068,#17153e);border-color:#47299b;box-shadow:inset 3px 0 0 #8b59ff}.nav-link.active .ni,.nav-link:hover .ni{color:#fff}.new{background:#40216d;color:#efcfff}
.sidebar-offer{border:1px solid #6c32e8;border-radius:18px;padding:16px;background:radial-gradient(circle at 60% 100%,#4d139a,#19133e 70%);box-shadow:0 9px 35px #501fb93d}.sidebar-offer span{color:#dbc0ff;font-size:9px;letter-spacing:1.5px;font-weight:800}.sidebar-offer strong{display:block;font-size:15px;margin:10px 0 6px}.sidebar-offer p{color:#bcaeda;font-size:11px;line-height:1.6}.sidebar-offer button{background:linear-gradient(120deg,#af1bf0,#5638e5);border:1px solid #bd5dff;border-radius:10px;color:#fff;font-weight:800;padding:12px;width:100%;cursor:pointer}.tiny-credit{color:#a4a2c2}
.topbar{height:78px;background:#080b19dd;border-color:#212344;backdrop-filter:blur(20px);padding:0 3%;gap:8px;position:sticky;top:0;z-index:4}.crumb{flex-shrink:0}.crumb strong{color:#fff}.top-date{color:#7780b3}.top-nav-shortcuts{display:flex;gap:8px}.top-nav-shortcuts button{background:transparent;border:1px solid transparent;color:#b2b6d5;padding:10px;border-radius:10px;font-size:12px;white-space:nowrap}.top-nav-shortcuts button:hover{background:#191b38;color:#fff}.top-actions{gap:8px}.preview-label{color:#9ca3c9}.plan-button{background:#12142e;border:1px solid #343369;color:#d7d3f7;padding:10px 12px}.plan-button:hover{background:#292457}.upgrade-strong{color:#fff;background:linear-gradient(110deg,#761be0,#3221ba);box-shadow:0 0 18px #7e27e342;border-color:#8052f7}.avatar{background:linear-gradient(130deg,#20266b,#6839cb);border:1px solid #5473d9}
main{max-width:1700px}.page{padding:22px 2.5% 50px}
.neon-hero{min-height:355px;border:1px solid #4a328c;border-radius:21px;overflow:hidden;background:linear-gradient(105deg,#090d1e,#1b1041);display:grid;grid-template-columns:1.2fr .9fr .75fr;position:relative;box-shadow:0 20px 45px #0007;isolation:isolate}
.hero-background{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 65% 48%,#6b27954d,transparent 38%),linear-gradient(130deg,#0b0b1e,#141030)}.hero-intro{padding:38px 20px 35px 34px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{color:#b18aff}.hero-intro h1{font-size:clamp(32px,3.6vw,55px);line-height:1.06;letter-spacing:-1.9px;margin:8px 0 17px;font-family:Manrope,system-ui,sans-serif}.hero-intro h1 em{font-style:normal;color:#b26eff;background:linear-gradient(105deg,#bc68ff,#666eff,#22c8fd);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-intro p:not(.eyebrow){color:#b1b5d2;font-size:13px;line-height:1.75;max-width:440px}.hero-intro .hero-buttons{margin-top:12px}.primary{background:linear-gradient(110deg,#a835ef,#4f46ef);color:#fff;box-shadow:0 8px 26px #723cef6b;border:1px solid #a95eff}.primary:hover{box-shadow:0 10px 28px #874df59a}.secondary{background:#11162bcc;border-color:#343b69;color:#fff}.secondary:hover{background:#26234f}.hero-caveat{font-size:10px;color:#adb1d1;margin-top:19px}.hero-photo{background-image:linear-gradient(90deg,#0c0d21 0%,transparent 28%,transparent 78%,#0e0c22 100%),url('assets/hero-perfume.jpg');background-position:center,center;background-repeat:no-repeat;background-size:cover;position:relative}.hero-photo:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 40%,#1b0f4057 100%)}
.hero-abilities{align-self:center;background:#0d1024da;border:1px solid #373454;border-radius:17px;padding:16px;margin:18px 16px 18px 0;z-index:2;box-shadow:0 15px 40px #0008}.hero-abilities p{font-weight:900;font-size:12px;color:#c7b3ff;margin:0 0 14px}.transformation-preview{display:flex;align-items:center;gap:7px}.transformation-preview img{width:44%;aspect-ratio:1/1.05;object-fit:cover;border-radius:8px;background:#202036}.transformation-preview img:first-child{background:#e9eaf4}.transformation-preview span{color:#a875ff}.hero-abilities ul{color:#c9ccea;font-size:11px;line-height:2.1;padding-left:16px;margin:12px 0 0}
.neon-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:17px}.neon-feature{min-height:177px;position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:6px;border:1px solid #43366d;border-radius:16px;padding:15px;background:linear-gradient(135deg,#101123,#070a17);box-shadow:0 10px 28px #0006}.neon-feature.pink{border-color:#743560}.neon-feature.blue{border-color:#2b509a}.neon-feature.orange{border-color:#8c4d26}.neon-feature:after{content:'';position:absolute;top:-35%;right:-25%;width:160px;height:160px;border-radius:50%;background:#893bff2b;filter:blur(32px)}.neon-feature.pink:after{background:#f832a42b}.neon-feature.blue:after{background:#256ffa2a}.neon-feature.orange:after{background:#ff7d292b}.neon-feature>div{position:relative;z-index:1;min-width:0}.feature-icon{display:grid;place-items:center;width:33px;height:33px;border:1px solid #6546b7;border-radius:8px;background:#251660;color:#b5a0ff;font-size:23px}.neon-feature h3{font-size:16px;margin:12px 0 6px;color:#fff;line-height:1.15}.neon-feature p{font-size:10px;color:#a6abc9;line-height:1.5;max-width:154px;min-height:32px}.neon-feature button{border:1px solid #313969;border-radius:8px;padding:8px;background:#101f3b;color:#e1e7ff;font-size:10px;font-weight:800;margin-top:6px}.neon-feature button:hover{background:#2b2b6d}.neon-feature img{height:116px;width:38%;object-fit:cover;border-radius:12px;align-self:center;box-shadow:0 4px 22px #000a}
.neon-section-head{margin:26px 0 15px;align-items:center}.neon-section-head h2{color:#fff;margin-bottom:5px}.neon-section-head p{color:#a7abc7}.quiet-btn{background:#12162a;border-color:#2b335c;color:#d3c9ff}.quiet-btn:hover{background:#25244d}.neon-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.category-card{min-width:0;height:215px;position:relative;overflow:hidden;border-radius:14px;border:1px solid #353657;padding:0;background:#0a0b18;text-align:left;color:white;transition:transform .2s,border-color .2s}.category-card:hover{transform:translateY(-4px);border-color:#9c60f8}.category-card img{width:100%;height:100%;object-fit:cover;filter:saturate(1.12);transition:transform .3s}.category-card:hover img{transform:scale(1.055)}.category-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003 30%,#050512b5 70%,#01020af5 100%)}.category-card .tag{position:absolute;top:9px;left:9px;background:#452c9c;padding:6px 9px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:.5px}.tag.rose{background:#ab226a}.tag.hot{background:#883f1a}.cat-bottom{position:absolute;bottom:12px;left:12px;right:8px;display:grid;gap:4px}.cat-bottom strong{font-size:14px;color:#fff}.cat-bottom small{font-size:10px;color:#b5b6d4}.neon-bottom-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 25px;margin-top:22px;border:1px solid #333966;border-radius:16px;background:linear-gradient(90deg,#141432,#0a0d1c)}.neon-bottom-banner>div{display:grid;gap:5px}.neon-bottom-banner span{font-size:10px;color:#ab8aff;letter-spacing:1px;font-weight:900}.neon-bottom-banner strong{font-size:20px}.neon-bottom-banner small{font-size:11px;color:#9ea6c8}
.page-intro h1,.page-intro h1 em,.page-intro h2{color:#fff}.page-intro h1 em{background:linear-gradient(100deg,#c75eff,#6d7bff);background-clip:text;-webkit-text-fill-color:transparent}.page-intro p:not(.eyebrow){color:#b0b6d1}.label-beta,.ai-beta{background:#25163f;border:1px solid #674299;color:#dbc4ff}.editor-panel,.results-panel{background:#0d1022;border-color:#2b3158;box-shadow:0 14px 36px #0008}.editor-heading h2,.results-heading h2,.focus-top strong,.gallery-title,.page-intro h1{color:#f6f4ff}.editor-heading p,.tiny-note,.editor-panel p,.result-count{color:#a5abc9}.editor-heading .number{background:#241650;color:#ba9eff}.input-label{color:#dad6f4}input:not([type=file]),textarea,select{background:#15182e;border-color:#373d6c;color:#f8f7ff}input::placeholder,textarea::placeholder{color:#8285ab}select option{background:#14182d;color:#f9f9ff}.dropzone{background:linear-gradient(120deg,#14172d,#10152b);border-color:#594e85;color:#fff}.dropzone:hover,.dropzone.dragover{background:#1d2046}.editor-ctas .secondary{border-color:#373c6d}.results-heading h2,.focus-top strong{color:#fff}.result-count{background:#29204c;color:#d2b6ff}.focus-panel,.tip,.ai-cost,.ai-preset-help{background:#131730;border-color:#313863;color:#e7eaff}.focus-top span,.focus-panel span,.gallery-title span{color:#a8a3c2}.focus-image{background:repeating-conic-gradient(#16172d 0% 25%,#262742 0% 50%) 50%/22px 22px}.creative-result.selectable-result,.style-option,.design-templates .style-option,.ai-style-card{background:#15192d;border-color:#323454;color:#fff}.creative-result.selectable-result.chosen,.design-templates .style-option.selected{background:#282049;border-color:#9c6dff}.design-name strong,.design-templates .style-option strong{color:#f2efff}.design-name small,.design-templates .style-option small{color:#a3a2c4}.custom-field{border-color:#3a3764;color:#ebebfb}.custom-field input[type=color]{background:#191c36}.tip p,.tip strong{color:#bfc4dd}.ai-controls h2,.ai-output h2{color:#fff}.ai-mode-tabs .mode{background:#151b37;color:#bec2e2;border-color:#3a3461}.ai-mode-tabs .mode.selected{background:#342168;color:#fff}.ai-upload{background:#15182f;border-color:#55438a;color:#f3efff}.ai-owner{background:#11152c;border-color:#3b3b69;color:#f3f2ff}.ai-cost strong{color:#d8bdff}.ai-cost span,.ai-safety p{color:#b3adc5}.ai-output-placeholder{background:radial-gradient(circle at 60% 15%,#2b1954,#0d1226 75%);border-color:#4e3c84}.ai-output-placeholder h3{color:#f0e6ff}.ai-output-placeholder p{color:#aeb0ce}.ai-safety{background:#272016;border-color:#614823}.ai-safety strong{color:#e1b86d}.ai-safety p{color:#bbaa87}.ai-status{background:#151b2e;color:#d5c9ff;border-color:#35365f}.ai-status.ready{background:#102d2a;color:#9de5c9;border-color:#285b4f}.ai-status.error{background:#30251b;color:#f0ca91;border-color:#68502e}.ai-ideas button{background:#191831;border-color:#393360;color:#cfc0ff}.ai-ideas button:hover{background:#302655}.freeprompt-note{margin:8px 0 16px}.asset-summary{background:#13172b;border-color:#323a65;color:#e7eaff}.asset-item,.empty-assets{background:#12172b;border-color:#383862;color:#d3d2eb}.pricing-card{background:#111528;border-color:#343558;color:#f5f5ff}.pricing-card.featured{border-color:#8456e5;box-shadow:0 16px 45px #7540e22e}.pricing-card p,.pricing-card li,.footnote{color:#b6b3cd}.plan-price{color:#fff}.plan-select{background:#1b1b38;color:#ddd5f7;border-color:#4b4074}.plan-select:hover{background:#303059}.plan-select:disabled{opacity:.65}.modal-card{background:#11152c;color:#fff;border:1px solid #4b4278}.modal-card p{color:#b4add2}.close-modal{background:#2c2d50;color:#fff}.roadmap-steps{color:#cfc8e9}footer{background:#070a15;color:#919bbb;border-color:#292a49}#toast{background:#1e1739;color:#fff}
@media(max-width:1350px){.hero-abilities{display:none}.neon-hero{grid-template-columns:1.05fr .95fr}.neon-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card{height:220px}.neon-features{grid-template-columns:repeat(2,minmax(0,1fr))}.top-nav-shortcuts{display:none}}
@media(max-width:900px){.sidebar{width:190px}.brand span{font-size:18px}.neon-hero{grid-template-columns:1fr .75fr}.hero-intro{padding:25px}.hero-photo{background-position:center}.preview-label,.top-date{display:none}}
@media(max-width:670px){.sidebar{width:100%;height:auto;position:relative;padding:10px 12px 8px;box-shadow:none;border-right:0;border-bottom:1px solid #27244d}.shell{display:block}.brand{margin:0 0 7px;height:38px}.brand img{width:31px;height:31px}.brand span{font-size:20px}.nav-caption,.sidebar-bottom{display:none}.side-nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:4px}.nav-link{flex:0 0 auto;font-size:11px;padding:9px 11px;gap:5px}.ni{font-size:17px;width:18px}.new{display:none}.topbar{height:58px;padding:0 12px}.top-actions{gap:5px}.plan-button{padding:7px;font-size:10px}.avatar{width:30px;height:30px}.top-actions #installApp{display:none}.page{padding:11px 10px 35px}.neon-hero{min-height:440px;display:flex;flex-direction:column;justify-content:flex-end}.hero-intro{z-index:2;padding:20px 19px 24px;background:linear-gradient(0deg,#07091f 0%,#0a0c1ddb 78%,transparent)}.hero-intro h1{font-size:35px}.hero-intro p:not(.eyebrow){font-size:12px}.hero-photo{position:absolute;inset:0 0 27% 0;background-position:center top;opacity:.93}.hero-abilities{display:none}.hero-caveat{font-size:9px}.neon-features{grid-template-columns:1fr 1fr;gap:9px}.neon-feature{min-height:175px;flex-direction:column}.neon-feature h3{font-size:13px}.neon-feature img{position:absolute;right:5px;top:16px;width:48%;height:78px;opacity:.6}.neon-feature p{margin-top:12px;font-size:9px;max-width:100%}.neon-feature button{font-size:9px}.neon-section-head h2{font-size:22px}.neon-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-card{height:210px}.cat-bottom strong{font-size:12px}.neon-bottom-banner{flex-direction:column;align-items:flex-start}.neon-bottom-banner strong{font-size:17px}.neon-bottom-banner .primary{width:100%}.page-intro{display:block}.page-intro h1{font-size:30px}.ai-studio-grid,.studio-grid{grid-template-columns:1fr}.editor-panel,.results-panel{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Keep the brand and horizontal tabs visible on phones despite the legacy bottom-nav rules. */
@media(max-width:670px){.sidebar .brand{display:flex!important}.sidebar .side-nav{display:flex;width:100%;justify-content:flex-start}.sidebar .nav-link{width:auto;min-width:0;flex-direction:row;text-align:left;padding:9px 11px}.sidebar .nav-link .ni{width:18px}.main-area{padding-bottom:0}}
/* Extra vivid ultraviolets, atmospheric glows and distinct destinations — v0.9 */
:root{--neon-violet:#a335ff;--neon-blue:#426bff;--neon-pink:#d341ee;--neon-white:#f7f2ff}
body{background:#070412;color:#f7f3ff; background-image:radial-gradient(ellipse 70% 55% at 78% 5%,#5215a850,transparent 67%),radial-gradient(ellipse 65% 60% at 8% 50%,#4412bb42,transparent 68%),radial-gradient(ellipse 50% 45% at 90% 85%,#8733f222,transparent 70%),linear-gradient(135deg,#080512,#0c0920 60%,#08040f);background-attachment:fixed}
.main-area{background:radial-gradient(ellipse 60% 26% at 65% 10%,#9128ff20,transparent),radial-gradient(ellipse 48% 34% at 25% 66%,#4e10ad27,transparent),linear-gradient(180deg,#090619eb,#09071cee 60%,#080413)}
.sidebar{background:radial-gradient(ellipse 150% 60% at -35% 27%,#5921cb6b,transparent 75%),linear-gradient(160deg,#09071d,#100925 60%,#090615);border-color:#503080!important;box-shadow:inset -1px 0 #8743e746,15px 0 50px #5421cc18}
.sidebar .nav-link.active,.sidebar .nav-link:hover{background:linear-gradient(96deg,#501cabbb,#302679b8);border:1px solid #a34effa6!important;box-shadow:0 0 22px #862cff3d,inset 0 0 26px #6e4efd1d;color:#fff}
.topbar{background:linear-gradient(90deg,#120926,#150b30,#0e0924)!important;border-color:#7135bc8c!important;box-shadow:0 0 34px #8232ef18}
.primary,.upgrade-strong{background:linear-gradient(110deg,#a724ed,#722bfa 55%,#345efe)!important;border:1px solid #bd73ff!important;box-shadow:0 0 20px #8a2af568,0 8px 20px #09061a9b!important;color:white!important}
.primary:hover,.upgrade-strong:hover{box-shadow:0 0 36px #b451ffe2,0 10px 23px #180e3b!important;filter:brightness(1.09)}
.plan-button,.nav-link,.neon-feature,.category-card,.template-catalog-card,.neon-hero{transition:transform .2s,box-shadow .2s,border-color .2s}
.neon-feature:hover,.category-card:hover,.template-catalog-card:hover{transform:translateY(-3px);border-color:#b158ff!important;box-shadow:0 0 32px #8d29f84d!important}
.neon-hero{border-color:#814cf7!important;box-shadow:0 0 24px #8c36ed5c,inset 0 0 30px #8f32e823!important}
.hero-photo{filter:saturate(1.12) contrast(1.08)}
.neon-features .neon-feature{box-shadow:0 0 26px #6820d84a;background:linear-gradient(135deg,#141038,#0f0a24);border-color:#7642be8c!important}
.neon-categories .category-card{box-shadow:0 0 17px #8a2fff42;border:1px solid #7741bc99!important}
.neon-section-head h2,.page-intro h1{color:#f9f3ff}
.editor-panel,.results-panel,.focus-panel{background:linear-gradient(135deg,#151032,#0c1026)!important;border-color:#6c43af99!important;box-shadow:0 0 30px #8e2ded27,0 18px 40px #0007!important}
.ai-upload,.dropzone{border-color:#8152d5!important;background:linear-gradient(130deg,#171035,#181a3b)!important}
input:not([type=file]),textarea,select{border-color:#6545a7!important;background:#171132!important;outline-color:#b65cff;color:#fff!important}
.neon-bottom-banner{border-color:#a348ff;background:linear-gradient(105deg,#1c0a38,#140b32 60%,#22094c);box-shadow:0 0 31px #8a29e64a}
.top-actions .plan-button{box-shadow:0 0 16px #983cff51}
body::before{content:"";pointer-events:none;position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 30% 10%,#9f29ff26,transparent 30%),radial-gradient(circle at 85% 65%,#5a25f534,transparent 33%);filter:blur(28px)}
/* dedicated video editor */
.separate-hero{position:relative;display:grid;grid-template-columns:1.1fr .85fr;align-items:center;gap:30px;border:1px solid #8654d9;border-radius:25px;background:linear-gradient(122deg,#160a37 0%,#1a0b35 56%,#080b2d 100%);overflow:hidden;min-height:295px;margin-bottom:22px;box-shadow:0 0 32px #832aff46,inset 0 0 50px #9c25db15}
.separate-hero:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 78% 44%,#bb4dff52,transparent 31%);pointer-events:none}
.separate-hero-text{padding:34px 32px;position:relative;z-index:1}
.separate-hero h1{font-size:clamp(34px,3.4vw,54px);line-height:1.04;margin:4px 0 17px;color:white}
.separate-hero h1 em{font-style:normal;background:linear-gradient(110deg,#e782ff,#9756ff,#62b7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.separate-hero-text>p:not(.eyebrow){color:#c2b7df;font-size:13px;line-height:1.75;max-width:550px}
.private-flag{display:inline-block;color:#e4b8ff;font-size:10px;font-weight:800;letter-spacing:.8px;background:#4514818a;padding:8px 11px;border-radius:8px;margin-top:12px}
.video-hero-media{height:100%;min-height:290px;position:relative;box-shadow:inset 0 0 44px #0d0926}
.video-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#170b37,transparent 45%)}
.video-hero-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.2)}
.video-hero-media span{position:absolute;right:16px;bottom:16px;z-index:1;background:#1a113cd9;padding:10px 13px;border:1px solid #9a56ff;border-radius:10px;color:#fff;font-size:11px;font-weight:900;box-shadow:0 0 17px #a447ff}
.separate-workspace{display:grid;grid-template-columns:minmax(310px,1fr) minmax(380px,1.1fr);gap:20px}
.video-form h2{color:white;font-size:19px;margin:4px 0 12px}.step-label{color:#c073ff;letter-spacing:1.8px;font-size:10px;font-weight:900;margin:18px 0 8px}
.video-form .ai-owner{margin-top:18px}
.video-upload-preview{display:flex;align-items:center;gap:12px;margin:12px 0 16px;background:#221841;border:1px solid #6a45c3;border-radius:13px;padding:9px}
.video-upload-preview img{height:90px;width:90px;object-fit:cover;border-radius:8px}.video-upload-preview div{display:grid;gap:10px;min-width:0}.video-upload-preview strong{font-size:11px;overflow-wrap:anywhere}
.video-player-zone{min-height:370px;display:grid;place-items:center;border:1px solid #5636a1;border-radius:18px;background:radial-gradient(circle at 50% 45%,#5825b38c,transparent 61%),radial-gradient(circle at 70% 60%,#2a56aa4f,transparent 65%),#100a27;overflow:hidden}
.video-idle{text-align:center;max-width:330px;padding:35px}.video-idle h3{font-size:22px;margin:15px 0;color:#fff}.video-idle p{font-size:12px;line-height:1.7;color:#bbaedd}.play-orb{width:92px;height:92px;display:grid;place-items:center;margin:auto;border-radius:28px;border:1px solid #d780ff;background:linear-gradient(135deg,#7b28f6,#4021a2);font-size:42px;color:white;box-shadow:0 0 40px #a344ff99;animation:glowPulse 4s ease-in-out infinite}
@keyframes glowPulse{50%{box-shadow:0 0 65px #c461ffda;transform:scale(1.04)}}
.video-player-zone video{width:100%;max-height:660px;border-radius:16px;background:#000}.video-download{width:100%;margin-top:15px}
.video-inspiration{margin-top:22px}.video-inspiration strong{font-size:11px;letter-spacing:.4px}.video-inspiration>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.video-inspiration img{width:100%;height:120px;object-fit:cover;border:1px solid #623fb9;border-radius:12px}.video-error{padding:13px;margin-top:13px;border-radius:12px;background:#2e1630;border:1px solid #cf5484;color:#ffbfd1;font-size:12px;overflow-wrap:anywhere}
/* templates collection */
.templates-hero{background:linear-gradient(125deg,#250e48,#170a31 50%,#151040)}
.templates-hero-media{position:relative;display:flex;align-items:center;gap:7px;height:245px;padding:14px}.th-tile{height:84%;flex:1;border:2px solid #965cff;border-radius:15px;overflow:hidden;box-shadow:0 0 20px #9238ed83;transform:rotate(-3deg)}.th-tile:nth-child(2){transform:rotate(4deg) translateY(-10px)}.th-tile:nth-child(3){transform:rotate(-3deg) translateY(8px)}.th-tile img{width:100%;height:100%;object-fit:cover}
.template-pick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.template-catalog-card{border:1px solid #6845af;border-radius:16px;background:linear-gradient(155deg,#1c123b,#100f29);padding:10px;text-align:left;color:#fff;box-shadow:0 0 17px #7926e01c}
.template-catalog-card .template-art{height:170px;border-radius:11px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(120deg,#1c1636,#7d40e6);position:relative}
.template-art:before{content:"";position:absolute;inset:15%;border:5px solid #cba0ff70;border-radius:10px;transform:rotate(-7deg)}
.template-inner{color:#fff;font-size:18px;letter-spacing:2px;font-weight:900;text-shadow:0 0 13px #fff9;z-index:1}
.art-split{background:linear-gradient(90deg,#110c2c 50%,#b197fe 50%)}.art-editorial{background:linear-gradient(130deg,#b594ab,#f4ded9)}.art-sale{background:linear-gradient(120deg,#e54a82,#ffa251)}.art-minimal{background:linear-gradient(110deg,#d6e9f4,#f5f0fb)}.art-minimal .template-inner,.art-editorial .template-inner{color:#352044}.art-neon{background:linear-gradient(125deg,#121238,#9217d9 70%,#367dff)}.art-luxury{background:linear-gradient(110deg,#08070f,#7e5a32)}.art-story{background:linear-gradient(110deg,#5445dd,#df69b8)}.art-collage{background:linear-gradient(45deg,#e9979c 25%,#151536 25% 50%,#8f4cc9 50% 75%,#d2b082 75%)}.art-poster{background:linear-gradient(110deg,#21244f,#704ddf)}
.template-catalog-card strong{display:block;font-size:14px;margin:12px 3px 2px}.template-catalog-card small{color:#b9a9d4;font-size:10px;margin:0 3px}.template-action{display:block;margin:14px 3px 4px;font-size:11px;color:#b995ff;font-weight:800}
/* category-specific campaign collections */
.category-detail-hero{--a:#c79451;display:grid;grid-template-columns:1fr .75fr;min-height:390px;overflow:hidden;position:relative;border:1px solid var(--a);border-radius:25px;background:radial-gradient(ellipse at 65% 45%,color-mix(in srgb,var(--a),transparent 35%),transparent 63%),linear-gradient(120deg,#11091f,#1a1139);box-shadow:0 0 32px color-mix(in srgb,var(--a),transparent 65%)}
.category-detail-hero[data-category=beauty]{--a:#df469e;background:linear-gradient(110deg,#280922,#452044 70%,#c062b8)}
.category-detail-hero[data-category=food]{--a:#ff862c;background:linear-gradient(110deg,#32140c,#522015,#b04316)}
.category-detail-hero[data-category=fashion]{--a:#616cff;background:linear-gradient(110deg,#090b2d,#1d195b,#562bbd)}
.category-detail-hero[data-category=automotive]{--a:#a348ff;background:linear-gradient(110deg,#0d0929,#301264,#4c207a)}
.category-detail-hero[data-category=electronics]{--a:#3d97ff;background:linear-gradient(110deg,#080f2d,#132b62,#16234a)}
.category-detail-content{padding:30px 34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:1}.category-detail-content h1{color:#fff;font-size:clamp(36px,4vw,60px);line-height:1.05;margin:20px 0 14px;text-shadow:0 0 12px #a54bf866}
.category-detail-content>p:not(.eyebrow){color:#e6d7ff;line-height:1.7;font-size:14px;max-width:490px}.category-detail-hero>img{width:100%;height:100%;min-height:360px;object-fit:cover;mask-image:linear-gradient(90deg,transparent 0%,#000 35%)}
.category-actions{display:flex;gap:9px;margin-top:19px;flex-wrap:wrap}.back-home{border:0;background:#2a1a4f;border-radius:9px;padding:9px 12px;color:#dcc0ff;font-weight:800;font-size:12px}
.category-detail-lower{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(125deg,#191035,#0d1029);border:1px solid #7644bd;border-radius:19px;margin:22px 0;padding:25px}.category-detail-lower h2{color:#fff;font-size:25px;margin:5px 0}.category-detail-lower p:not(.eyebrow){color:#aaa7cf;font-size:12px;line-height:1.7}.category-chips{display:flex;flex-wrap:wrap;gap:9px;max-width:500px}.category-chip{border:1px solid #8849d9;background:#24134d;border-radius:30px;padding:10px 14px;color:#d9beff;font-size:11px;font-weight:700}.category-explain{color:#bcb4d4;font-size:12px;line-height:1.8;border-left:3px solid #b665ff;padding:8px 15px}
@media(max-width:1250px){.template-pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.separate-workspace{grid-template-columns:1fr}.separate-hero{grid-template-columns:1fr .8fr}.category-detail-hero{grid-template-columns:1fr .7fr}}
@media(max-width:670px){.separate-hero{display:flex;flex-direction:column-reverse;gap:0}.separate-hero-text{padding:24px}.separate-hero h1{font-size:34px}.video-hero-media{width:100%;height:180px;min-height:180px}.separate-workspace{grid-template-columns:1fr}.template-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.template-catalog-card .template-art{height:135px}.templates-hero-media{width:100%;height:195px}.category-detail-hero{display:flex;flex-direction:column-reverse}.category-detail-hero>img{width:100%;height:210px;min-height:210px;mask-image:linear-gradient(0deg,transparent 0%,#000 65%)}.category-detail-content{padding:22px}.category-detail-content h1{font-size:38px}.category-detail-lower{display:block}.category-chips{margin-top:12px}.video-inspiration img{height:75px}}