@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Manrope,Noto Sans SC,sans-serif;color:#262b24;background:#f7f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a1b496;outline-offset:2px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:20;background:#fff}.header{height:76px;background:#fff;display:flex;align-items:center;padding:0 5%;gap:80px;border-bottom:1px solid #eeeee9}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;white-space:nowrap}.brand small{font-size:9px;letter-spacing:.12em;display:block;color:#8a9086;line-height:1}.brand-icon{background:#343e32;color:#fff;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-size:20px;font-weight:600}.header nav{display:flex;align-self:stretch;gap:36px;align-items:center;font-size:14px;color:#8a8e87}.header nav a{height:100%;display:flex;align-items:center;gap:4px}.header nav .nav-active{color:#30382e;border-bottom:2px solid #566a4f;font-weight:700}.header-right{margin-left:auto;display:flex;align-items:center;gap:28px}.header-note{font-size:12px;color:#8c918a}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a1b99b;margin-right:7px}.login{background:#fff;border:1px solid #dcded8;border-radius:8px;padding:10px 16px;display:flex;gap:12px;align-items:center;font-size:14px;font-weight:600;color:#343c32}.login:hover,.load-more:hover{background:#f2f4ef}main{max-width:1600px;margin:auto;padding:0 5%}.intro{padding:56px 0 40px;display:flex;justify-content:space-between;align-items:end}.eyebrow,.step-label{font-size:10px;letter-spacing:.15em;font-weight:700;color:#809078;display:flex;align-items:center;gap:7px}.intro h1{font-size:36px;line-height:1.2;letter-spacing:.03em;margin:14px 0 12px;font-weight:600}.intro h1 span{color:#83987b}.intro p,.section-head p,.creator-header p{font-size:14px;color:#92968f;margin:0}.intro-side{display:flex;flex-direction:column;align-items:end;gap:5px;color:#9fa69b;font-size:10px;letter-spacing:.12em}.intro-side b{font-size:24px;color:#53604f;letter-spacing:.04em}.intro-side i{font-style:normal;color:#d2d8d0;font-weight:400}.intro-side small{font-size:11px;letter-spacing:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:start}.library,.creator{background:#fff;border:1px solid #edeee9;border-radius:16px}.library{padding:32px}.creator{overflow:hidden;position:sticky;top:16px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:24px}.step-label span{background:#eef2eb;color:#72876a;border-radius:5px;padding:4px 6px;letter-spacing:0}.section-head h2,.creator-header h2{font-size:24px;line-height:32px;margin:12px 0 4px;font-weight:600}.count{font-size:12px;color:#8b9a85;background:#f0f4ee;padding:4px 8px;border-radius:6px;vertical-align:middle;margin-left:4px}.search{height:42px;width:220px;border:1px solid #e9ebe6;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#a8ada5}.search input,.key-input input{border:0;outline:0;width:100%;background:transparent;font-size:13px}.search input::placeholder,textarea::placeholder,.key-input input::placeholder{color:#b1b5ae}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eff0ec;margin-top:32px}.tabs{display:flex;gap:8px;overflow:auto}.tabs button{white-space:nowrap;background:none;border:0;color:#92978e;font-size:13px;padding:0 12px 16px}.tabs button.active{border-bottom:2px solid #536b4d;color:#394a35;font-weight:700}.select-wrap{position:relative;display:flex;align-items:center;margin-bottom:12px;color:#8a9187}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e9ebe6;background:#fff;border-radius:7px;padding:7px 30px 7px 10px;color:#6f786d;font-size:12px;max-width:130px}.select-wrap svg{position:absolute;right:9px;pointer-events:none}.library-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9ba298;margin:24px 0 16px}.library-meta b{font-weight:400;color:#c6cbc4}.library-meta label{display:flex;align-items:center;gap:5px}.library-meta input{accent-color:#6c8165}.pose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pose-card{padding:0;background:none;border:0;text-align:left;min-width:0;color:#3e453c}.pose-image{position:relative;aspect-ratio:3/4;background:#f5f5f1;border:1px solid #efefeb;border-radius:9px;overflow:hidden}.pose-card:nth-child(4n+2) .pose-image{background:#f1f4ed}.pose-card:nth-child(4n+3) .pose-image{background:#f7f2ed}.pose-card:nth-child(4n) .pose-image{background:#f1f3f3}.pose-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s cubic-bezier(.32,.72,0,1)}.pose-card:hover img{transform:scale(1.04)}.pose-image img.blur{filter:blur(12px)}.blur-label{position:absolute;inset:50% 0 auto;text-align:center;font-size:12px;color:#626960}.pose-number{position:absolute;left:10px;top:10px;color:#a7aca4;font-size:10px;letter-spacing:.05em}.pose-card.selected .pose-image{outline:2px solid #788e70;outline-offset:2px}.selected-check{position:absolute;right:8px;top:8px;background:#647b5b;color:#fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.pose-caption{padding:10px 1px 0;display:flex;flex-direction:column;gap:4px}.pose-caption span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.pose-caption small{font-size:10px;color:#a7ada4}.load-more{display:flex;gap:8px;align-items:center;margin:32px auto 0;border:1px solid #e2e5de;border-radius:8px;background:#fff;padding:10px 20px;font-size:13px;color:#687365}.source-note{text-align:center;font-size:11px;color:#aeb4aa;margin-top:24px}.source-note a{text-decoration:underline}.creator-header{padding:32px;border-bottom:1px solid #f0f1ed}.form-area{padding:24px 32px 32px}.field-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:#40483d;margin-bottom:12px}.field-heading small,.field-heading em{font-style:normal;font-size:11px;color:#a9afa7;font-weight:400}.field-heading a{font-size:11px;color:#748c6d;display:flex;align-items:center;gap:3px}.field-heading.space{margin-top:24px}.pose-placeholder{height:76px;background:#f8f9f6;border:1px dashed #dfe5da;border-radius:8px;display:flex;gap:12px;align-items:center;padding:12px;font-size:12px;color:#a3aaa0}.placeholder-icon{width:42px;height:50px;background:#edf1e9;color:#9aab93;display:grid;place-items:center;border-radius:5px}.selected-pose{display:flex;align-items:center;gap:12px;background:#f8f9f6;border:1px solid #edf0e9;border-radius:8px;padding:8px}.selected-pose img{width:55px;height:70px;object-fit:contain;background:#f1f2ed;border-radius:5px}.selected-pose b,.selected-pose small{display:block;font-size:12px}.selected-pose small{color:#a1a99d;font-size:10px;margin:5px 0}.angle-select{display:flex;flex-wrap:wrap;gap:4px}.angle-select button{background:#fff;border:1px solid #e5e9e2;border-radius:4px;font-size:10px;padding:3px 5px;color:#929b8e}.angle-select button.on,.size-options button.on{border-color:#809778;color:#526e4a;background:#f1f5ef}.upload{width:100%;height:150px;border:1px dashed #d7dfd2;border-radius:9px;background:#fafbf9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#667663;overflow:hidden}.upload:hover{background:#f1f6ef}.upload-icon{width:38px;height:38px;display:grid;place-items:center;color:#71896b;background:#eaf0e7;border-radius:50%}.upload b{font-size:12px}.upload small{font-size:10px;color:#a7afa4}.upload.has-image{position:relative;padding:0}.upload img{width:100%;height:100%;object-fit:contain}.replace{position:absolute;bottom:6px;background:#fff;padding:4px 8px;border-radius:4px;font-size:10px}textarea{width:100%;height:80px;resize:vertical;border:1px solid #e9ece6;border-radius:8px;padding:12px;color:#41483f;font-size:12px}.size-options{display:flex;gap:8px}.size-options button{flex:1;border:1px solid #e9ece6;border-radius:7px;background:#fff;padding:9px 4px;color:#939b90;font-size:11px}.key-input{height:42px;border:1px solid #e9ece6;border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#a0aa9d}.key-note,.generate-note{font-size:10px;color:#a8aea5;margin:8px 0 0}.generate{width:100%;background:#3e503b;color:#fff;border:0;border-radius:8px;padding:14px 16px;margin-top:24px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:700}.generate:hover{background:#526a4d}.generate svg:last-child{margin-left:auto}.generate svg:first-child{margin-left:auto}.generate-note{text-align:center;margin-top:12px}.error{color:#ad534d;background:#fcf0ee;padding:10px;border-radius:6px;font-size:12px;line-height:1.6}.result-box{margin-top:24px}.result-box img{width:100%;border-radius:8px}.result-box.loading{background:#f1f4ef;padding:24px;font-size:12px;line-height:1.8;color:#778472}.empty-search,.message{text-align:center;padding:48px;color:#9aa399;font-size:13px}footer{display:flex;justify-content:space-between;gap:16px;padding:40px 0;color:#a2aaa0;font-size:11px}footer a{text-decoration:underline}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#1f2920a8;display:grid;place-items:center;padding:16px}.modal{position:relative;width:min(100%,440px);background:#fff;border-radius:16px;padding:40px}.modal .eyebrow{margin-top:32px}.modal h2{font-size:24px;margin:12px 0}.modal p{font-size:13px;color:#929a90;line-height:1.8}.modal label{display:block;font-size:12px;font-weight:700;margin:24px 0 8px}.modal input{width:100%;border:1px solid #e1e6de;padding:12px;border-radius:8px}.modal .generate{margin-top:16px}.modal .close{position:absolute;top:24px;right:24px;border:0;background:none;color:#9ca59a}.auth-message{color:#ad534d;background:#fcf0ee;padding:10px 12px;border-radius:6px;font-size:12px;margin-top:14px;line-height:1.5}.auth-message.success{color:#436d3c;background:#edf6eb}.auth-tabs{display:flex;gap:16px;border-bottom:1px solid #eeeee9;margin-bottom:20px}.auth-tabs button{background:none;border:0;padding:10px 4px;font-size:15px;font-weight:600;color:#8a9086;border-bottom:2px solid transparent;cursor:pointer}.auth-tabs button.active{color:#30382e;border-color:#566a4f}.auth-switch{text-align:center;font-size:12px;color:#8a9086;margin-top:16px}.auth-switch button{background:none;border:0;color:#566a4f;font-weight:600;text-decoration:underline;cursor:pointer;padding:0 4px}.user-pill{display:flex;align-items:center;gap:10px;font-size:13px;color:#454f43;background:#f2f4ef;padding:6px 14px;border-radius:20px;border:1px solid #e2e6de}.user-pill small{color:#778075;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-pill button{background:none;border:0;color:#7e877c;font-size:12px;text-decoration:underline;cursor:pointer;padding:0}.user-pill button:hover{color:#b3403a}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 350px}.pose-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library,.creator-header,.form-area{padding:24px}.header{gap:40px}}@media(max-width:800px){.header{height:64px;padding:0 16px;gap:16px}.header nav,.header-note{display:none}.header-right{margin-left:auto}.intro{padding:40px 0 32px}.intro h1{font-size:30px}.intro-side{display:none}main{padding:0 16px}.workspace{display:flex;flex-direction:column}.library,.creator{width:100%;position:static}.section-head{align-items:flex-start;flex-direction:column}.search{width:100%}.filter-row{margin-top:24px}.pose-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.library{padding:20px}.creator-header,.form-area{padding:24px}footer{flex-direction:column}.tabs{gap:0}.tabs button{padding-left:8px;padding-right:8px}}@media(max-width:420px){.pose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row{align-items:flex-start;flex-direction:column}.select-wrap{align-self:end}.intro p{line-height:1.7}}.qq-pill{display:flex;align-items:center;gap:10px;background:#f3f6f0;border:1px solid #dfe5da;padding:6px 14px;border-radius:20px;font-size:13px;color:#3d483a}.qq-pill b{font-family:monospace;letter-spacing:.05em;color:#222a1f}.contact-qq-tag{display:inline-flex;align-items:center;gap:6px;background:#f3f6f0;border:1px solid #e1e7dc;padding:4px 8px;border-radius:6px;font-size:11px;color:#475344;font-weight:400}.contact-qq-tag b{font-family:monospace;color:#263022}.copy-qq-btn{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #ccd5c7;color:#445240;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.32,.72,0,1);line-height:1}.copy-qq-btn:hover{background:#e7eee4;border-color:#99ad92;color:#222d1f}.copy-qq-btn.copied{background:#e2efe0;border-color:#73966a;color:#274a20}@media(min-width:900px){.workspace{transition:grid-template-columns .6s cubic-bezier(.32,.72,0,1)}.workspace.has-selection{grid-template-columns:minmax(0,1fr) minmax(390px,45%)}.workspace.has-selection .pose-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.key-input.invalid{border-color:#c65c55;background:#fff7f6;color:#b74c46;box-shadow:0 0 0 3px #c65c551f}.key-input.invalid:focus-within{border-color:#b74c46}.generation-progress{color:#667660}.progress-heading{display:flex;align-items:center;gap:8px;color:#485d43}.progress-track{height:5px;margin:16px 0 12px;overflow:hidden;border-radius:10px;background:#e1e9de}.progress-track span{display:block;width:35%;height:100%;border-radius:inherit;background:#789371;animation:progress-sweep 1.8s cubic-bezier(.32,.72,0,1) infinite}.generation-progress p{margin:0;line-height:1.7}@keyframes progress-sweep{0%{transform:translate(-110%)}to{transform:translate(300%)}}@media(prefers-reduced-motion:reduce){.progress-track span{animation:none;width:100%;opacity:.6}.workspace{transition:none}}.faq{max-width:900px;margin:80px auto 64px}.faq h2{font-size:24px;margin:12px 0 24px}.faq-list{border-top:1px solid #e3e6df}.faq details{border-bottom:1px solid #e3e6df}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary svg{flex:none;transition:transform .3s cubic-bezier(.32,.72,0,1)}.faq details[open] summary svg{transform:rotate(180deg)}.faq details p{margin:0 0 20px;color:#777f74;line-height:1.8;font-size:14px}.header{height:92px;min-height:92px;padding:0 5%;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-icon{width:44px;height:44px;font-size:22px;border-radius:12px;flex-shrink:0}.brand-content{display:flex;flex-direction:column;gap:4px}.brand-title{display:flex;align-items:baseline;gap:8px;font-size:20px;font-weight:700;color:#262b24;line-height:1.15}.brand-title small{font-size:9px;letter-spacing:.12em;color:#8a9086;font-weight:600}.brand-domain-badge{display:inline-flex;align-items:center;gap:6px;padding:2.5px 9px;border-radius:6px;background:#edf5eb;border:1px solid #9dc296;color:#2d4f26;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.02em;width:fit-content;box-shadow:0 1px 3px #2d4f2614}.brand-domain-badge b{font-family:Manrope,sans-serif;font-weight:800;color:#173b12;letter-spacing:.04em;font-size:12px}.domain-pulse-dot{width:6px;height:6px;border-radius:50%;background:#389e2b;box-shadow:0 0 #389e2bb3;animation:domain-pulse 2s infinite;flex-shrink:0}@keyframes domain-pulse{0%{transform:scale(.95);box-shadow:0 0 #389e2bb3}70%{transform:scale(1);box-shadow:0 0 0 5px #389e2b00}to{transform:scale(.95);box-shadow:0 0 #389e2b00}}@media(max-width:800px){.header{height:auto;min-height:80px;padding:12px 16px;gap:16px}.brand-icon{width:38px;height:38px;font-size:19px}.brand-title{font-size:18px}.brand-domain-badge{font-size:10.5px;padding:2px 7px}}@media(max-width:480px){.header{flex-direction:column;align-items:flex-start;padding:12px 16px;gap:10px}.header-right{width:100%}.qq-pill{width:100%;justify-content:space-between}}