.hero-art img,.preset img,.preview img{height:auto}.hero-art{min-width:0}.hero>*{min-width:0}
:root{color-scheme:dark;--pink:#ff5d92;--text:#fff5fb;--muted:#b3a6b5;--line:#392d3b;--bg:#100c12;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffb6d0;outline-offset:4px}.skip{position:absolute;left:15px;top:-80px;z-index:99}.skip:focus{top:15px;background:#241827;padding:10px}.topbar{max-width:1180px;margin:auto;min-height:84px;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand img{object-fit:contain;display:block}.top-actions{display:flex;align-items:center;gap:17px;font-size:12px;color:#c3b3c5}.top-actions button{border:0;background:none;color:inherit;padding:8px 0}.top-actions a{text-decoration:none}main{max-width:1124px;margin:auto;min-height:75vh;padding:48px 0 72px}footer{max-width:1124px;margin:auto;border-top:1px solid var(--line);padding:25px 0 40px;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#928096}footer a{text-decoration:none}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:750;color:var(--pink);text-transform:uppercase;margin:0 0 18px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px;padding:26px 0 55px}.hero h1{font-size:clamp(40px,5vw,67px);line-height:1.14;letter-spacing:-.065em;margin:0 0 23px;word-break:keep-all}.hero h1 em{font-style:normal;color:#ff7fab}.lead{font-size:15px;line-height:1.9;color:var(--muted);max-width:425px;word-break:keep-all}.hero .primary{margin-top:19px;min-width:230px;justify-content:space-between}.small-note{font-size:11px;color:#938398;line-height:1.7}.hero-art{position:relative;min-height:410px;display:flex;align-items:center;justify-content:center}.hero-art img{position:absolute;width:47%;aspect-ratio:3/4;object-fit:cover;border-radius:15px;border:1px solid #7e5369;box-shadow:0 20px 55px #0008}.hero-art img:nth-child(1){transform:translate(-44%,10%) rotate(-10deg);filter:brightness(.7)}.hero-art img:nth-child(2){transform:translate(48%,5%) rotate(11deg);filter:brightness(.7)}.hero-art img:nth-child(3){z-index:1;transform:translateY(-4%)}.hero-art:after{content:'AI-GENERATED / STYLE EXAMPLES';position:absolute;bottom:0;left:0;right:0;text-align:center;font:9px ui-monospace,monospace;letter-spacing:2px;color:#a48da2}.flow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:22px;gap:24px}.flow span{font-size:12px;color:var(--muted)}.flow b{color:#ff86ad;font:12px ui-monospace,monospace;display:block;margin-bottom:8px}.primary,.secondary,.quiet{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;min-height:50px;border-radius:11px;border:1px solid var(--line);font-size:14px;font-weight:700;text-decoration:none;background:#211924;color:var(--text)}.primary{background:var(--pink);border-color:var(--pink);color:#280b18}.primary:hover{background:#ff80aa}.secondary:hover{border-color:#a26488;background:#2e2030}.quiet{background:none;border-color:transparent;color:#b8a7ba;font-size:12px;padding:9px}.stepbar{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:40px;color:#84768a;font-size:11px}.stepbar .current{color:#ff8bb1}.stepbar b{font:11px ui-monospace,monospace;margin-right:7px}.section-title{font-size:clamp(27px,3.5vw,41px);letter-spacing:-.045em;line-height:1.28;margin:8px 0 12px}.section-lead{font-size:14px;color:var(--muted);line-height:1.8;max-width:650px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.mode-card{padding:0;text-align:left;border:1px solid #403040;border-radius:17px;background:#19131d;overflow:hidden;color:var(--text);transition:transform .2s,border-color .2s}.mode-card:hover{transform:translateY(-3px);border-color:#ff6c9b}.mode-card img{width:100%;height:275px;object-fit:cover;object-position:50% 24%;display:block}.mode-card div{padding:23px}.mode-card h3{font-size:24px;margin:0 0 8px}.mode-card p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.mode-card small{display:block;margin-top:17px;color:#ff86ad}.workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:38px;align-items:start}.presets{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:24px 0}.preset{border:1px solid #3d2c3e;border-radius:12px;padding:0 0 10px;overflow:hidden;background:#1b141e;color:#c0afc4;font-size:10px}.preset img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;margin-bottom:10px}.preset[aria-pressed=true]{border:2px solid var(--pink);background:#362033;color:#fff}.preset span{display:block;padding:0 3px}.preview{position:sticky;top:24px;border:1px solid #493445;border-radius:19px;overflow:hidden;background:#1c1420}.preview img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.preview-caption{padding:17px 20px}.preview-caption p{font-size:12px;color:var(--muted);line-height:1.6;margin:6px 0 0}.preview-caption strong{font-size:18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.field label{font-size:11px;color:#b9a8bb;display:block;margin:0 0 7px}.field select{width:100%;min-height:46px;padding:11px 12px;border:1px solid #4a3549;border-radius:9px;background:#1d1621;color:#f8eaf5;font-size:13px}.details{border:1px solid var(--line);border-radius:13px;padding:16px;margin:20px 0}.details summary{font-size:13px;cursor:pointer;color:#ddcbdc}.generate-footer{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.check{display:flex;gap:11px;align-items:flex-start;font-size:12px;color:#c6b4c8;line-height:1.7;margin:14px 0}.check input{width:20px;height:20px;accent-color:var(--pink);flex-shrink:0;margin:1px 0}.generate-footer .primary{width:100%}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.action-row>*{flex:1}.loading{text-align:center;padding:70px 20px;max-width:550px;margin:auto}.loading h1{font-size:32px;letter-spacing:-1px}.loading p{color:var(--muted);font-size:14px;line-height:1.8}.spinner{width:64px;height:64px;border:2px solid #543045;border-top-color:var(--pink);border-radius:50%;margin:0 auto 28px;animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.candidate{border:2px solid #3b2b3c;border-radius:17px;padding:0;overflow:hidden;background:#19131c;position:relative;color:white}.candidate img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover}.candidate[aria-pressed=true]{border-color:var(--pink)}.candidate span{position:absolute;left:15px;top:15px;font-size:11px;background:#130c16cf;border:1px solid #a96a86;padding:6px 10px;border-radius:100px}.export{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:36px;padding:30px;border:1px solid var(--line);background:#1a1320;border-radius:18px}.export canvas{width:100%;height:auto;max-height:620px;object-fit:contain;display:block}.export h2{font-size:25px;letter-spacing:-1px;margin-top:0}.format-tabs{display:flex;gap:7px;margin:18px 0}.format-tabs button{background:#211824;border:1px solid #523850;color:#c9b4ca;padding:10px 13px;border-radius:8px;font-size:12px}.format-tabs button[aria-selected=true]{color:#ffbbd3;border-color:#ff83ad;background:#452339}.export-actions{display:grid;gap:10px;margin:20px 0}.tag-list{display:flex;flex-wrap:wrap;gap:7px}.tag-list span{padding:5px 8px;background:#352337;color:#e1bfd7;border-radius:6px;font-size:10px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.gallery button{padding:0;text-align:left;background:#1b131e;color:#eee1ec;border:1px solid var(--line);border-radius:13px;overflow:hidden}.gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#29182d}.gallery p{margin:12px;font-size:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 20px;border-radius:12px;background:#f5e6f0;color:#291727;box-shadow:0 10px 40px #0008;z-index:99;max-width:calc(100vw - 35px);font-size:13px;line-height:1.6}dialog{width:min(510px,calc(100vw - 30px));max-height:88vh;overflow:auto;background:#1b131f;color:#f9ebf6;border:1px solid #63445a;border-radius:18px;padding:25px}dialog::backdrop{background:#08030bd9}dialog h2{font-size:25px;margin:5px 0 14px;letter-spacing:-1px}dialog p{color:var(--muted);font-size:13px;line-height:1.75}dialog img{max-height:32vh;max-width:100%;display:block;margin:auto;border-radius:12px}dialog input[type=text]{width:100%;padding:12px;border:1px solid #68425f;background:#100b14;border-radius:9px;color:#fceefa;min-height:46px}dialog .action-row button{padding:12px;min-height:46px;border:1px solid #604257;background:#2c1c2b;color:#f3d5e8;border-radius:9px}dialog .action-row .primary{background:var(--pink);color:#29101a}dialog .share-output{overflow-wrap:anywhere;font-size:12px;padding:12px;background:#100d14;border-radius:8px}.boot-message{color:var(--muted)}[hidden]{display:none!important}@media(max-width:1180px){main,footer{margin-left:28px;margin-right:28px}}@media(max-width:760px){.topbar{padding:17px 20px;min-height:70px}.brand img{width:108px;height:auto}.top-actions{gap:12px;font-size:10px}main{padding-top:28px;margin:0 20px}.hero{grid-template-columns:1fr;gap:24px;padding:8px 0 30px}.hero h1{font-size:47px}.hero .lead{font-size:14px}.hero-art{min-height:335px;order:-1}.hero-art img{width:43%}.hero .eyebrow{margin-top:16px}.hero .primary{width:100%}.flow{gap:12px}.flow span{font-size:10px;line-height:1.6}.workspace{grid-template-columns:1fr;gap:25px}.preview{position:static;order:-1;max-width:320px;margin:auto;width:100%}.preview img{aspect-ratio:4/3;object-position:50% 25%}.preview-caption{padding:12px 15px}.presets{gap:6px}.preset{font-size:9px}.stepbar{gap:13px;font-size:10px;margin-bottom:25px}.mode-grid{gap:12px}.mode-card img{height:210px}.mode-card div{padding:16px}.mode-card h3{font-size:19px}.mode-card p{font-size:11px}.mode-card small{font-size:10px}.fields{gap:12px}.export{grid-template-columns:1fr;gap:24px;padding:20px}.result-grid{gap:12px}.candidate span{left:8px;top:8px;font-size:9px}.gallery{grid-template-columns:1fr 1fr;gap:12px}.section-title{font-size:29px}.loading{padding:65px 0}.loading h1{font-size:27px}.action-row>*{min-width:120px}footer{margin:0 20px;font-size:9px}.format-tabs button{flex:1;padding:10px 8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}