:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}.container{max-width:980px;margin:0 auto;padding:16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:1fr}@media (min-width: 900px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{border:1px solid #d0d0d0;border-radius:16px;padding:12px;background:#7f7f7f0f}.card h2{margin-top:0}.btn{padding:10px 14px;border-radius:12px;border:none;cursor:pointer;font-weight:600}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#1c478e;color:#fff}.btn-ghost{background:transparent;border:1px solid #999}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media (max-width: 899px){.toolbar .btn{flex:1 1 100%}}.video{width:100%;height:auto;max-height:45svh;object-fit:contain;background:#111;border-radius:12px}@media (min-width: 900px){.video{max-height:70vh}}.canvas-offscreen{position:absolute!important;left:-99999px!important;top:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.preview{width:100%;border-radius:12px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid #777;font-size:12px}img{max-width:100%;height:auto;display:block}