:root{font-family:Space Grotesk,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color:#0e0f12;background:radial-gradient(1200px 800px at 20% 10%,#f4f1ea,#e1e4e8 45%,#cdd4dc)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#app{width:100%;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:flex-start;justify-content:flex-start;padding:24px;z-index:3}.camera{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:0;border:none;box-shadow:none;object-fit:cover;background:#000;z-index:0}.pose{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0}body.mirror-video .camera,body.mirror-video .pose{transform:scaleX(-1)}#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.panel{pointer-events:auto;display:grid;gap:10px;padding:16px 18px;border-radius:16px;border:1px solid rgba(14,15,18,.12);background:#ffffffdb;box-shadow:0 20px 60px #0e0f1226;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:220px}.title{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#0e0f1299}.file{display:inline-flex;align-items:center;gap:10px;cursor:pointer;padding:10px 14px;border-radius:999px;border:1px solid rgba(14,15,18,.2);background:#0e0f12;color:#f5f6f7;font-size:14px;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.file:hover{transform:translateY(-1px);box-shadow:0 10px 25px #0e0f124d}.file input{display:none}.hint{font-size:12px;color:#0e0f1299}.status{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid transparent;background:#0e0f120d}.status.loading{color:#9a4b00;background:#ffa5001f;border-color:#ffa50040}.status.error{color:#8b1e1e;background:#dc143c1f;border-color:#dc143c40}.status.ok{color:#1d6f3b;background:#2ecc711f;border-color:#2ecc7140}.hidden{display:none!important}.debug-panel{min-width:260px;position:fixed;top:24px;right:24px;margin-left:0;z-index:4}.debug-grid{display:grid;grid-template-columns:1fr auto;gap:6px 14px;font-size:12px}.debug-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.debug-actions button{border:1px solid rgba(14,15,18,.2);background:#ffffffe6;color:#0e0f12;border-radius:10px;font-size:12px;padding:8px 10px;cursor:pointer}.debug-actions button:hover{background:#fff}#transform-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff0;pointer-events:none;z-index:5}#transform-overlay.active{animation:transformFlash 1.5s ease-out}@keyframes transformFlash{0%{background:#ffffffe6}20%{background:#fff9}40%{background:#ffc8324d}70%{background:#ff640026}to{background:#fff0}}.transform-text{font-size:96px;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(255,200,0,.8),0 0 40px rgba(255,100,0,.6),0 0 60px rgba(255,50,0,.4);letter-spacing:16px;opacity:0}#transform-overlay.active .transform-text{animation:textAppear 1.5s ease-out}@keyframes textAppear{0%{opacity:0;transform:scale(3)}30%{opacity:1;transform:scale(1)}60%{opacity:1}to{opacity:0}}@media(max-width:720px){#ui{padding:16px}.panel{width:100%}.debug-panel{top:16px;right:16px}}