.xhs-page[data-v-xhs001]{height:100vh;background:#0f172a;color:#fff;overflow:hidden;display:flex;flex-direction:column}.main-container[data-v-xhs001]{margin-left:4.375rem;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden;position:relative}.control-panel[data-v-xhs001]{flex-shrink:0;width:380px;max-width:100%;height:100%;background:#0f172a;border-right:1px solid rgba(255,255,255,.05);position:relative;z-index:2;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-inner[data-v-xhs001]{width:380px;max-width:100%;padding:1.125rem 1.25rem 6.25rem;box-sizing:border-box}.hero-block[data-v-xhs001]{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1.5rem;padding:.875rem .75rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.6875rem}.hero-icon-wrap[data-v-xhs001]{width:2.5rem;height:2.5rem;border-radius:.625rem;background:linear-gradient(135deg,rgba(6,182,212,.25),rgba(124,58,237,.2));display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-icon[data-v-xhs001]{font-size:1.375rem;line-height:1}.hero-texts[data-v-xhs001]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.hero-title[data-v-xhs001]{font-size:1rem;font-weight:800;color:#fff;letter-spacing:.01563rem}.hero-sub[data-v-xhs001]{font-size:.6875rem;color:rgba(255,255,255,.48);line-height:1.5}.section[data-v-xhs001]{margin-bottom:1.5rem}.section-header[data-v-xhs001]{display:flex;flex-wrap:wrap;align-items:baseline;gap:.375rem .625rem;margin-bottom:.625rem}.section-title[data-v-xhs001]{font-size:.8125rem;font-weight:700;color:rgba(255,255,255,.92)}.section-sub[data-v-xhs001]{font-size:.625rem;color:rgba(255,255,255,.38)}.section-hint-muted[data-v-xhs001]{font-size:.625rem;color:rgba(234,179,8,.85);font-weight:500}.xhs-grid[data-v-xhs001]{display:flex;flex-wrap:wrap;gap:.4375rem}.xhs-pill[data-v-xhs001]{padding:.4375rem .6875rem;border-radius:.4375rem;background:rgba(255,255,255,.04);border:.0625rem solid rgba(255,255,255,.1);cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.xhs-pill.disabled[data-v-xhs001]{opacity:.45;pointer-events:none}.xhs-pill.active[data-v-xhs001]{background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(6,182,212,.1));border-color:rgba(167,139,250,.85);box-shadow:0 0 0 .03125rem rgba(124,58,237,.18),0 .3125rem .875rem rgba(124,58,237,.12)}.xhs-pill[data-v-xhs001]:active:not(.disabled):not(.active){transform:scale(.98)}.xhs-pill__text[data-v-xhs001]{font-size:.75rem;font-weight:600;color:rgba(255,255,255,.55)}.xhs-pill.active .xhs-pill__text[data-v-xhs001]{color:#e9d5ff}.xhs-custom[data-v-xhs001]{margin-top:.625rem}.text-input[data-v-xhs001]{width:100%;box-sizing:border-box;height:2.5rem;padding:0 .75rem;font-size:.8125rem;line-height:1.4;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;position:relative;z-index:10;-webkit-user-select:text;-moz-user-select:text;user-select:text}.text-input-ph[data-v-xhs001]{color:rgba(255,255,255,.35)}.style-head[data-v-xhs001]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.375rem .625rem;margin-bottom:.375rem}.inspire-link[data-v-xhs001]{font-size:.6875rem;font-weight:600;color:#67e8f9;cursor:pointer}.inspire-link[data-v-xhs001]:hover{color:#a5f3fc}.inspire-link.disabled[data-v-xhs001]{opacity:.4;pointer-events:none}.preset-link[data-v-xhs001]{font-size:.6875rem;font-weight:600;color:rgba(167,139,250,.95);cursor:pointer}.preset-link[data-v-xhs001]:hover{color:#e9d5ff}.preset-link.disabled[data-v-xhs001]{opacity:.4;pointer-events:none}.time-field[data-v-xhs001]{display:flex;flex-direction:column;gap:.3125rem;margin-bottom:.5625rem}.time-field[data-v-xhs001]:last-child{margin-bottom:0}.time-label[data-v-xhs001]{font-size:.6875rem;font-weight:600;color:rgba(255,255,255,.55)}.text-input--time[data-v-xhs001]{margin-top:0}.textarea-box[data-v-xhs001]{width:100%;min-height:6.25rem;box-sizing:border-box;padding:.6875rem .75rem;font-size:.8125rem;color:#fff;line-height:1.5;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;position:relative;z-index:10;-webkit-user-select:text;-moz-user-select:text;user-select:text}.text-count[data-v-xhs001]{font-size:.625rem;color:rgba(255,255,255,.28);text-align:right;margin-top:.3125rem}.gen-btn[data-v-xhs001]{width:100%;height:3.125rem;padding:0;border-radius:.6875rem;border:none;background:linear-gradient(135deg,#0891b2 0%,#7c3aed 45%,#6d28d9 100%);color:#fff;font-size:.9375rem;font-weight:700;letter-spacing:.03125rem;box-shadow:0 .4375rem 1.25rem rgba(124,58,237,.38),inset 0 .03125rem rgba(255,255,255,.12);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.gen-btn[data-v-xhs001]:after{border:none}.gen-btn[data-v-xhs001]:active:not(:disabled):not(.is-busy){transform:translateY(.09375rem);box-shadow:0 .25rem .75rem rgba(124,58,237,.32)}.gen-btn[disabled][data-v-xhs001],.gen-btn.is-busy[data-v-xhs001]{opacity:.88}.gen-btn-inner[data-v-xhs001]{display:flex;align-items:center;justify-content:center;gap:.4375rem;width:100%;height:100%}.gen-btn-icon[data-v-xhs001]{font-size:.875rem;line-height:1}.gen-btn-label[data-v-xhs001]{font-size:.9375rem;font-weight:700}.gen-btn-spinner[data-v-xhs001]{width:1rem;height:1rem;border:.09375rem solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:gen-btn-spin-4353960e .8s linear infinite;flex-shrink:0}.gen-btn-spinner.sm[data-v-xhs001]{width:.875rem;height:.875rem;border-width:.0625rem}@keyframes gen-btn-spin-4353960e{to{transform:rotate(360deg)}}.viewport[data-v-xhs001]{flex:1;min-width:0;display:flex;flex-direction:column;background:#0f172a;position:relative;z-index:1;overflow:hidden}.stage-header[data-v-xhs001]{height:3.125rem;padding:0 1.25rem;background:rgba(15,23,42,.6);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}.result-title[data-v-xhs001]{font-size:.875rem;font-weight:700;color:rgba(255,255,255,.92)}.header-actions[data-v-xhs001]{display:flex;align-items:center;gap:.75rem}.header-link[data-v-xhs001]{font-size:.75rem;font-weight:600;color:#c4b5fd;cursor:pointer}.header-link[data-v-xhs001]:hover{color:#fff}.task-id[data-v-xhs001]{font-size:.625rem;color:rgba(255,255,255,.35);font-family:ui-monospace,monospace}.stage[data-v-xhs001]{flex:1;display:flex;align-items:center;justify-content:center;padding:1.25rem;overflow:hidden}.preview-empty[data-v-xhs001]{width:100%;max-width:22.5rem;min-height:13.125rem;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;box-sizing:border-box;border:.0625rem dashed rgba(255,255,255,.12);border-radius:.875rem;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0);background-size:.6875rem .6875rem;background-color:rgba(255,255,255,.02)}.preview-empty__inner[data-v-xhs001]{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:16.25rem}.preview-empty__icon[data-v-xhs001]{font-size:3.125rem;opacity:.35;margin-bottom:.875rem}.preview-empty__title[data-v-xhs001]{font-size:1rem;font-weight:700;color:rgba(255,255,255,.45);margin-bottom:.5rem}.preview-empty__sub[data-v-xhs001]{font-size:.75rem;color:rgba(255,255,255,.32);line-height:1.55}.gen-loading[data-v-xhs001]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;max-width:22.5rem;padding:.75rem .5rem;box-sizing:border-box}.result-box[data-v-xhs001]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.image-frame[data-v-xhs001]{position:relative;flex:1;width:100%;max-height:82%;background:rgba(255,255,255,.02);border-radius:1rem;border:1px solid rgba(255,255,255,.06);padding:.5rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;box-shadow:0 1.25rem 3.125rem rgba(0,0,0,.55)}.result-swiper[data-v-xhs001]{width:100%;height:100%;min-height:11.25rem}.swiper-item-center[data-v-xhs001]{display:flex;align-items:center;justify-content:center}.main-img[data-v-xhs001]{width:100%;height:100%;max-height:72vh;border-radius:.625rem}.img-toolbar[data-v-xhs001]{margin-top:.9375rem;display:flex;align-items:center;gap:.625rem;background:rgba(30,41,59,.8);padding:.375rem .75rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap;justify-content:center}.tool-group[data-v-xhs001]{display:flex;gap:.375rem;flex-wrap:wrap;justify-content:center}.tool-divider[data-v-xhs001]{width:1px;height:1rem;background:rgba(255,255,255,.1)}.tool-item[data-v-xhs001]{padding:.5rem .875rem;border-radius:.5rem;font-size:.6875rem;background:rgba(255,255,255,.05);cursor:pointer;transition:background .2s}.tool-item[data-v-xhs001]:hover{background:rgba(255,255,255,.1)}.tool-item.remix[data-v-xhs001]{background:rgba(124,58,237,.22);color:#a78bfa}.tool-item.remix[data-v-xhs001]:hover{background:rgba(124,58,237,.32)}.error-stage[data-v-xhs001]{text-align:center;padding:1.25rem .75rem}.error-icon[data-v-xhs001]{font-size:2.75rem;margin-bottom:.625rem}.error-title[data-v-xhs001]{font-size:1rem;font-weight:700;color:#ef4444}.error-msg[data-v-xhs001]{font-size:.75rem;color:rgba(255,255,255,.42);margin:.5rem 0 1.125rem;display:block}.retry-btn[data-v-xhs001]{background:rgba(255,255,255,.1);color:#fff;border-radius:3.09375rem;padding:0 1.25rem;height:2.5rem;line-height:2.5rem;font-size:.75rem}.animate-in[data-v-xhs001]{animation:slideUp-4353960e .55s cubic-bezier(.23,1,.32,1)}@keyframes slideUp-4353960e{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.mobile-action-bar[data-v-xhs001]{display:none;position:fixed;bottom:0;left:0;right:0;padding:.625rem 1.25rem 1.875rem;background:linear-gradient(to top,#0f172a 80%,transparent);z-index:100}.mobile-gen-btn[data-v-xhs001]{width:100%;height:2.8125rem;padding:0;border:none;border-radius:1.40625rem;background:linear-gradient(135deg,#0891b2 0%,#7c3aed 50%,#6d28d9 100%);color:#fff;font-size:.9375rem;font-weight:700;box-shadow:0 .375rem 1.0625rem rgba(124,58,237,.38)}.mobile-gen-btn[data-v-xhs001]:after{border:none}@media screen and (max-width: 1200px){.xhs-page[data-v-xhs001]{height:auto;overflow:visible}.main-container[data-v-xhs001]{flex-direction:column;height:auto}.control-panel[data-v-xhs001]{width:100%;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.05)}.panel-inner[data-v-xhs001]{width:100%;padding-bottom:1.25rem}.stage[data-v-xhs001]{min-height:22.5rem;height:auto}.viewport[data-v-xhs001]{height:auto}.generate-section[data-v-xhs001]{display:none}.mobile-action-bar[data-v-xhs001]{display:block}}@media screen and (max-width: 960px){.main-container[data-v-xhs001]{margin-left:0;padding-bottom:calc(var(--pcai-mobile-nav-h,4.25rem) + 4.25rem)}.mobile-action-bar[data-v-xhs001]{bottom:var(--pcai-mobile-nav-h,4.25rem);padding:.5rem 1rem .625rem;z-index:3000}}


.xhs-upload-row[data-v-xhs001]{display:flex;flex-wrap:wrap;gap:.625rem}
.xhs-upload-slot[data-v-xhs001]{width:5.5rem;height:5.5rem;border-radius:.75rem;border:1px dashed rgba(255,255,255,.22);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}
.xhs-upload-slot.is-busy[data-v-xhs001]{opacity:.6;pointer-events:none}
.xhs-upload-slot__plus[data-v-xhs001]{font-size:1.5rem;color:rgba(255,255,255,.45)}
.xhs-upload-slot__img[data-v-xhs001]{width:100%;height:100%;object-fit:cover}
.xhs-upload-slot__rm[data-v-xhs001]{position:absolute;top:.25rem;right:.25rem;width:1.25rem;height:1.25rem;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center;z-index:2}
.xhs-role-row[data-v-xhs001],.xhs-size-row[data-v-xhs001],.xhs-quality-row[data-v-xhs001]{display:flex;flex-wrap:wrap;gap:.5rem}
.xhs-chip[data-v-xhs001]{padding:.375rem .75rem;border-radius:.625rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:.75rem;color:rgba(255,255,255,.78);cursor:pointer}
.xhs-chip.active[data-v-xhs001]{border-color:rgba(244,63,94,.7);background:rgba(244,63,94,.18);color:#fff}
.xhs-page[data-v-xhs001] .hero-icon-wrap{background:linear-gradient(135deg,rgba(244,63,94,.28),rgba(251,113,133,.18))}

.preview-error[data-v-xhs001]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:16rem;padding:1.5rem;text-align:center}
.preview-error__title[data-v-xhs001]{font-size:1rem;font-weight:700;color:#fda4af}
.preview-error__sub[data-v-xhs001]{font-size:.8125rem;color:rgba(255,255,255,.65);line-height:1.5;max-width:22rem}
.preview-result[data-v-xhs001]{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:.75rem 1.25rem 1.25rem;box-sizing:border-box}
.image-frame[data-v-xhs001]{position:relative;flex:1;min-height:0;width:100%;max-width:min(100%,42rem);max-height:calc(100vh - 9.5rem);background:rgba(255,255,255,.025);border-radius:1rem;border:1px solid rgba(255,255,255,.08);padding:.625rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;box-shadow:0 1.25rem 3.125rem rgba(0,0,0,.45)}
.main-img[data-v-xhs001],.image-frame[data-v-xhs001] uni-image,.image-frame[data-v-xhs001] img{width:100%!important;height:100%!important;max-height:calc(100vh - 11rem)!important;object-fit:contain!important;border-radius:.75rem}
.img-toolbar[data-v-xhs001]{flex-shrink:0;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.625rem;background:rgba(30,41,59,.88);padding:.5rem .875rem;border-radius:.875rem;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}
.tool-group[data-v-xhs001]{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}
.tool-item[data-v-xhs001]{padding:.5625rem 1rem;border-radius:.625rem;font-size:.75rem;font-weight:600;color:rgba(255,255,255,.88);background:rgba(255,255,255,.06);cursor:pointer;transition:background .2s,transform .2s;user-select:none}
.tool-item[data-v-xhs001]:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
.tool-item--primary[data-v-xhs001]{background:rgba(244,63,94,.28);color:#fecdd3;border:1px solid rgba(244,63,94,.35)}
.tool-item--primary[data-v-xhs001]:hover{background:rgba(244,63,94,.4)}
.animate-in[data-v-xhs001]{animation:xhs-slide-up .5s cubic-bezier(.23,1,.32,1)}
@keyframes xhs-slide-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.stage[data-v-xhs001]{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}


.xhs-gen-loading[data-v-xhs001]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:18rem;padding:1.25rem .75rem;box-sizing:border-box;overflow:hidden}
.xhs-progress-aura[data-v-xhs001]{position:absolute;inset:10% 18%;border-radius:50%;background:radial-gradient(circle,rgba(244,63,94,.22) 0%,rgba(251,113,133,.08) 42%,transparent 70%);filter:blur(28px);animation:xhs-aura-breathe 2.8s ease-in-out infinite;pointer-events:none}
.xhs-progress-card[data-v-xhs001]{position:relative;z-index:1;width:min(100%,22rem);display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem 1rem 1.35rem;border-radius:1rem;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(244,63,94,.22);box-shadow:0 0 0 1px rgba(255,255,255,.03),0 1rem 2.5rem rgba(0,0,0,.28)}
.xhs-progress-steps[data-v-xhs001]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem .2rem}
.xhs-step[data-v-xhs001]{font-size:.6875rem;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.28);padding:.2rem .45rem;border-radius:.5rem;transition:color .25s ease,background .25s ease,transform .25s ease}
.xhs-step.active[data-v-xhs001]{color:#fff;background:rgba(244,63,94,.28);transform:translateY(-1px);animation:xhs-step-pulse 1.6s ease-in-out infinite}
.xhs-step.done[data-v-xhs001]{color:rgba(253,164,175,.95);background:rgba(244,63,94,.12)}
.xhs-step-sep[data-v-xhs001]{color:rgba(255,255,255,.2);font-size:.75rem;line-height:1}
@keyframes xhs-aura-breathe{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
@keyframes xhs-step-pulse{0%,to{box-shadow:0 0 0 0 rgba(244,63,94,.0)}50%{box-shadow:0 0 0 .25rem rgba(244,63,94,.12)}}

@media (max-width: 900px){
  .image-frame[data-v-xhs001]{max-height:none;max-width:100%;min-height:min(48vh,22rem)}
  .main-img[data-v-xhs001],.image-frame[data-v-xhs001] uni-image,.image-frame[data-v-xhs001] img{max-height:min(62vh,32rem)!important;height:auto!important;width:100%!important;object-fit:contain!important}
  .preview-result[data-v-xhs001]{padding:.75rem .875rem 1.25rem;min-height:0}
  .img-toolbar[data-v-xhs001]{width:100%;box-sizing:border-box;flex-wrap:wrap}
  .xhs-progress-card[data-v-xhs001]{width:min(100%,22rem)}
  .stage[data-v-xhs001]{min-height:min(52vh,26rem);overflow:visible}
}