*{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%,430px);height:100%;min-height:0;display:flex}.head{flex:none;justify-content:space-between;align-items:center;margin:0 2px 6px;display:flex}.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{aspect-ratio:9/16;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)}.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;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:.55}.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:760px;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));gap:14px;display:grid}.frame-card{color:#fff;background:#0f172a;border:1px solid #ffffff18;border-radius:18px;padding:10px}.thumb{aspect-ratio:9/16;background:#111827;border-radius:13px;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}@media (width>=680px){.frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (height<=760px){.head{display:none}.btn{min-height:48px}}