.max-w-xs{max-width:20rem!important}.max-w-md{max-width:28rem!important}.max-w-2xl{max-width:42rem!important}.max-w-4xl{max-width:56rem!important}.animate-pill-reset{animation:pillResetAnim .35s cubic-bezier(.4,0,.2,1)}@keyframes pillResetAnim{0%{transform:scale(1.05);opacity:1}60%{transform:scale(.95);opacity:.7}to{transform:scale(1);opacity:1}}.animate-fade-out{animation:fadeOutAnim .35s cubic-bezier(.4,0,.2,1)}@keyframes fadeOutAnim{0%{opacity:1}to{opacity:0}}.pill-countdown{background:linear-gradient(90deg,#f87171,#fbbf24)!important;transition:background .5s}.pill-record-btn,.pill-record-btn.recording{border-radius:9999px!important;width:4rem!important;height:4rem!important;aspect-ratio:1/1!important}.pill-inner.recording .pill-label{display:none!important}.pill-inner-xs{max-width:20rem!important}.gap-0{gap:0!important}.pill-inner-center{justify-content:center!important;gap:2.5rem!important}.pill-record-btn.recording{animation:pill-record-move-left .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes pill-record-move-left{0%{transform:translateX(0)}to{transform:translateX(-1.5rem)}}.pill-record-pulse{opacity:0;background:#dc2626;transition:opacity .2s}.pill-record-btn.recording .pill-record-pulse{animation:pill-pulse 1.2s cubic-bezier(.4,0,.6,1) infinite;opacity:.5}@keyframes pill-pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.4);opacity:.15}to{transform:scale(1);opacity:.5}}.pill-timer{min-width:8.5rem;text-align:center;font-size:2.5rem;font-weight:700;letter-spacing:.05em}.pill-hide{display:none!important}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.select-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;text-align:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s}.select-card:hover{background-color:#f5f5f5;border-color:rgba(0,0,0,.4)}.select-card:focus{outline:none;box-shadow:0 0 0 2px #000000,0 0 0 4px #ffffff}.select-card.active{background-color:#e5e7eb;border-color:#000000;color:#111111;box-shadow:0 0 0 2px #000000}.select-card.active svg{color:#000000}.bg-thumb{width:100%;height:5rem;border-radius:.5rem;cursor:pointer;border:2px solid transparent;transition:all .2s}.bg-thumb.border-dashed{border:2px dashed #d1d5db!important}.bg-thumb:focus{outline:none;box-shadow:0 0 0 2px #000000,0 0 0 4px #ffffff}.bg-thumb:hover{transform:scale(1.05)}.ring-indigo-500{box-shadow:0 0 0 2px #000000}.thumb-img{object-fit:cover;width:100%;height:100%;border-radius:.375rem;transition:transform .2s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}#preview-container{aspect-ratio:16/9;width:auto;height:60vh;max-width:1920px;max-height:1080px;min-width:320px;display:flex;align-items:center;justify-content:center;transition:aspect-ratio .2s}body{font-family:Inter,sans-serif;background-color:#141414}.card{background-color:white;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}.toggle-switch{display:inline-flex;align-items:center;cursor:pointer}.toggle-switch input{display:none}.toggle-switch .slider{width:40px;height:24px;background-color:#cbd5e1;border-radius:9999px;position:relative;transition:background-color .2s}.toggle-switch .slider:before{content:"";position:absolute;width:18px;height:18px;background-color:white;border-radius:50%;top:3px;left:3px;transition:transform .2s}.toggle-switch input:checked+.slider{background-color:#22c55e}.toggle-switch input:checked+.slider:before{transform:translateX(16px)}#preview-frame{box-shadow:0 40px 80px -20px rgba(0,0,0,.6)}#webcam-container{position:absolute;inset:0}#webcam-container canvas{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#download-card{width:100%;max-width:48rem}#preview-container{z-index:10;position:relative;background-color:#141414;border-radius:.75rem}#preview-area{width:100%;height:100%;background-position:50%;background-size:cover;background-repeat:no-repeat;transition:aspect-ratio .2s}#preview-area,#preview-frame{max-width:1920px;max-height:1080px;position:relative;border-radius:.75rem;display:flex;align-items:center;justify-content:center}#preview-frame{overflow:hidden;box-shadow:0 0 40px 0 rgba(0,0,0,.5),0 0 20px 0 rgba(0,0,0,.2);width:80%;height:auto;aspect-ratio:16/9;margin:0;padding:0;box-sizing:border-box;transition:aspect-ratio .2s,width .2s}.aspect-16-9{aspect-ratio:16/9!important}.aspect-1-1{aspect-ratio:1/1!important}.aspect-9-16{aspect-ratio:9/16!important}.aspect-box:before{content:"";display:block;width:100%}.aspect-box>#webcam-container{position:absolute;inset:0}.ratio-landscape:before{padding-top:calc(9 / 16 * 100%)}.ratio-portrait:before{padding-top:calc(16 / 9 * 100%)}.ratio-square:before{padding-top:100%}#start-btn{display:block;margin:0 auto;min-width:160px;min-height:56px;font-size:1.15rem;border-radius:.5rem;padding:.75rem 2.5rem;text-align:center;font-weight:700;box-shadow:0 2px 8px 0 rgba(34,197,94,.1)}#bg-thumbs .bg-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.95)}#bg-thumbs .bg-thumb:focus{outline:none;box-shadow:0 0 0 2px rgba(34,197,94,.4)}.pill-download-btn{white-space:nowrap;flex-shrink:0}.btn-primary{background-color:#4f46e5;color:white}.btn-secondary{background-color:#e0e7ff;color:#3730a3}.btn-tertiary{background-color:#f3f4f6;color:#4b5563}.pill-countdown-outer{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;height:6rem;border-radius:9999px;background:transparent}.pill-countdown-fill{position:absolute;left:50%;top:0;height:100%;width:0;background:#ef4444;border-radius:9999px;transform:translateX(-50%);transition:width .3s cubic-bezier(.4,0,.2,1),left 0s,transform 0s}.pill-countdown-fill.expand{width:100%;left:50%;transform:translateX(-50%);transition:width .4s cubic-bezier(.4,0,.2,1),left 0s,transform 0s}.pill-countdown-fill.shrink{width:0;left:0;transform:none;transition:width 2.4s cubic-bezier(.4,0,.6,1),left 0s,transform 0s}.pill-countdown-number{position:relative;z-index:20;font-size:2.5rem;font-family:Inter,Fira Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700;color:#111827;text-align:center;letter-spacing:.05em;user-select:none;pointer-events:none}