@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=Spectral:wght@400;700&display=swap";:root{--season-bg: radial-gradient(circle at 18% 16%, #ffe8f5 0%, #ffcde5 28%, #8bc5b3 68%, #193249 100%);--panel-bg: rgba(8, 11, 18, .34);--panel-border: rgba(255, 255, 255, .26);--text-main: #f5f8ff;--text-subtle: #cad5e8;--danger: #ffd6d6;--success: #dcffe2}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%}body{font-family:Outfit,PingFang SC,Noto Sans CJK SC,sans-serif;color:var(--text-main);background:var(--season-bg);overflow:hidden}.app-shell{position:relative;width:100%;height:100%}.scene-root{position:absolute;inset:0}.scene-root canvas{display:block;width:100%;height:100%}.control-panel{position:absolute;top:1.1rem;left:1.1rem;width:min(420px,calc(100vw - 2.2rem));padding:1.05rem 1.2rem;border-radius:1rem;border:1px solid var(--panel-border);background:var(--panel-bg);backdrop-filter:blur(14px);box-shadow:0 24px 60px #0000003d}.control-panel h1{margin:0;font-size:clamp(1.5rem,2.7vw,2.05rem);letter-spacing:.03em;font-weight:700}.subtitle{margin:.42rem 0 0;color:var(--text-subtle);font-size:.94rem;line-height:1.5}.action-row{margin-top:.9rem;display:flex;gap:.7rem;flex-wrap:wrap}.btn{position:relative;border:1px solid rgba(255,255,255,.28);border-radius:.76rem;background:#141f2c8f;color:var(--text-main);font-weight:600;font-family:inherit;font-size:.9rem;line-height:1;padding:.7rem 1rem;cursor:pointer;transition:transform .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px);background:#212e40c2}.btn-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.meta-list{margin:.9rem 0 0;padding:0;list-style:none;display:grid;gap:.48rem;font-size:.9rem}.meta-list span{font-weight:600;color:#f9fbff}[data-role=gesture-status].is-error{color:var(--danger)}.tips{margin-top:.9rem;font-size:.82rem;color:var(--text-subtle);line-height:1.5}.tips p{margin:.35rem 0}.gesture-video{position:absolute;right:1rem;bottom:1rem;width:210px;max-width:34vw;aspect-ratio:16 / 9;border-radius:.8rem;border:1px solid rgba(255,255,255,.38);background:#070b1366;opacity:.7;object-fit:cover}.toast{position:absolute;left:50%;bottom:1.2rem;transform:translate(-50%) translateY(14px);padding:.65rem 1rem;border-radius:999px;background:#080d15c7;border:1px solid rgba(255,255,255,.28);font-size:.86rem;color:var(--text-main);opacity:0;transition:opacity .24s ease,transform .24s ease;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.toast[data-level=error]{color:var(--danger);border-color:#ff78788c}.toast[data-level=success]{color:var(--success);border-color:#78ffa080}.toast[data-level=warn]{color:#ffeeb8;border-color:#ffe27880}@media(max-width:900px){.control-panel{width:calc(100vw - 1.2rem);left:.6rem;top:.6rem;padding:.82rem .95rem}.gesture-video{width:150px;right:.7rem;bottom:.7rem}}