:root{--bg:#100e17;--panel:#1b1924;--panel-soft:#22202c;--panel-deep:#17151e;--line:#35313f;--line-soft:#2e2a36;--text:#f5f2f8;--muted:#a7a2b2;--dim:#7b7689;--accent:#d5adfa;--accent-bright:#edcfff;--accent-solid:#ae76eb;--success:#a2e7c8;--danger:#ffb2b2;--radius:18px;--shadow:0 18px 60px rgba(0,0,0,.14);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible,.dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.ambient{position:fixed;z-index:-1;pointer-events:none;filter:blur(50px);opacity:.34}.ambient-a{height:410px;width:520px;top:-250px;left:25%;background:radial-gradient(ellipse,#5f367f,transparent 70%)}.ambient-b{height:550px;width:400px;right:-320px;top:34%;background:radial-gradient(ellipse,#44264e,transparent 65%)}.topbar{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100% - 1180px)/2));border-bottom:1px solid #282430;background:rgba(18,16,26,.88);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:850;letter-spacing:1.5px}.brand-muted{color:#b58fd9}.brand-tag{margin-left:7px;padding:4px 7px;border:1px solid #43364c;border-radius:5px;font-size:9px;letter-spacing:1.2px;color:#cbb6dd;font-weight:700}.logo{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#f0dbff;background:#573c6a}.logo svg{width:23px;height:23px}.docs-link{font-size:12px;color:#aaa3b4}.docs-link:hover{color:#fff}.page{max-width:1180px;margin:0 auto;padding:54px 28px 20px}.hero{max-width:830px;margin-bottom:42px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#bc9bd9;font-weight:780}.sparkle{font-size:19px;vertical-align:-1px;margin-right:5px;color:#dcacff}.hero h1{font-size:clamp(35px,5vw,58px);letter-spacing:-2.8px;line-height:1.12;margin:14px 0 19px;font-weight:760}.hero h1 span{color:#bf91ee}.hero p{font-size:16px;max-width:630px;color:#b7b1c2;margin:0;line-height:1.76}.hero-pills{display:flex;flex-wrap:wrap;gap:18px;margin-top:23px}.hero-pills span{display:inline-flex;align-items:center;gap:7px;color:#bbb5c6;font-size:12px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.green{background:#97d3ac}.violet{background:#d29bff}.peach{background:#efbca6}.workspace{display:grid;grid-template-columns:minmax(0,760px) 1fr;gap:23px;align-items:start}.main-column{min-width:0;display:flex;flex-direction:column;gap:17px}.panel{padding:26px 27px;background:rgba(29,26,38,.95);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.section-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}.step{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;font-size:12px;font-weight:780;color:#dfbcff;background:#382647;border:1px solid #61436f;border-radius:8px}.title-stack{flex:1;min-width:0}.title-stack h2{font-size:17px;line-height:1.3;letter-spacing:-.3px;margin:2px 0 5px;font-weight:730}.title-stack p{font-size:12px;line-height:1.55;margin:0;color:var(--muted)}.tiny-count{font-size:11px;color:var(--dim);padding-top:4px}.dropzone{min-height:128px;border:1.5px dashed #695c77;border-radius:13px;background:linear-gradient(120deg,rgba(61,45,73,.19),rgba(39,31,50,.36));display:flex;align-items:center;gap:17px;padding:20px 19px;transition:.2s ease;user-select:none}.dropzone:hover,.dropzone.is-dragging{border-color:#cca0fb;background:rgba(103,72,128,.21)}.dropzone.is-full{opacity:.52;pointer-events:none}.drop-icon{height:49px;width:49px;flex:0 0 49px;display:grid;place-items:center;background:#3d2d4d;color:#e2b9ff;border-radius:12px}.dropzone strong{display:block;font-size:14px;font-weight:700}.dropzone small{display:block;color:var(--muted);font-size:11.5px;margin-top:4px}.drop-plus{margin-left:auto;display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:50%;background:#493656;color:#e3bdff;font-size:21px;line-height:1}.under-note{display:flex;gap:8px;align-items:flex-start;color:#918b9c;font-size:11.5px;margin-top:14px}.under-note b{font-weight:650;color:#c6bece}.mini-icon{color:#c7a0e7}.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.preview-grid:empty{display:none}.image-card{min-width:0;background:#16131d;border:1px solid #37303d;border-radius:10px;overflow:hidden;position:relative}.image-thumb{display:block;height:112px;width:100%;object-fit:cover;object-position:center}.image-card-bottom{padding:8px 9px}.image-card-bottom strong{display:block;font-size:11px;color:#e9d9f9}.image-card-bottom small{display:block;font-size:10px;color:#988ca5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-remove{position:absolute;top:6px;right:6px;width:27px;height:27px;display:grid;place-items:center;padding:0;background:rgba(8,8,10,.82);border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#fff;font-size:17px}.image-remove:hover{background:#7d3e54}.image-reorder{display:flex;gap:5px;margin-top:7px}.move-btn{flex:1;border:1px solid #38313e;border-radius:6px;padding:2px 0;background:#25202e;color:#bfb4c9;font-size:11px}.move-btn:disabled{opacity:.35;cursor:default}.main-column textarea{display:block;width:100%;background:#15131c;border:1px solid #4a4154;border-radius:11px;color:#eeeaf2;line-height:1.65;padding:16px;outline:none;resize:vertical;transition:border-color .2s,box-shadow .2s;min-height:143px}.main-column textarea:focus{border-color:#ac7ed0;box-shadow:0 0 0 3px rgba(168,121,220,.12)}textarea::placeholder{color:#777181}.text-footer{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#817989;font-size:11px}.advanced,.analysis-details,.refine-details{margin-top:17px;border-top:1px solid var(--line-soft)}details summary{cursor:pointer;list-style:none;color:#c7bad0;font-size:12px;display:flex;align-items:center;gap:8px;padding:14px 0 2px;user-select:none}details summary::-webkit-details-marker{display:none}.settings-icon{font-size:15px;color:#cb9bf0}.summary-arrow{margin-left:auto;font-size:19px;font-weight:300;line-height:1;transition:transform .2s}details[open] .summary-arrow{transform:rotate(180deg)}.advanced-body{display:grid;gap:16px;padding:17px 3px 5px}.field-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-row>label{font-size:12px;color:#c8bfd1}.field-row select{max-width:255px;background:#191620;border:1px solid #463a4e;color:#e2d7eb;padding:9px 10px;border-radius:8px;font-size:12px}.check-row{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.check-row input{margin-top:4px;accent-color:#bb8be8}.check-row strong,.check-row small{display:block}.check-row strong{font-size:12px;font-weight:650}.check-row small{font-size:11px;color:#958da0;line-height:1.5;margin-top:2px}.generate-panel{padding:24px 27px}.generate-controls{display:flex;justify-content:space-between;align-items:center;gap:14px}.generate-controls h3{font-size:15px;letter-spacing:-.2px;margin:0 0 4px}.generate-controls p{color:#aaa1b3;font-size:11.5px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:12px 19px;font-size:12.5px;font-weight:750;transition:filter .2s,transform .2s,background .2s;white-space:nowrap}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.6;cursor:wait}.btn-primary{border:1px solid #d9b7ff;background:linear-gradient(145deg,#d1a4fb,#b98aee);color:#291636;box-shadow:0 4px 28px rgba(185,138,238,.18)}.btn-secondary{background:#2c2636;color:#e9d7f7;border:1px solid #584965}.ai-option{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid var(--line-soft);padding-top:18px;margin-top:20px}.toggle{display:flex;gap:12px;align-items:center;cursor:pointer;min-width:0}.toggle>input{position:absolute;opacity:0;width:1px;height:1px}.switch{width:36px;height:21px;background:#51485c;border-radius:12px;flex:0 0 36px;position:relative;transition:.2s}.switch:after{content:'';width:15px;height:15px;border-radius:50%;background:#eee4f4;position:absolute;top:3px;left:3px;transition:.2s}.toggle>input:checked+.switch{background:#9871c3}.toggle>input:checked+.switch:after{transform:translateX(15px)}.toggle>input:focus-visible+.switch{outline:2px solid #f1cfff;outline-offset:2px}.toggle-copy b{display:block;font-size:12px;font-weight:650}.toggle-copy small{display:block;font-size:11px;line-height:1.5;color:#978ea2;margin-top:2px}.device-chip{white-space:nowrap;color:#baafc2;border:1px solid #41394a;border-radius:20px;padding:5px 8px;font-size:10px}.device-chip.ok{color:#ade8cd;border-color:#476857}.device-chip.warn{color:#ffc9a5;border-color:#75604c}.progress-area{background:#17151f;border:1px solid #4c4053;border-radius:10px;padding:13px 14px;margin-top:16px}.progress-top{display:flex;justify-content:space-between;font-size:11px;gap:12px}.progress-top span:last-child{color:#bca3d2}.progress-track{height:5px;background:#3b3547;border-radius:4px;overflow:hidden;margin:11px 0 7px}.progress-bar{height:100%;width:5%;background:linear-gradient(90deg,#9271cf,#dfaeff);border-radius:4px;transition:width .25s}.progress-area p{font-size:10.5px;color:#968ea0;margin:0}.notice{padding:11px 14px;background:#34283a;border:1px solid #665072;color:#eed9ff;border-radius:9px;margin-top:16px;font-size:11.5px}.notice.error{background:#402830;border-color:#81515b;color:#ffbdcb}.notice.ok{background:#25342f;border-color:#3a6954;color:#c1f4d7}.result-panel{border-color:#65516e;box-shadow:0 0 0 1px rgba(174,130,225,.09),var(--shadow);scroll-margin-top:14px}.step.done{color:#bff3d6;background:#2b473a;border-color:#47745d}.ready-tag{font-size:10px;letter-spacing:1.1px;color:#b3e8c8;background:#274032;border:1px solid #43624e;padding:5px 8px;border-radius:6px}.prompt-output{font-size:13px;min-height:142px;background:#130f1b!important;border-color:#644874!important}.quality-notes{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.quality-note{font-size:10.5px;background:#272232;border:1px solid #41364e;border-radius:20px;padding:5px 9px;color:#c3b5cf}.quality-note.warn{color:#f1ca9e;border-color:#6b5447}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.result-actions .btn{flex:1}.caption-list{display:grid;gap:11px;margin-top:12px}.caption-item{background:#17141e;border:1px solid #342e3e;border-radius:10px;padding:11px 13px}.caption-item b{font-size:11px;color:#dab7f8}.caption-item p{margin:4px 0 0;color:#a9a1b3;font-size:11.5px}.muted-foot{color:#847b90;font-size:10.5px}.refine-body{margin-top:14px}.refine-body label{font-size:12px;color:#b7acbf}.refine-body textarea{min-height:80px;margin:6px 0 10px}.external-link{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line-soft);margin-top:18px;padding-top:17px;font-size:11px}.external-link a{color:#dab7ff;font-weight:750}.external-link span{color:#81798b}.aside{display:flex;flex-direction:column;gap:17px}.guide-card{background:linear-gradient(153deg,#31233d 0%,#251d30 53%,#241c2d 100%);border:1px solid #51405b;border-radius:var(--radius);padding:25px}.guide-head{display:flex;align-items:center;gap:10px;letter-spacing:2px;font-size:10px;font-weight:780;color:#c9a6e2}.guide-icon{font-size:20px;color:#d7aaff}.guide-card h2{font-size:27px;line-height:1.22;letter-spacing:-1px;margin:20px 0 24px}.guide-card h2 em{font-weight:500;font-style:normal;color:#cb9ce9}.guide-points{display:grid;gap:20px}.guide-points>div{display:flex;gap:14px}.guide-points>div>span{flex:0 0 27px;color:#c59edf;font-size:11px;font-weight:750;padding-top:2px}.guide-points p{margin:0;font-size:11.5px;line-height:1.65;color:#afa4ba}.guide-points strong{font-size:12px;color:#efe4f7;font-weight:700}.guide-footer{border-top:1px solid #4d3d58;margin-top:24px;padding-top:14px;color:#a79bb1;font-size:10.5px}.guide-footer a{display:block;color:#d6b0f2;font-weight:650;margin-top:5px}.privacy-card{border:1px solid #383842;background:#1b2024;border-radius:15px;padding:21px}.privacy-icon{display:grid;place-items:center;width:30px;height:30px;color:#b4f0d0;border-radius:9px;background:#263d35;font-size:18px}.privacy-card h3{font-size:14px;margin:14px 0 5px}.privacy-card p{color:#9aa7a3;font-size:11px;line-height:1.7;margin:0}.clear-btn{display:block;background:transparent;border:0;padding:13px 0 0;color:#b7ddcb;font-size:11px;text-align:left;font-weight:650}.clear-btn:hover{text-decoration:underline}.aside-foot{font-size:10px;color:#777181;line-height:1.7;padding:0 3px}.footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #272430;margin-top:54px;padding:23px 0;color:#676170;font-size:10px;letter-spacing:.15px}.footer span:first-child{letter-spacing:1.4px;font-size:9px;font-weight:750}.footer i{font-style:normal;color:#9577ad;padding:0 2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:880px){.workspace{grid-template-columns:minmax(0,1fr)}.aside{display:grid;grid-template-columns:1.2fr .8fr;align-items:start}.aside-foot{grid-column:1/-1}.guide-card h2{font-size:24px}.guide-points{gap:12px}}@media(max-width:580px){.topbar{padding:0 18px;height:62px}.brand{font-size:13px;gap:8px}.brand-tag{display:none}.docs-link{font-size:11px}.page{padding:37px 15px 16px}.hero{margin-bottom:30px;padding:0 4px}.hero h1{font-size:38px;letter-spacing:-1.9px;margin:11px 0 14px}.hero p{font-size:13px;line-height:1.75}.hero-pills{gap:10px 14px;margin-top:19px}.hero-pills span{font-size:10.5px}.main-column{gap:13px}.panel{padding:19px 16px;border-radius:14px}.section-heading{margin-bottom:16px;gap:10px}.title-stack h2{font-size:15px}.title-stack p{font-size:11px}.step{width:27px;height:27px;flex-basis:27px;font-size:11px}.dropzone{padding:15px 13px;min-height:104px;gap:12px}.drop-icon{height:42px;width:42px;flex-basis:42px}.dropzone strong{font-size:12px}.dropzone small{font-size:10px;line-height:1.5}.drop-plus{width:25px;height:25px;flex-basis:25px}.image-thumb{height:89px}.preview-grid{gap:6px}.image-card-bottom{padding:6px}.image-card-bottom strong{font-size:10px}.image-card-bottom small{font-size:9px}.image-reorder{gap:3px}.generate-controls{align-items:stretch;flex-direction:column}.generate-controls .btn{width:100%}.ai-option{align-items:flex-start;gap:7px}.device-chip{font-size:9px;padding:4px 6px}.field-row{align-items:flex-start;flex-direction:column}.field-row select{width:100%;max-width:none}.aside{display:flex;gap:13px}.guide-card{padding:20px}.guide-card h2{font-size:24px}.guide-points{gap:15px}.privacy-card{padding:18px}.footer{flex-direction:column;gap:5px;margin-top:36px}.result-actions .btn{flex-basis:100%}.external-link{flex-direction:column;align-items:flex-start}}