@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/schibsted-grotesk-latin-ext-wght-normal.hsMS0n0O.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/schibsted-grotesk-latin-wght-normal.Bb8VGrTG.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--font-sans:"Schibsted Grotesk Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--violet:#7b4dff;--blue:#2f6bff;--teal:#12b89a;--amber:#ffb82e;--orange:#ff7a1f;--pink:#ff3d7f;--spectrum:linear-gradient(100deg, var(--violet), var(--blue) 22%, var(--teal) 42%, var(--amber) 60%, var(--orange) 78%, var(--pink));--bg:#f7f7fa;--surface:#fff;--ink:#0b0d12;--muted:#565c6b;--line:#e3e5ec;--accent:#2f45e8;--accent-ink:#fff;--accent-soft:#eceeff;--danger:#b42318;--danger-soft:#fdecea;--success:#0b7a66;--ink-violet:#5b2ee6;--ink-blue:#1f55d6;--ink-teal:#0b7a66;--ink-orange:#b54708;--ink-pink:#c2185b;--mesh-opacity:.55;--shadow:0 1px 2px #0b0d120d, 0 12px 32px #281e5a1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--page-width:72rem;--content-width:48rem;--gutter:clamp(1rem, 4vw, 1.5rem);--ease-out:cubic-bezier(.2, .7, .2, 1);--fast:.12s;--medium:.24s;accent-color:var(--accent)}@media (prefers-color-scheme:dark){:root{--bg:#0b0c14;--surface:#141623;--ink:#f2f3f8;--muted:#a8adbe;--line:#272a3a;--accent:#8e9cff;--accent-ink:#0b0c14;--accent-soft:#1d2142;--danger:#ff8a7a;--danger-soft:#3a1714;--success:#4fd6b8;--ink-violet:#b39bff;--ink-blue:#8fb1ff;--ink-teal:#5fe0c4;--ink-orange:#ffb27a;--ink-pink:#ff8fb4;--mesh-opacity:.32;--shadow:0 1px 2px #0006, 0 14px 36px #0006}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.55}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;line-height:1.1}p{text-wrap:pretty}a{color:var(--accent);text-underline-offset:.2em}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-soft)}.mono{font-family:var(--font-mono);font-size:.8125rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition{pointer-events:none}::view-transition-group(root){animation-duration:.18s}::view-transition-group(.tool-title){animation-duration:.32s;animation-timing-function:var(--ease-out)}.vt-title{view-transition-class:tool-title}html.vt-list{view-transition-name:none}html.vt-list .tool-ui .files>li,html.vt-list .tool-ui .page-grid>li{view-transition-name:match-element;view-transition-class:tool-item}::view-transition-group(.tool-item){animation-duration:.22s;animation-timing-function:var(--ease-out)}::view-transition-new(.tool-item):only-child{animation:.22s var(--ease-out) both item-in}::view-transition-old(.tool-item):only-child{animation:.16s ease-in both item-out}@keyframes item-in{0%{opacity:0;scale:.9}}@keyframes item-out{to{opacity:0;scale:.9}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.bar[data-astro-cid-xzp2dg6z]{max-width:var(--page-width);padding-inline:var(--gutter);flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-inline:auto;display:flex}.site-header[data-astro-cid-xzp2dg6z]{view-transition-name:site-header;z-index:2;background:var(--surface);position:relative}.site-header[data-astro-cid-xzp2dg6z] .bar[data-astro-cid-xzp2dg6z]{min-height:4rem}.spectrum-line[data-astro-cid-xzp2dg6z]{background:var(--spectrum);height:4px}.brand[data-astro-cid-xzp2dg6z]{min-height:2.75rem;color:var(--ink);letter-spacing:-.02em;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:800;text-decoration:none;display:inline-flex}.brand[data-astro-cid-xzp2dg6z].small{font-size:1rem}.mark[data-astro-cid-xzp2dg6z]{flex:none;width:26px;height:26px;position:relative}nav[data-astro-cid-xzp2dg6z]{gap:1.25rem;margin-inline-start:auto;display:flex}nav[data-astro-cid-xzp2dg6z] a[data-astro-cid-xzp2dg6z]{min-height:2.75rem;color:var(--muted);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}nav[data-astro-cid-xzp2dg6z] a[data-astro-cid-xzp2dg6z]:hover{color:var(--ink)}.site-footer[data-astro-cid-xzp2dg6z]{border-top:1px solid var(--line);background:var(--surface);margin-top:6rem}.site-footer[data-astro-cid-xzp2dg6z] .bar[data-astro-cid-xzp2dg6z]{justify-content:space-between;padding-block:2rem}.site-footer[data-astro-cid-xzp2dg6z] p[data-astro-cid-xzp2dg6z]{color:var(--muted);margin:0;font-size:.9375rem}.footer-links[data-astro-cid-xzp2dg6z]{flex-wrap:wrap;flex-basis:100%;gap:0 1.25rem;margin-inline-start:0}.footer-links[data-astro-cid-xzp2dg6z] a[data-astro-cid-xzp2dg6z]{font-size:.9375rem}:root{--bg:#f6f3ee;--surface:#fffdfa;--ink:#17120e;--muted:#6b625a;--line:#e6dfd6;--accent:#b93a0a;--accent-ink:#fff;--accent-soft:#fbe9df;--accent-glow:#b93a0a4d;--ink-amber:#8a5300;--slate:#7a8394;--ink-slate:#4f5666;--film:#1b1511;--film-edge:#e8a23a;--mesh-opacity:.4;--shadow:0 1px 2px #17120e0f, 0 14px 34px #4628141f}@media (prefers-color-scheme:dark){:root{--bg:#0e0b09;--surface:#17130f;--ink:#f4eee7;--muted:#b0a69c;--line:#2c2520;--accent:#ff8a4c;--accent-ink:#160d08;--accent-soft:#2e1a10;--accent-glow:#ff8a4c47;--ink-amber:#ffc56b;--ink-slate:#b7bfcc;--film:#241d18;--mesh-opacity:.22;--shadow:0 1px 2px #00000080, 0 16px 38px #00000073}}.tool-ui .primary:hover:not(:disabled){box-shadow:0 6px 20px var(--accent-glow)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mark .film{background:radial-gradient(circle, var(--surface) 0 1.2px, transparent 1.6px) 1px 1px / 5px 4px repeat-x, radial-gradient(circle, var(--surface) 0 1.2px, transparent 1.6px) 1px calc(100% - 1px) / 5px 4px repeat-x, currentColor;border-radius:4px;position:absolute;inset:2px 0}.mark .frame{background:radial-gradient(circle at 72% 34%, var(--amber) 0 18%, transparent 20%), linear-gradient(160deg, var(--violet), var(--pink) 55%, var(--orange));border-radius:2px;position:absolute;inset:7px 4px}.edge{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tool-ink,var(--accent));font-size:.75rem}.strip{--frame-w:150px;--frame-h:104px;background:radial-gradient(circle, var(--bg) 0 3px, transparent 3.5px) 6px 4px / 18px 8px repeat-x, radial-gradient(circle, var(--bg) 0 3px, transparent 3.5px) 6px calc(100% - 4px) / 18px 8px repeat-x, var(--film);border-radius:6px;padding:26px 0;position:relative;overflow:hidden;box-shadow:0 18px 40px #140a0040}.strip-reel{gap:10px;width:max-content;animation:48s linear infinite reel;display:flex}.strip-frame{width:var(--frame-w);height:var(--frame-h);background:var(--scene);border-radius:3px;flex:none;position:relative}.strip-frame:after{content:attr(data-n);color:var(--film-edge);font-family:var(--font-mono);letter-spacing:.12em;opacity:.85;font-size:9px;position:absolute;bottom:-14px;left:4px}@keyframes reel{to{translate:-50%}}.scene-1{--scene:radial-gradient(circle at 70% 38%, #ffd36b 0 13%, transparent 14%), linear-gradient(transparent 62%, #fff3 62% 64%, transparent 64%), linear-gradient(180deg, var(--orange), var(--pink) 60%, var(--violet))}.scene-2{--scene:radial-gradient(ellipse 22% 26% at 50% 40%, #f6d2b8 0 98%, transparent), radial-gradient(ellipse 40% 34% at 50% 100%, #2a2238 0 98%, transparent), linear-gradient(135deg, var(--teal), var(--blue))}.scene-3{--scene:radial-gradient(ellipse 70% 40% at 20% 100%, #1f7a5c 0 98%, transparent), radial-gradient(ellipse 60% 45% at 85% 100%, #2a9670 0 98%, transparent), linear-gradient(180deg, #9fd3ff, #e9f4ff)}.scene-4{--scene:linear-gradient(90deg, transparent 8%, #ffcf5c 8% 10%, transparent 10% 30%, #ff8fb4 30% 32%, transparent 32% 61%, #8fb1ff 61% 63%, transparent 63%) 0 70% / 100% 30% no-repeat, linear-gradient(180deg, #120f2a, #2f2560 70%, #4b2b6b)}.scene-5{--scene:repeating-linear-gradient(90deg, var(--amber) 0 4px, transparent 4px 9px) center / 100% 46% no-repeat, linear-gradient(135deg, #1d1630, #3b2253)}.scene-6{--scene:radial-gradient(circle at 30% 35%, var(--pink) 0 22%, transparent 45%), radial-gradient(circle at 70% 65%, var(--teal) 0 22%, transparent 48%), linear-gradient(135deg, var(--amber), var(--violet))}.crop-marks:after{--mark:var(--muted);content:"";pointer-events:none;background:linear-gradient(var(--mark) 0 0) 0 0 / 14px 1.5px, linear-gradient(var(--mark) 0 0) 0 0 / 1.5px 14px, linear-gradient(var(--mark) 0 0) 100% 0 / 14px 1.5px, linear-gradient(var(--mark) 0 0) 100% 0 / 1.5px 14px, linear-gradient(var(--mark) 0 0) 0 100% / 14px 1.5px, linear-gradient(var(--mark) 0 0) 0 100% / 1.5px 14px, linear-gradient(var(--mark) 0 0) 100% 100% / 14px 1.5px, linear-gradient(var(--mark) 0 0) 100% 100% / 1.5px 14px;background-repeat:no-repeat;position:absolute;inset:-10px}.tool-ui .results{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.tool-ui .results li{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);animation:frame-in var(--medium) var(--ease-out) both;grid-template-columns:4rem minmax(0,1fr) auto;align-items:center;gap:.875rem;padding:.5rem;display:grid}.tool-ui .results .thumb{background:repeating-conic-gradient(var(--line) 0 25%, transparent 0 50%) 0 0 / 12px 12px;border-radius:6px;place-items:center;width:4rem;height:4rem;display:grid;overflow:hidden}.tool-ui .results .thumb img{object-fit:contain;width:100%;height:100%}.tool-ui .results .name{overflow-wrap:anywhere;font-weight:600}.tool-ui .results .detail{color:var(--muted);font-family:var(--font-mono);font-size:.8125rem;display:block}.tool-ui .results .saving{color:var(--success)}.tool-ui .results li[data-problem] .detail{color:var(--danger);font-family:var(--font-sans)}.tool-ui .results button{min-width:2.75rem}@keyframes frame-in{0%{opacity:0;scale:.97}}.tool-ui .inline-fields{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.tool-ui .inline-fields .field{width:9rem}.tool-ui input[type=color]{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:2.75rem;height:2.75rem;padding:.25rem}.tool-ui input[type=range]{width:100%;min-height:2.75rem}.tool-ui .credits{color:var(--muted);margin:0;font-size:.875rem}.tool-ui .image-options{gap:1.25rem;display:grid}.tool-ui:has(.results) .picker{flex-direction:row;min-height:0;padding:.75rem 1rem}.tool-ui:has(.results) .picker-icon{width:24px;height:24px}.tool-ui:has(.results) .picker-label{font-size:1rem}.tool-ui:has(.results) .picker-hint{display:none}.tool-ui .video-facts{color:var(--muted);font-size:.875rem}.tool-ui .results .format-badge{background:var(--accent-soft);color:var(--tool-ink,var(--ink));font-family:var(--font-mono);font-size:.75rem;font-weight:700}.tool-ui .results .note{font-family:var(--font-sans)}.tool-ui .needs-computer p{margin:0}.tool-ui .needs-computer p+p{margin-top:.5rem}.tool-ui .video-preview{border-radius:var(--radius-md);background:#000;width:100%;max-height:50vh}.tool-ui .recording-privacy{margin:0;font-weight:600}.tool-ui .camera-preview.mirrored{transform:scaleX(-1)}.tool-ui .recorder-actions{flex-wrap:wrap;gap:.75rem;display:flex}.tool-ui .recording-bar{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.tool-ui .recording-bar .hint{flex:100%;margin:0}.tool-ui .recording-clock{align-items:center;gap:.6rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}.tool-ui .recording-clock time{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tool-ui .recording-size{color:var(--muted);font-family:var(--font-mono);font-size:.875rem;font-weight:400}.tool-ui .recording-dot{background:var(--danger);border-radius:50%;width:.75rem;height:.75rem;animation:1.2s ease-in-out infinite recording-pulse}@keyframes recording-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.tool-ui .recording-dot{animation:none}}.tool-ui .recording-result,.tool-ui .convert-recording{gap:1rem;display:grid}.tool-ui .convert-recording .hint,.tool-ui .recording-result .notice{margin:0}
