:root{color-scheme:dark;--bg:#09070e;--panel:#100c18;--line:#ffffff12;--text:#f4effa;--muted:#9d92ab;--purple:#bc8cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 800px 600px at 82% 12%,#3f1b5e38,transparent),var(--bg);font:14px/1.6 Inter,Segoe UI,Arial,sans-serif;color:var(--text)}button,input,select{font:inherit}button,a,label.drop{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}a:hover{color:var(--purple)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #d7b6ff;outline-offset:4px}input,select{accent-color:var(--purple)}.wrap{max-width:1280px;margin:auto;padding-left:44px;padding-right:44px}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-.7px;font-weight:700}.brand img{border-radius:8px}.brand span{color:#a87bd0;margin-left:-8px}nav{display:flex;gap:26px;align-items:center;font-size:12px;color:#c0b2ce}.badge{font-size:10px;letter-spacing:1px;border:1px solid #b579e42b;border-radius:30px;padding:7px 12px;color:#c7a8e5}.hero{position:relative;padding:64px 0 50px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#b895da;margin:0 0 14px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#c18afa;box-shadow:0 0 10px #c18afa}.hero h1{font-size:clamp(42px,5.5vw,70px);line-height:1.04;letter-spacing:-3px;margin:0;font-weight:650}.hero h1 span{color:#c299ef}.hero>p:not(.eyebrow){color:var(--muted);font-size:15px;margin:24px 0}.hero-meta{display:flex;gap:20px;font-size:9px;letter-spacing:1.2px;color:#776884}.hero-art{position:absolute;width:410px;height:270px;right:40px;top:55px;perspective:800px;pointer-events:none}.art-frame{position:absolute;border:1px solid #ba7df861;background:linear-gradient(150deg,#45225f,#1a0f2b);box-shadow:0 15px 60px #0007,inset 0 0 40px #8d45b526;border-radius:16px;padding:20px;transform:rotateY(-15deg) rotateZ(-10deg);overflow:hidden}.art-frame span{font-size:9px;color:#bc90df;letter-spacing:1px;position:relative;z-index:1}.art-frame i{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#bd89e8,#532a8a 60%,#251039);right:20px;bottom:-30px;box-shadow:0 0 50px #bd82f729}.one{width:265px;height:190px;left:0;top:0;opacity:.7}.two{width:225px;height:170px;right:0;bottom:0;transform:rotateY(-15deg) rotateZ(7deg);background:linear-gradient(145deg,#6d3b89,#25133c)}.two b{font-size:44px;position:absolute;bottom:15px;left:24px;color:#e4c5ff;font-weight:300}.workbench{border-top:1px solid var(--line);padding:38px 0 55px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:38px;align-items:start}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-top h2,.settings h2{font-size:23px;letter-spacing:-.6px;margin:0;font-weight:550}.section-top .eyebrow{margin-bottom:7px}.quiet{background:none;border:0;color:#b8a5cb;font-size:12px;padding:10px}.drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:212px;border:1px dashed #aa79cf55;border-radius:15px;background:radial-gradient(ellipse at center,#47206624,transparent),#110b1b;cursor:pointer;transition:border-color .15s,background .15s;overflow:hidden}.drop:hover,.drop.dragging,.drop:focus-within{border-color:#bf8aea;background-color:#251235}.drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.drop.disabled{opacity:.5;cursor:default}.drop.disabled input{cursor:default}.drop strong{font-size:15px;font-weight:500;margin:10px 0 3px}.drop>span:not(.upload-icon){font-size:12px;color:#a18dae}.drop u{text-underline-offset:3px;color:#cdb1e4}.drop small{font-size:10px;color:#84708f;margin-top:14px}.upload-icon{display:grid;place-items:center;font-size:25px;line-height:1;color:#c7a3e7;background:#a270c614;border:1px solid #ac71da33;border-radius:12px;width:45px;height:45px}#notice{font-size:12px;color:#cbb2dd;overflow-wrap:anywhere;min-height:20px;margin:12px 0 26px}.queue-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#8f7e9e}.queue-heading h3{font-size:12px;font-weight:500;color:#c9bbd6;margin:0}.queue-heading h3 span{display:inline-block;border:1px solid var(--line);padding:0 7px;border-radius:12px;margin-left:5px;font-size:10px;color:#aa89c4}.empty{text-align:center;padding:55px 10px 65px}.empty>div{font-size:36px;color:#614a73}.empty p{font-size:13px;color:#a593b4;margin:10px 0 4px}.empty small{font-size:11px;color:#72617e}#queue{list-style:none;padding:0;margin:15px 0}.image-row{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center;min-width:0}.thumbnail{width:58px;height:58px;flex-shrink:0;border-radius:9px;overflow:hidden;background:repeating-conic-gradient(#281c32 0 25%,#1a1222 0 50%) 0/12px 12px;display:grid;place-items:center;border:1px solid var(--line)}.thumbnail span{background:#1d1229;padding:4px;font-size:9px;letter-spacing:.5px;color:#b394c8}.thumbnail img{width:100%;height:100%;object-fit:contain}.image-info{flex:1;min-width:0}.filename{font-size:12px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-detail{font-size:10px;color:#b39dc2;margin:3px 0}.file-status{font-size:10px;color:#82728e;margin:2px 0;overflow-wrap:anywhere}.file-status.done{color:#b5d0bd}.file-status.error{color:#eeadbd}.file-status.working{color:#d0a5f1}.file-actions{display:flex;gap:8px;align-items:center}.small-button{border:1px solid #b37cdd36;background:#9b5ecc13;color:#d8b5ef;border-radius:7px;padding:6px 10px;font-size:10px;white-space:nowrap}.remove{background:none;border:0;color:#9c85ac;font-size:22px;width:32px;height:36px}.summary{margin:18px 0;padding:13px 15px;border:1px solid #b37bdd25;border-radius:9px;background:#b37bdd08;color:#c9b4d7;font-size:11px}.batch{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.batch p{font-size:10px;color:#887194;margin:0}.settings{background:linear-gradient(145deg,#181020,#100b17);border:1px solid #ac77cb25;border-radius:16px;padding:26px;position:sticky;top:20px}.settings h2{margin-bottom:25px}.settings fieldset{border:0;padding:0;margin:0}.settings label:not(.check){display:block;font-size:11px;color:#c5b7d0;margin-bottom:8px}.settings label small{color:#74657f;font-size:10px;margin-left:4px}select,input[type=number]{width:100%;background:#09060f;border:1px solid #b782de25;border-radius:8px;color:#d9cbe4;padding:11px 12px;font-size:11px}select{padding-right:8px}.hint{color:#897194;font-size:10px;line-height:1.6;margin:8px 0 22px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{font-size:11px;display:flex;align-items:center;gap:7px;color:#b09bbd;margin:0 0 25px}.check input{margin:0;width:15px;height:15px}input[type=range]{width:100%;margin:2px 0 7px;height:16px}output{float:right;color:#c79feb}.range-label{display:flex;justify-content:space-between;font-size:9px;color:#7f6c8b;margin-bottom:24px}input[type=color]{width:100%;height:38px;padding:4px;background:#0b0711;border:1px solid var(--line);border-radius:8px}.primary,.secondary{font-size:12px;border-radius:8px;padding:12px 15px;font-weight:500}.primary{width:100%;background:linear-gradient(110deg,#9761d1,#b479e8);color:#fff;border:1px solid #c696ee55;box-shadow:0 6px 25px #7c3ca825;margin-top:5px;text-align:left;display:flex;justify-content:space-between}.primary:hover:enabled{filter:brightness(1.12)}.secondary{border:1px solid #a470ce2e;color:#cbb4dd;background:#a16acf0d}.secondary:hover:enabled{background:#a16acf22}#cancel{width:100%;margin-top:10px}.progress{text-align:center;font-size:10px;color:#9d86ae;min-height:18px;margin:13px 0 22px}.privacy{display:flex;gap:13px;border-top:1px solid var(--line);padding-top:22px}.privacy>span{font-size:24px;color:#ac7bd0;line-height:1.3}.privacy strong{font-size:11px;font-weight:500;color:#c6b5d1}.privacy p{font-size:10px;color:#8f7c9d;margin:5px 0 0}.settings details{font-size:10px;color:#8d7b9a;margin-top:20px}.settings summary{cursor:pointer;color:#b39bc5;font-size:11px}.settings details p{margin:12px 0}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;padding-top:25px!important;padding-bottom:30px!important;color:#776584;font-size:10px}footer>span{letter-spacing:2px;color:#b59ac9;font-size:10px}footer>a{margin-left:auto;color:#ae93c1}footer p{margin:0}.skip{position:fixed;top:-100px;left:15px;z-index:99;background:#c9a2e8;color:#180c22;padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:1000px){.wrap{padding-left:28px;padding-right:28px}.hero-art{right:-35px;transform:scale(.8);transform-origin:right center}.hero h1{font-size:57px}.workbench{grid-template-columns:minmax(0,1fr) 310px;gap:24px}.settings{padding:22px}.file-actions{flex-direction:column;gap:0}.image-row{gap:10px}}@media(max-width:760px){.wrap{padding-left:20px;padding-right:20px}header{height:75px}.badge{display:none}.hero{padding:40px 0}.hero h1{font-size:52px;letter-spacing:-2px}.hero-art{opacity:.2;right:-100px;z-index:-1}.hero>p:not(.eyebrow){font-size:13px}.hero-meta{gap:15px;font-size:8px}.workbench{display:flex;flex-direction:column;gap:30px;padding-top:26px}.workspace,.settings{width:100%}.settings{position:static}.section-top h2{font-size:21px}.empty{padding:30px 10px}.drop{min-height:190px}.file-actions{flex-direction:row}.batch{gap:10px}footer{flex-wrap:wrap;gap:10px}footer p{display:none}.queue-heading{font-size:10px}.settings h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}