*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button,.gcard,#netQ,.tbtn{touch-action:manipulation}html,body{color:#fff;overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#0a0a0f;height:100%;font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow:hidden}#stage{background:#000;position:fixed;inset:0}#remoteVideo{object-fit:cover;width:100%;height:100%;display:none}#localVideo{object-fit:cover;width:100%;height:100%;display:none;transform:scaleX(-1)}#topbar{z-index:20;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 12px;pointer-events:none;background:linear-gradient(#0000008c,#0000);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}#topbar .title{letter-spacing:.5px;pointer-events:auto;font-size:15px;font-weight:600}#topbar .title small{opacity:.6;letter-spacing:0;font-size:10px;font-weight:400;display:block}#statusPill{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border-radius:20px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;display:flex}#statusDot{background:#888;border-radius:50%;width:7px;height:7px}#statusDot.live{background:#34d399;animation:1.6s infinite pulse;box-shadow:0 0 8px #34d399}#statusDot.busy{background:#fbbf24;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.4}}#timerWrap{top:calc(env(safe-area-inset-top,0px) + 64px);z-index:20;text-align:right;pointer-events:none;display:none;position:fixed;right:16px}#timer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;background:#00000073;border-radius:12px;padding:4px 10px;font-size:11px;display:inline-block}#timerCost{color:#fff9;font-variant-numeric:tabular-nums;margin-top:2px;font-size:10px}.gtype{color:#ffffffe6;pointer-events:none;background:#0000008c;border-radius:8px;padding:2px 6px;font-size:10px;position:absolute;top:4px;left:4px}.gcard{position:relative}#netQ{top:calc(env(safe-area-inset-top,0px) + 96px);z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000073;border-radius:12px;padding:4px 10px;font-size:11px;display:none;position:fixed;right:16px}#netQ .bars{letter-spacing:1px}#netDetail{top:calc(env(safe-area-inset-top,0px) + 128px);z-index:30;font-variant-numeric:tabular-nums;background:#0a0a12eb;border:1px solid #ffffff1f;border-radius:12px;padding:10px 14px;font-size:11px;line-height:1.9;display:none;position:fixed;right:16px}#splash{z-index:50;text-align:center;background:radial-gradient(120% 100% at 50% 0,#1b1035 0%,#0a0a0f 60%);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px;display:flex;position:fixed;inset:0}#splash h1{letter-spacing:1px;background:linear-gradient(135deg,#c4b5fd,#f0abfc);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700}#splash p{opacity:.65;max-width:300px;font-size:13px;line-height:1.8}#splash p b{color:#f0abfc;font-weight:600}#startBtn{color:#1a0b2e;cursor:pointer;background:linear-gradient(135deg,#c4b5fd,#f0abfc);border:none;border-radius:30px;margin-top:6px;padding:14px 52px;font-size:16px;font-weight:600;box-shadow:0 8px 30px #c084fc59}#startBtn:disabled{opacity:.5}#photoBtn{color:#c4b5fd;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #c4b5fd80;border-radius:30px;padding:14px 52px;font-size:16px;font-weight:600}#splashNote{opacity:.45;max-width:300px;font-size:11px;line-height:1.7}#photoModal{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05050acc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#photoBox{text-align:center;background:#14141c;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:360px;max-height:92vh;padding:18px;overflow-y:auto}#photoTitle{margin-bottom:12px;font-size:15px;font-weight:600;position:relative}#photoClose{color:#fff9;cursor:pointer;touch-action:manipulation;background:0 0;border:none;font-size:18px;position:absolute;top:-4px;right:0}#photoHint{opacity:.65;margin-bottom:12px;font-size:13px}#photoPreview{object-fit:contain;background:#0a0a10;border-radius:12px;width:100%;max-height:340px}#photoEmpty{opacity:.4;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:100%;height:180px;font-size:13px;display:flex}#photoBtns{gap:10px;margin-top:14px;display:flex}.pbtn{color:#c4b5fd;cursor:pointer;touch-action:manipulation;background:#c4b5fd33;border:none;border-radius:14px;flex:1;padding:12px 0;font-size:15px;font-weight:600}.pbtn.ghost{color:#fff;background:#ffffff1a}#photoNext,#photoGen{color:#1a0b2e;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#c4b5fd,#f0abfc);border:none;border-radius:14px;width:100%;margin-top:12px;padding:13px 0;font-size:15px;font-weight:600}#photoGen:disabled{opacity:.5}#photoGarments{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:6px;display:grid}.pgar{cursor:pointer;touch-action:manipulation;background:#ffffff0d;border:2px solid #0000;border-radius:10px;flex-direction:column;padding:0;display:flex;overflow:hidden}.pgar.on{border-color:#c4b5fd}.pgar img{aspect-ratio:1;object-fit:cover;width:100%}.pgar span{color:#fff;opacity:.8;padding:4px 0;font-size:10px}.pgarPlus{color:#c4b5fd;padding:14px 0 6px;font-size:22px}.prowTitle{opacity:.55;text-align:left;margin:10px 2px 6px;font-size:12px}#photoPicked{color:#c4b5fd;margin-top:8px;font-size:13px}#photoSave{color:#1a0b2e;background:linear-gradient(135deg,#c4b5fd,#f0abfc);border-radius:14px;flex:1;padding:12px 0;font-size:15px;font-weight:600;text-decoration:none}#loader{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#05050ab8;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:none;position:fixed;inset:0}.spinner{border:3px solid #ffffff26;border-top-color:#c4b5fd;border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loaderText{opacity:.8;font-size:13px;line-height:1.7}#dock{z-index:20;padding:10px 0 calc(env(safe-area-inset-bottom,0px) + 10px);background:linear-gradient(#0000,#000000c7 40%);display:none;position:fixed;bottom:0;left:0;right:0}#dockLabel{opacity:.6;justify-content:space-between;align-items:center;padding:0 16px 8px;font-size:11px;display:flex}#garmentCost{opacity:.5;font-size:10px}#rail{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;padding:2px 16px 4px;display:flex;overflow-x:auto}#rail::-webkit-scrollbar{display:none}.gcard{cursor:pointer;background:#ffffff12;border:2px solid #0000;border-radius:14px;flex:none;width:76px;transition:border-color .2s,transform .15s;overflow:hidden}.gcard:active{transform:scale(.94)}.gcard.active{border-color:#c4b5fd;box-shadow:0 0 14px #c4b5fd73}.gcard img{object-fit:cover;background:#222;width:100%;height:76px;display:block}.gcard .gname{text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:.85;padding:5px 2px;font-size:10px;overflow:hidden}.gcard.upload{border-style:dashed;border-color:#ffffff40;flex-direction:column;justify-content:center;align-items:center;height:108px;font-size:22px;display:flex}.gcard.upload .gname{font-size:10px}.gcard.upload.dim .uploadPlus,.gcard.upload.dim .gname{opacity:.35;filter:grayscale(.8)}.gcard.upload .modelDlOverlay{background:#08080e9e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.gcard.upload .modelDlPct{color:#c4b5fd;font-size:14px;font-weight:700}.gcard.upload .modelDlBarWrap{background:#ffffff2e;border-radius:2px;width:54px;height:4px;overflow:hidden}.gcard.upload .modelDlBar{background:linear-gradient(135deg,#c4b5fd,#f0abfc);border-radius:2px;height:100%;transition:width .2s}.gcard.upload .modelDlBadge{text-align:center;color:#f0abfc;font-size:9px;position:absolute;bottom:6px;left:4px;right:4px}#uploadInput{display:none}.gcard.processing{position:relative}.gcard.processing:after{content:"";background:#00000073;border-radius:12px;position:absolute;inset:0}.gcard.processing:before{content:"";z-index:1;border:2px solid #ffffff40;border-top-color:#c4b5fd;border-radius:50%;width:22px;height:22px;margin:-11px;animation:.8s linear infinite spin;position:absolute;top:34%;left:50%}#tools{z-index:20;flex-direction:column;gap:12px;display:none;position:fixed;bottom:170px;right:12px}.tbtn{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff24;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;display:flex}.tbtn:active{transform:scale(.9)}.tbtn.danger{background:#ef444440}.tbtn svg{font-size:20px}.dockIcon{align-items:center;gap:5px;display:inline-flex}.dockIcon svg{font-size:13px}.uploadPlus{justify-content:center;align-items:center;display:flex}.uploadPlus svg{opacity:.7;font-size:24px}#netQ .bars{align-items:center;display:inline-flex}#netQ .bars svg{font-size:12px}#cutoutModal{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05050ac7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#cutoutBox{text-align:center;background:#14141c;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:340px;padding:20px}#cutoutTitle{margin-bottom:14px;font-size:15px;font-weight:600}#cutoutImg{object-fit:contain;background:#fff;border-radius:12px;width:100%;max-height:320px}#cutoutBtns{gap:12px;margin-top:16px;display:flex}#cutoutTypeRow{justify-content:center;gap:10px;margin-top:14px;display:flex}.ctype{color:#fff;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #fff3;border-radius:20px;padding:8px 28px;font-size:14px}#logExportBtn{color:#c4b5fd;cursor:pointer;touch-action:manipulation;background:#c4b5fd1f;border:1px solid #c4b5fd66;border-radius:8px;width:100%;margin-top:10px;padding:8px;font-size:13px}.ctype.on{color:#c4b5fd;background:#c4b5fd40;border-color:#c4b5fd;font-weight:600}#cutoutCancel,#cutoutConfirm{cursor:pointer;touch-action:manipulation;border:none;border-radius:14px;flex:1;padding:12px 0;font-size:15px;font-weight:600}#cutoutCancel{color:#fff;background:#ffffff1a}#cutoutConfirm{color:#1a0b2e;background:linear-gradient(135deg,#c4b5fd,#f0abfc)}#toast{z-index:60;opacity:0;pointer-events:none;text-align:center;background:#14141eeb;border:1px solid #ffffff1f;border-radius:24px;max-width:84vw;padding:10px 18px;font-size:13px;transition:opacity .25s,transform .25s;position:fixed;bottom:170px;left:50%;transform:translate(-50%)translateY(20px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}#flash{opacity:0;pointer-events:none;z-index:70;background:#fff;transition:opacity .12s;position:fixed;inset:0}
