:root{color:#171716;font-synthesis:none;text-rendering:optimizelegibility;background:#efede8;font-family:Avenir Next,Helvetica Neue,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{background:#efede8;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.site-shell{width:min(940px,100%);margin:0 auto;padding:0 clamp(18px,3vw,46px) clamp(22px,3vw,44px)}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;min-height:78px;display:grid}.wordmark{color:inherit;letter-spacing:.15em;text-transform:uppercase;gap:.32em;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.wordmark span:last-child{color:#a33b28}.credit{color:#77736d;letter-spacing:.055em;text-align:center;margin:0;font-size:9px;font-weight:500;line-height:1.45}.credit a{color:#4d4944;text-underline-offset:3px}.credit a:hover{color:#a33b28}.actions{justify-self:end;align-items:center;gap:clamp(18px,2.8vw,38px);display:flex}.text-action{color:#44413c;cursor:pointer;letter-spacing:.035em;background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:500;line-height:1.2;position:relative}.text-action:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .22s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.text-action:hover:after,.text-action:focus-visible:after,.file-action:focus-within:after{transform-origin:0;transform:scaleX(1)}.text-action:focus-visible,.file-action:focus-within{outline-offset:5px;outline:2px solid #a33b28}.text-action:disabled{cursor:default;opacity:.28}.text-action:disabled:after{display:none}.file-action{display:inline-block}#video-input{opacity:0;width:1px;height:1px;position:absolute}.artwork{width:min(100%,852px);margin:0 auto}.stage{isolation:isolate;aspect-ratio:16/9;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#dad7d0;outline:none;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 70px #1b19151a}.stage:focus-visible{box-shadow:0 0 0 2px #efede8,0 0 0 4px #a33b28,0 20px 70px #1b19151a}.stage.is-dragging{cursor:grabbing}.poster,canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.poster{z-index:0;filter:grayscale()}canvas{z-index:1;opacity:0;transition:opacity .32s}.is-ready canvas{opacity:1}.loading-state{z-index:4;color:#181817;padding:0 clamp(16px,2vw,28px) clamp(15px,1.8vw,24px);position:absolute;bottom:0;left:0;right:0}.loading-copy{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;margin-bottom:9px;font-size:10px;font-weight:600;display:flex}.progress-track{background:#17171640;height:1px;overflow:hidden}.progress-track span{background:#181817;width:0;height:100%;transition:width .14s linear;display:block}.has-error .loading-state{color:#8d2f20}.has-error .progress-track{display:none}.drag-hint{z-index:3;color:#fffffff5;letter-spacing:.08em;pointer-events:none;text-shadow:0 1px 10px #0000008c;text-transform:uppercase;white-space:nowrap;align-items:center;gap:12px;font-size:11px;font-weight:500;transition:opacity .26s,transform .26s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drag-line{opacity:.75;background:currentColor;width:22px;height:1px}.drag-hint.is-dismissed{opacity:0;transform:translate(-50%,-42%)}.drag-hint[hidden]{display:none!important}.caption{justify-content:space-between;align-items:baseline;gap:24px;padding:clamp(15px,1.7vw,24px) 1px 0;display:flex}.caption h1{letter-spacing:-.025em;margin:0;font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:clamp(28px,3.2vw,47px);font-weight:400;line-height:1}.caption-meta{align-items:baseline;gap:clamp(18px,2.5vw,34px);min-width:0;display:flex}.source-label{color:#6d6962;letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:min(30vw,280px);font-size:10px;font-weight:500;overflow:hidden}.caption .file-action{color:#6d6962;letter-spacing:.08em;white-space:nowrap;font-size:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:760px){.site-shell{padding-left:12px;padding-right:12px}.topbar{grid-template-columns:1fr auto;gap:0 18px;min-height:86px;padding:14px 0 11px}.wordmark{font-size:11px}.credit{text-align:left;grid-area:2/1/auto/-1;justify-self:start;font-size:8px}.actions{gap:18px}.text-action{font-size:11px}.artwork{width:100%}.caption{padding-top:13px}.caption h1{font-size:clamp(24px,8vw,34px)}.caption-meta{gap:14px}.source-label{display:none}.caption .file-action{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}