*{box-sizing:border-box}html,body,#root{color:#fff;background:#020617;min-height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit}body{overscroll-behavior:none}.app{height:100svh;padding:calc(env(safe-area-inset-top) + 6px) 12px calc(env(safe-area-inset-bottom) + 8px);justify-content:center;display:flex;overflow:hidden}.wrap{flex-direction:column;width:min(100%,920px);height:100%;min-height:0;display:flex}.head{text-align:center;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 2px 6px;display:grid}.head>svg{justify-self:end}.back{color:#fff;background:#ffffff18;border:0;border-radius:10px;justify-self:start;padding:8px 10px;font-size:11px}.eyebrow{letter-spacing:.16em;color:#c4b5fd;font-size:9px}.title{margin:1px 0 0;font-size:16px}.viewer{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.stage{background:#000;border-radius:20px;width:auto;max-width:100%;height:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 10px 32px #0007}.stage video,.stage .shot,.overlay{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.overlay{z-index:2;pointer-events:none}.mirror{transform:scaleX(-1)}.rotate-guide{z-index:4;text-align:center;background:#020617e8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.rotate-guide strong{font-size:18px}.rotate-guide span{color:#cbd5e1;max-width:300px;font-size:12px;line-height:1.5}.bottom{flex:none;padding-top:6px}.resolution{text-align:center;color:#cbd5e1;margin:0 0 5px;font-size:10px}.controls{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:430px;margin:auto;display:grid}.btn{color:#fff;background:#ffffff18;border:0;border-radius:16px;justify-content:center;align-items:center;min-height:54px;display:flex}.btn:disabled{opacity:.4}.action{flex-direction:column;gap:3px}.action span{font-size:11px;font-weight:600}.shutter{color:#020617;background:#fff}.save{background:#8b5cf6;grid-column:span 2;gap:8px;font-weight:700}.error{text-align:center;color:#fecaca;background:#ef444426;border-radius:11px;margin:5px 0;padding:7px;font-size:11px}.hidden{display:none}.selector{min-height:100svh;padding:calc(env(safe-area-inset-top) + 24px) 18px calc(env(safe-area-inset-bottom) + 24px)}.selector-inner{max-width:980px;margin:auto}.selector h1{text-align:center;margin:0 0 6px;font-size:24px}.selector p{text-align:center;color:#94a3b8;margin:0 0 22px;font-size:13px}.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.frame-card{color:#fff;background:#0f172a;border:1px solid #ffffff18;border-radius:18px;padding:10px}.thumb{background:#111827;border-radius:13px;max-height:390px;position:relative;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.frame-name{margin-top:9px;font-size:13px;font-weight:700;display:block}.badge{color:#cbd5e1;background:#ffffff16;border-radius:999px;margin-top:5px;padding:4px 8px;font-size:10px;display:inline-block}@media (width>=760px){.frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (height<=650px) and (orientation:landscape){.head{display:none}.btn{min-height:44px}.bottom{padding-top:4px}.resolution{font-size:9px}.wrap{max-width:100%}}