@font-face{font-family:Inter Display;src:url(/fonts/InterDisplay-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0}html,body{min-height:100%}body{color:#000;background:#fff;min-height:100dvh;font-family:Inter Display,sans-serif;font-weight:500}#app{width:100%;min-height:100dvh}.shell{min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left))}@media (width>=768px){.shell{max-width:64rem;padding:max(1.5rem, env(safe-area-inset-top)) 2rem max(1.5rem, env(safe-area-inset-bottom));margin:0 auto}}.top{margin-bottom:1.25rem}.brand{letter-spacing:.02em;font-size:clamp(1.25rem,4vw,1.75rem)}.chrome-row{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:2rem;display:flex}.stage-bar{flex-wrap:wrap;flex:auto;align-items:stretch;gap:.35rem;min-width:0;display:flex}.stage-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;margin-left:auto;display:flex}.stage-actions[hidden]{display:none!important}@media (width<=767px){.shell{padding-bottom:max(5.5rem, calc(env(safe-area-inset-bottom) + 4.5rem))}.stage-actions:not([hidden]){right:max(1.25rem, env(safe-area-inset-right));bottom:max(1.25rem, env(safe-area-inset-bottom));z-index:20;background:#fff;margin-left:0;padding:.35rem;position:fixed}}.stage-step{min-height:2.75rem;font:inherit;color:inherit;opacity:.35;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.8125rem;display:inline-flex}.stage-step:disabled{cursor:default}.stage-step.is-past:not(:disabled){opacity:.75;border-color:#000}.stage-step.is-active{opacity:1;color:#fff;background:#000;border-color:#000}.stage-num{border:1px solid;border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.6875rem;display:inline-flex}.stage-sep{border-top:1px solid #ccc;align-self:center;width:.75rem}.panel{flex-direction:column;gap:1.25rem;display:flex}.panel-center{align-items:stretch;padding-top:1rem}.title{font-size:clamp(1.5rem,5vw,2rem);font-weight:500}.lede,.crop-hint,.muted,.file-name{opacity:.65;max-width:36rem;font-size:.8125rem;line-height:1.4}.error{color:#000;border:1px solid #000;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8125rem}.dropzone{text-align:center;cursor:pointer;border:1px solid #000;justify-content:center;align-items:center;min-height:12rem;padding:2rem;font-size:.875rem;display:flex;position:relative;overflow:hidden}.dropzone.is-hot{background:#f5f5f5}.dropzone.is-disabled{opacity:.35;pointer-events:none}.dropzone--filled{cursor:default;max-width:28rem;min-height:14rem;padding:0}.dropzone-thumb{object-fit:cover;pointer-events:none;width:100%;height:14rem;display:block}.dropzone-delete{z-index:2;background:#fff;position:absolute;top:.65rem;right:.65rem}.dropzone-replace{z-index:2;cursor:pointer;background:#fff;border:1px solid #000;border-radius:9999px;padding:.45rem .95rem;font-size:.8125rem;position:absolute;bottom:.65rem;left:.65rem}.dropzone-replace.is-disabled{opacity:.35;pointer-events:none}.format-picks{flex-wrap:wrap;gap:.65rem;display:flex}.format-pick{appearance:none;color:#000;font:inherit;cursor:pointer;background:#fff;border:1px solid #000;border-radius:9999px;align-items:center;gap:.4rem;padding:.65rem 1.15rem;font-size:.8125rem;display:inline-flex}.format-pick.is-on{color:#fff;background:#000}.format-pick .icon-check{flex-shrink:0;width:1.05rem;height:1.05rem}.icon{width:1.25rem;height:1.25rem;display:block}.hint-warn{opacity:.7;font-size:.8125rem}.crop-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:none}.crop-tab{appearance:none;color:#000;min-height:2.5rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #000;border-radius:9999px;padding:.45rem 1rem;font-size:.8125rem}.crop-tab.is-active{color:#fff;background:#000}.crop-grid{gap:1.5rem;display:grid}.crop-pane{flex-direction:column;gap:.5rem;display:flex}.crop-pane--inactive{display:none}.crop-label{font-size:.8125rem}.crop-frame{touch-action:none;cursor:grab;background:#111;border:1px solid #000;width:100%;position:relative;overflow:hidden}.crop-frame:active{cursor:grabbing}.crop-canvas{width:100%;height:100%;display:block}.crop-tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.crop-zoom{text-align:center;min-width:3rem;font-size:.8125rem}@media (width<=767px){.crop-tabs{display:flex}}@media (width>=768px){.crop-tabs{display:none}.crop-grid:not(.crop-grid--single){grid-template-columns:1fr 1fr}.crop-grid--tabs .crop-pane--inactive{display:flex}}.crop-grid--single{max-width:28rem}.actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.btn{appearance:none;color:#000;font:inherit;cursor:pointer;background:#fff;border:1px solid #000;border-radius:9999px;min-height:2.5rem;padding:.65rem 1.25rem;font-size:.8125rem}.btn:disabled{opacity:.35;cursor:default}.btn-primary{color:#fff;background:#000}.btn-secondary{color:#000;opacity:.85;background:#fff}.btn-ghost{min-height:2.25rem;padding:.4rem .85rem}.btn-icon{border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;min-height:2.5rem;padding:0;display:inline-flex}.btn-play{margin-top:.5rem}.btn-icon:focus-visible{outline-offset:2px;outline:2px solid #000}.btn-play.is-hidden{display:none}.btn:focus-visible,.format-pick:focus-visible,.stage-step:focus-visible,.crop-tab:focus-visible,.dropzone:focus-within{outline-offset:2px;outline:2px solid #000}.progress{background:#e5e5e5;width:100%;height:2px}.progress-fill{background:#000;width:0;height:100%;transition:width .1s linear}.progress-label,.progress-hint,.progress-pct{opacity:.7;font-size:.8125rem}.progress-hint{opacity:.55}.dl-grid{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.dl-card{flex-direction:column;align-items:flex-start;gap:.65rem;display:flex}.preview-wrap{width:fit-content;height:min(24rem,70vh)}.preview{object-fit:contain;background:#000;border:1px solid #000;width:auto;height:100%;display:block}.preview--portrait{aspect-ratio:4/5}.preview--story{aspect-ratio:9/16}.preview-empty{box-sizing:border-box;border:1px solid #000;flex-direction:column;gap:.65rem;width:calc(min(24rem,70vh)/1.25);height:min(24rem,70vh);padding:1rem;display:flex}.is-hidden{display:none!important}