@font-face{font-family:Studio;src:local("Segoe UI")}*{box-sizing:border-box}body{margin:0;background:#f7f7f3;color:#262626;font-family:Studio,"Segoe UI",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit}button{border:0}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.topbar{height:98px;padding:20px 4vw;border-bottom:1px solid #dfdfda;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;text-decoration:none;align-items:center;gap:17px;letter-spacing:2px;font-size:13px}.brand img{width:75px;height:59px;object-fit:cover;object-position:center}.brand small{display:block;letter-spacing:.3px;color:#7b7b75;font-size:11px;margin-top:7px}.top-right{display:flex;gap:24px;align-items:center}.local{font-size:11px;color:#74766b}.local i{display:inline-block;width:6px;height:6px;background:#729d72;border-radius:50%;margin-right:6px}.quiet{border:1px solid #d9d9d2;background:transparent;padding:10px 13px;border-radius:5px;font-size:12px;color:#54554f}.quiet:hover{background:#efefea}.top-right button span{color:#c31474;margin-left:10px}main{max-width:1600px;margin:auto;padding:0 4vw 70px}.intro{display:flex;justify-content:space-between;padding:54px 0 42px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#76786d;font-weight:600}h1{font-weight:400;font-family:Georgia,serif;font-size:58px;line-height:1.06;letter-spacing:-2px;margin:18px 0}h1 em{font-weight:400;color:#9f285d} .intro p{color:#797b71;font-size:13px;line-height:1.8}.intro-note{width:220px;padding:25px 0 0 35px;border-left:1px solid #deded6}.intro-note>span{font-size:10px;color:#999b91;letter-spacing:3px}.intro-note p{font-size:12px;line-height:1.65;letter-spacing:2px;margin:17px 0;color:#56584f}.pink-line{width:37px;height:2px;background:#b6236a;margin:22px 0}.intro-note small{font-size:10px;color:#919389}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:36px}.input-panel{background:#fff;border:1px solid #e0e1da;border-radius:9px;padding:22px;height:fit-content}.section-heading{display:flex;gap:10px;align-items:center;margin-bottom:18px}h2{font-size:16px;font-weight:550;letter-spacing:-.2px}.step{font-size:10px;border:1px solid #d3d5c9;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;color:#73776b}.section-meta{margin-left:auto;font-size:11px;color:#96988e}.upload{position:relative;border:1px dashed #cbd0c0;border-radius:7px;background:#f8f9f5;text-align:center;overflow:hidden}.upload:hover{border-color:#aa3c72;background:#fcf8fa}.primary-upload{height:290px}.upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.upload-empty{padding:45px 12px}.upload-icon{display:block;color:#777c6d;font-size:31px;margin-bottom:19px}.upload strong{display:block;font-size:13px;font-weight:550}.upload small{display:block;color:#94978b;font-size:10px;line-height:1.7;margin-top:9px}.preview-wrap{position:absolute;inset:9px 9px 27px;background:#eceee7;overflow:hidden}.preview-wrap img{width:100%;height:100%;object-fit:contain}.file-caption{position:absolute;bottom:8px;left:6px;right:6px;font-size:10px;color:#7d8074;white-space:nowrap;overflow:hidden}.crop-box{border:2px solid #e5007d;background:#e5007d16;position:absolute;pointer-events:none}.sample-row{margin:14px 0}.sample-row label{font-size:10px;color:#858879;margin-bottom:6px;display:block}.sample-row select{width:100%}.crop-controls{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 18px}.crop-controls .quiet{font-size:10px;padding:7px 9px}.crop-controls small{display:block;font-size:10px;line-height:1.6;color:#929587;width:100%}.text-button{background:transparent;color:#925471;padding:4px 0;font-size:11px;text-decoration:none}.text-button:hover{text-decoration:underline}.upload-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.small-upload{min-height:140px;padding:20px 6px;display:block}.mini-icon{display:block;font-size:24px;color:#858a79;margin-bottom:10px}.small-upload img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.small-upload:has(img:not([hidden])) strong,.small-upload:has(img:not([hidden])) small,.small-upload:has(img:not([hidden])) .mini-icon{visibility:hidden}.reference-actions{display:flex;justify-content:space-between;margin:6px 0 22px}.metadata{border-top:1px solid #ecece5;padding-top:18px}.metadata summary{font-size:12px;cursor:pointer;margin-bottom:16px}.metadata summary span{display:block;margin:7px 0 0 15px;font-size:10px;color:#929687}label{display:block;font-size:11px;color:#717767}label input:not([type=checkbox]),label select{margin-top:7px;width:100%}input,select,textarea{border:1px solid #dcded4;background:#fff;color:#35392e;border-radius:5px;padding:10px 11px;min-width:0}input:focus,select:focus,textarea:focus{border-color:#b55c87;outline:2px solid #ead4df}label{margin-bottom:13px}label small{font-size:10px;color:#a0a295}select{padding:9px 10px;font-size:12px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.6}.check input{accent-color:#b52b72}.logo-control{position:relative;display:flex;align-items:center;padding:8px;border:1px solid #e8e9e2;gap:9px;margin:18px 0 10px}.logo-control>img{width:47px;height:40px;object-fit:contain}.logo-control strong{display:block;font-size:11px}.logo-control small{display:block;font-size:9px;margin-top:4px}.logo-control>input{position:absolute;inset:0;opacity:0;cursor:pointer}.logo-control>.text-button{margin-left:auto;font-size:10px}.note{font-size:10px;color:#8d9283;line-height:1.6;display:block}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.preset-card{text-align:left;padding:0;overflow:hidden;border:1px solid #dedfd7;border-radius:7px;background:#fff;transition:border-color .15s,transform .15s}.preset-card:hover{transform:translateY(-2px);border-color:#b77797}.preset-card.selected{border:2px solid #a92e69;box-shadow:0 0 0 2px #a92e690b}.preset-art{height:132px;position:relative;overflow:hidden;display:grid;place-items:center}.preset-art .swatch{width:72px;height:83px;transform:rotate(-14deg);box-shadow:7px 9px 13px #352c2829;background:repeating-linear-gradient(45deg,#7c879a 0 8px,#67738a 8px 10px);border:4px solid #ffffff66}.preset-art .swatch::after{content:"";display:block;position:absolute;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent 0 20px,#22334d3b 20px 40px)}.preset-art[data-kind=clean] .swatch{transform:rotate(0);width:67px;height:94px;background:linear-gradient(115deg,#a58b7190,transparent),repeating-linear-gradient(45deg,#cdd7bc 0 3px,#a3b08e 3px 4px);border:8px solid #fff;border-top-width:26px}.preset-art[data-kind=studio] .swatch{width:117px;height:63px;transform:rotate(-8deg) skew(-13deg);border-radius:50% 12% 20% 10%}.preset-art[data-kind=woman] .swatch,.preset-art[data-kind=man] .swatch{width:77px;height:103px;transform:rotate(0);clip-path:polygon(30% 0,70% 0,100% 20%,88% 40%,77% 30%,87% 100%,13% 100%,23% 30%,12% 40%,0 20%);border:0}.preset-art[data-kind=man] .swatch{background:repeating-linear-gradient(90deg,#546f69 0 11px,#3a5753 11px 12px)}.preset-art[data-kind=color] .swatch{transform:rotate(12deg);background:repeating-linear-gradient(45deg,#9e365d 0 4px,#85254a 4px 5px)}.art-number{position:absolute;top:10px;left:13px;font-family:Georgia,serif;font-size:18px;opacity:.35}.selected-tick{position:absolute;right:10px;top:10px;width:22px;height:22px;background:#a92e69;color:#fff;border-radius:50%;display:none;place-items:center;font-size:12px}.selected .selected-tick{display:grid}.preset-text{padding:13px 14px 15px}.preset-text strong{display:block;font-size:13px;font-weight:550;margin-bottom:6px}.preset-text small{font-size:10px;color:#8c9083;line-height:1.5}.garment-panel{background:#eeece7;padding:16px;margin-top:16px;border-radius:6px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.garment-panel label{margin:0}.garment-panel small{width:100%;font-size:11px;color:#7c8072}.prompt-panel{border:1px solid #dfe1d7;background:#fbfbf8;border-radius:6px;margin:20px 0}.prompt-panel summary{display:flex;justify-content:space-between;cursor:pointer;padding:15px 17px;font-size:12px}.prompt-panel summary::after{content:"＋";color:#a4537b}.prompt-panel[open] summary::after{content:"−"}.prompt-panel summary span:nth-child(2){margin-left:auto;margin-right:15px;font-size:10px;color:#999d8f}.prompt-panel textarea{border:0;border-top:1px solid #e7e8df;border-radius:0;width:100%;resize:vertical;min-height:160px;padding:17px;font-size:12px;line-height:1.65;background:#fff}.prompt-footer{display:flex;justify-content:space-between;padding:10px 15px;gap:14px}.prompt-footer small{font-size:10px;color:#8e9383}.generation-bar{border:1px solid #dcdfd3;background:#fff;border-radius:8px;padding:21px}.settings-grid{display:grid;grid-template-columns:1.8fr 1fr 1.6fr .8fr;gap:13px}.settings-grid label{margin:0}.generate-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:21px;border-top:1px solid #eceee5;padding-top:18px}.generate-bottom p{font-size:11px;color:#8a8e7f}.generate{background:#9f275f;color:white;border-radius:5px;padding:14px 24px;font-size:13px;min-width:190px;font-weight:550;box-shadow:0 3px 0 #782348}.generate:hover{background:#b52c6e}.generate span{margin-left:20px}.billing-note{margin-top:18px;font-size:10px;line-height:1.6;color:#9b9e92}.results-heading{display:flex;align-items:center;justify-content:space-between;margin:31px 0 15px}.results-heading span{font-size:10px;color:#9b9e92}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.empty-results{grid-column:1/-1;min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #d3d8c8;border-radius:8px;text-align:center;padding:30px}.empty-mark{font-family:Georgia,serif;font-size:40px;color:#c6cbbb;margin-bottom:17px}.empty-results h3{font-size:14px;font-weight:500}.empty-results p{font-size:12px;color:#999e8d;margin:10px 0 19px}.empty-results>span{font-size:9px;letter-spacing:.5px;color:#a8ad9b}.result-card{border:1px solid #dedfd7;border-radius:7px;background:#fff;overflow:hidden}.result-card>img{display:block;width:100%;max-height:480px;object-fit:contain;background:#ecece7}.result-info{padding:12px 14px}.result-info p{font-size:11px;color:#777e6a;margin:0 0 11px}.result-links{display:flex;gap:16px;font-size:11px;flex-wrap:wrap}.result-links a{color:#a12a63;text-decoration:none}.result-links a:hover{text-decoration:underline}.job-status{display:flex;gap:12px;align-items:center;background:#eee7eb;padding:17px;border-radius:6px;margin-bottom:16px}.job-status strong{font-size:12px;display:block}.job-status small{font-size:10px;display:block;margin-top:6px;color:#84747c}.job-status button{margin-left:auto}.spinner{height:20px;width:20px;border:2px solid #d0b4c1;border-top-color:#a02d65;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid #dedfd7;padding:25px 4vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#929786}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#302b2e;color:#fff;padding:14px 22px;max-width:680px;border-radius:7px;z-index:20;box-shadow:0 5px 25px #0002;font-size:12px;line-height:1.6}dialog{border:1px solid #dad9d2;border-radius:12px;padding:27px;max-width:560px;width:calc(100% - 32px);box-shadow:0 15px 70px #0002}dialog::backdrop{background:#25222270;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{margin-top:9px;font-size:23px;font-family:Georgia,serif;font-weight:400}.modal-head .quiet{font-size:24px;padding:0;width:33px;height:33px}.modal-head+ p{font-size:12px;line-height:1.7;color:#7e8175;margin-bottom:22px}.security-note{font-size:11px;line-height:1.6;color:#8e7e84;margin-bottom:20px}.full{width:100%;margin-top:20px}.auth-help{font-size:12px;color:#656d58}.auth-help summary{cursor:pointer}.auth-help p{margin-top:12px;line-height:1.7}.auth-help a{display:inline-block;margin-top:12px;color:#a12a63}.auth-help code{display:inline-block;background:#ededdf;padding:2px 5px;font-size:11px;user-select:all}#connectionMessage{font-size:11px;line-height:1.7;margin-top:12px;color:#716974}@media(min-width:1600px){main{padding-left:65px;padding-right:65px}}@media(max-width:1100px){.workspace{grid-template-columns:285px minmax(0,1fr);gap:22px}.preset-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr 1fr}.section-meta{display:none}.input-panel{padding:17px}.intro-note{width:180px}.local{display:none}}@media(max-width:700px){.topbar{height:80px;padding:13px 20px}.brand{gap:8px;font-size:10px}.brand img{width:50px;height:45px}.top-right .quiet{font-size:10px;padding:8px;max-width:125px}main{padding:0 20px 40px}.intro{padding:35px 0}.intro h1{font-size:43px}.intro-note{display:none}.workspace{display:block}.input-panel{margin-bottom:28px}.primary-upload{height:260px}.upload-pair{grid-template-columns:1fr 1fr}.preset-art{height:125px}.generate-bottom{align-items:stretch;flex-direction:column}.results-grid{grid-template-columns:1fr}.prompt-panel summary span:nth-child(2){display:none}.prompt-footer small{max-width:70%}footer{gap:15px;flex-direction:column}.job-status{flex-wrap:wrap}.generation-bar{padding:17px}.logo-control{max-width:380px}}