.gif-room{--gif-ink:var(--ink,#29362c);--gif-line:var(--ink-faint,#79816e);color:var(--gif-ink);padding-block:50px 100px;max-width:1320px}.gif-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding-bottom:32px;border-bottom:1px solid var(--gif-line)}.gif-heading h1{font-size:clamp(38px,5vw,76px);font-family:Georgia,serif;line-height:1.02;font-weight:400;margin:18px 0}.gif-heading h1 em{font-weight:400}.gif-heading p{max-width:520px;line-height:1.7}.gif-heading>a{white-space:nowrap;font:13px var(--font-mono,monospace);padding:12px 0}.gif-picker{display:flex;gap:40px;align-items:flex-end;padding:28px 0 38px}.gif-picker label{display:block;margin-bottom:10px;font:12px var(--font-mono,monospace)}.gif-picker form>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--gif-ink)}.gif-picker input{width:120px;background:transparent;border:0;font:24px Georgia,serif;color:inherit;padding:10px}.gif-room button,.gif-room select{color:inherit;background:transparent;border:1px solid var(--gif-line);border-radius:3px;padding:12px 16px;font:13px var(--font-mono,monospace);cursor:pointer}.gif-room button:disabled{opacity:.48;cursor:default}.gif-room a:focus-visible,.gif-room button:focus-visible,.gif-room input:focus-visible,.gif-room select:focus-visible{outline:2px solid #34583d;outline-offset:4px}.gif-wallet{max-width:360px}.gif-wallet select{max-width:100%;min-width:210px}.gif-wallet small{display:block;margin-top:8px}.gif-spread{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);grid-gap:clamp(25px,4vw,65px);gap:clamp(25px,4vw,65px);align-items:start}.gif-stage{position:-webkit-sticky;position:sticky;top:90px;min-width:0}.gif-art{position:relative;aspect-ratio:1;background:#dedbcf;overflow:hidden;box-shadow:0 12px 25px #242e2410}.gif-art canvas,.gif-art iframe{display:block;border:0;width:100%;height:100%;touch-action:none}.gif-art-caption{display:flex;justify-content:space-between;gap:12px;padding:14px 0;font:11px var(--font-mono,monospace)}.gif-controls{border-left:1px solid var(--gif-line);padding-left:28px}.gif-controls h2{font:italic 34px Georgia,serif;margin:16px 0}.gif-controls p{font-size:14px;line-height:1.65}.gif-controls .gif-note{font-size:12px;opacity:.85;line-height:1.7;margin:20px 0}.gif-controls fieldset{border:0;padding:0;margin:24px 0}.gif-controls legend{font:11px var(--font-mono,monospace);margin:12px 0}.gif-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.gif-options button[aria-pressed=true]{background:var(--ink-wash,#d7ddcb);color:var(--gif-ink);border-color:var(--gif-ink);box-shadow:inset 0 -2px #37533d}.gif-room .gif-primary{display:flex;align-items:center;justify-content:center;gap:10px;background:#304a37;color:#fffcee;border:1px solid #304a37;width:100%;padding:17px 18px;text-decoration:none;font:14px var(--font-mono,monospace);border-radius:3px}.gif-room .gif-secondary{width:100%;margin-top:10px}.gif-error{border-left:3px solid #9c4a30;background:#b97a4310;padding:16px;line-height:1.5}.gif-countdown{position:absolute;inset:0;background:#e7e3d6b8;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.gif-countdown strong{font:italic 120px Georgia,serif;animation:gif-count .8s ease-out}.gif-countdown span{font:12px var(--font-mono,monospace)}.gif-recording{display:flex;gap:9px;align-items:center;font-size:12px}.gif-recording progress{width:100%;min-width:30px;accent-color:#36563d}.gif-live-dot{width:8px;height:8px;flex-shrink:0;background:#a14432;border-radius:50%}.gif-wait{height:100%;display:grid;place-content:center;text-align:center;padding:25px}.gif-wait svg{margin:auto;width:35px;height:35px}.gif-trim label{display:block;font:12px var(--font-mono,monospace);margin:20px 0}.gif-trim label>span{float:right}.gif-trim input{display:block;width:100%;margin:14px 0;accent-color:#37563e}.gif-trim select{display:block;width:100%;margin:10px 0}.gif-timeline{height:20px;background:repeating-linear-gradient(90deg,#8e987555 0 1px,transparent 1px 6px);position:relative;margin:22px 6px}.gif-timeline i{position:absolute;top:-4px;height:28px;width:2px;background:#314d36}.gif-download{border-top:1px solid var(--gif-line);padding-top:24px;margin-top:24px}.gif-download img{width:100%;max-width:200px;display:block}.gif-download button{margin-top:12px}.gif-intro{display:flex;flex-wrap:wrap;gap:30px;min-height:220px;align-content:center;border-block:1px solid var(--gif-line);font:13px var(--font-mono,monospace)}.gif-intro p{width:100%;font:18px Georgia,serif;max-width:600px;line-height:1.6}.gif-room button{transition:background .15s,border-color .15s}.gif-room button:not(:disabled):hover{border-color:#34583d;background:#ccd4c144}.gif-room .gif-primary:hover{background:#243c2a}.gif-controls>a,.gif-options>span{font-size:12px}@keyframes gif-count{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@media(max-width:800px){.gif-room{padding-block:25px 70px}.gif-heading{align-items:start}.gif-heading h1{font-size:43px}.gif-heading>a{font-size:11px}.gif-heading p{font-size:13px}.gif-picker{flex-direction:column;align-items:stretch;gap:20px}.gif-picker form>div{justify-content:space-between}.gif-picker input{width:90px}.gif-wallet{max-width:none}.gif-wallet select{width:100%}.gif-spread{grid-template-columns:1fr;gap:18px}.gif-stage{position:relative;top:auto}.gif-controls{border-left:0;border-top:1px solid var(--gif-line);padding:22px 0 0}.gif-art-caption{font-size:10px}.gif-intro{gap:20px}.gif-controls h2{font-size:30px}.gif-room:has(.gif-recording) .gif-controls>.kicker,.gif-room:has(.gif-recording) .gif-controls>h2{display:none}}@media(prefers-reduced-motion:reduce){.gif-room *{animation:none!important;transition:none!important}}.gif-room button.gif-primary:not(:disabled),.gif-room button.gif-primary:not(:disabled):hover{background:#304a37;color:#fffcee;opacity:1}.gif-room button.gif-primary:not(:disabled):hover{background:#243c2a}.gif-stage{scroll-margin-top:90px}.gif-room button.gif-primary{transition:none}.gif-room button:disabled{opacity:1;color:var(--ink-soft,#515646);background:var(--paper,#eeeadd)}.gif-countdown{background:var(--paper,#e7e3d6);color:var(--gif-ink)}.gif-room select option{background:var(--paper,#eeeadd);color:var(--gif-ink)}.gif-picker input::placeholder{color:var(--ink-soft,#515646);opacity:1}.gif-room>.gif-heading{padding-bottom:18px!important;margin-bottom:18px!important}.gif-room>.gif-heading h1{font-size:clamp(32px,4vw,54px)!important;margin:10px 0!important}@media(max-width:600px){.gif-room>.gif-heading h1{font-size:34px!important}.gif-room>.gif-heading{padding-top:0!important}.gif-room>.gif-heading p{font-size:14px}.gif-intro{gap:12px!important}.gif-example span{font-size:20px}}