.auth-shell.svelte-1ankv21{--auth-brand: #ffa77e;--auth-brand-ink: #542a1c;--auth-action: #b54a29;--auth-action-hover: #92391d;color-scheme:light;position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;height:100svh;height:100dvh;overflow-y:auto;padding:24px 20px;background:var(--auth-brand)}.auth-content.svelte-1ankv21{position:relative;z-index:1;display:flex;justify-content:center;width:100%;flex:none;margin:auto}@media (max-height: 700px){.auth-shell.svelte-1ankv21{padding-block:16px}}.preview.svelte-g38yt{display:flex;align-items:center;justify-content:center;height:100%;min-height:0;padding:36px;background:radial-gradient(ellipse at 18% 8%,#faf1e7 0%,transparent 65%),radial-gradient(ellipse at 90% 95%,#edbc9f 0%,transparent 70%),#f4dbca;border-radius:18px;overflow:hidden;color:#292924}.composition.svelte-g38yt{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:18px;width:100%;max-width:440px}figure.svelte-g38yt{position:relative;margin:0;overflow:hidden;border:3px solid #fff8ed;background:#fff8ed;outline:1px solid rgb(153 112 80 / 16%);box-shadow:0 4px 6px -4px #482f1d2e,0 16px 30px -16px #482f1d52}figure.svelte-g38yt img:where(.svelte-g38yt){display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}figure.svelte-g38yt:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0f12103d);pointer-events:none}.video-still.svelte-g38yt{grid-column:1 / -1;width:calc(100% - 24px);height:min(265px,31dvh);border-radius:18px;transform:rotate(-1.5deg)}.video-still.svelte-g38yt img:where(.svelte-g38yt){-o-object-position:65% 20%;object-position:65% 20%}figcaption.svelte-g38yt{position:absolute;z-index:1;inset:auto 10px 32px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;text-align:center;font-size:13px;font-weight:450;line-height:1.45;letter-spacing:-.012em}figcaption.svelte-g38yt span:where(.svelte-g38yt){display:block;width:-moz-fit-content;width:fit-content;max-width:100%;padding:3px 8px;border-radius:4px;background:#0f1210d6}figcaption.svelte-g38yt b:where(.svelte-g38yt){font-weight:600}.transcript.svelte-g38yt{grid-column:1 / -1;justify-self:end;position:relative;z-index:2;width:76%;margin-top:-36px;padding:16px 18px;border:1px solid #ead9c6;border-radius:12px;background:#fffefa;box-shadow:0 12px 28px -18px #5538274d}.transcript-heading.svelte-g38yt{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}h2.svelte-g38yt{margin:0;font:inherit;font-size:11px;line-height:1.4;font-weight:500;color:#73736b}.transcript-heading.svelte-g38yt>span:where(.svelte-g38yt){font-size:10px;font-variant-numeric:tabular-nums;color:#77766e}.transcript.svelte-g38yt p:where(.svelte-g38yt){margin:0;font-size:12px;line-height:1.65;color:#55554e}.transcript.svelte-g38yt strong:where(.svelte-g38yt){display:inline;color:#9b4d32;font-weight:600;margin-right:5px}.sound-still.svelte-g38yt{height:152px;margin-top:8px;border-radius:14px;transform:rotate(2deg)}.sound-still.svelte-g38yt img:where(.svelte-g38yt){-o-object-position:33% center;object-position:33% center}.sound-still.svelte-g38yt figcaption:where(.svelte-g38yt){bottom:15px;font-size:12px}.downloads.svelte-g38yt{display:grid;gap:9px;list-style:none;margin:0;padding:0}.downloads.svelte-g38yt li:where(.svelte-g38yt){display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:9px 12px;border:1px solid rgb(255 255 255 / 90%);border-radius:10px;background:#fffaf5;box-shadow:0 2px #d8b7a0,0 5px 12px -6px #53301c2e;transition:transform .16s ease,box-shadow .16s ease}.downloads.svelte-g38yt li:where(.svelte-g38yt):hover{transform:translateY(-2px);box-shadow:0 3px #d8b7a0,0 8px 16px -6px #53301c38}.download-label.svelte-g38yt{display:block;color:#453d36;font-size:12px;font-weight:550;line-height:1.3}.formats.svelte-g38yt{display:block;margin-top:2px;color:#847065;font-size:10px;line-height:1.3}.download-icon.svelte-g38yt{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#f4dfcf;color:#885034}@media (max-width: 1100px){.preview.svelte-g38yt{padding:22px}.composition.svelte-g38yt{gap:14px}.transcript.svelte-g38yt{width:86%;padding:14px 16px;margin-top:-32px}.downloads.svelte-g38yt li:where(.svelte-g38yt){padding-inline:10px}.download-label.svelte-g38yt{font-size:11px}.download-icon.svelte-g38yt{width:24px;height:24px}}@media (max-height: 700px){.preview.svelte-g38yt{padding-block:24px}.video-still.svelte-g38yt{height:29dvh}.sound-still.svelte-g38yt{height:146px}}@media (max-height: 550px){.preview.svelte-g38yt{padding:16px}.composition.svelte-g38yt{gap:12px}.video-still.svelte-g38yt{height:27dvh}figcaption.svelte-g38yt{font-size:12px;bottom:25px}.transcript.svelte-g38yt{margin-top:-26px;padding:12px 14px}.sound-still.svelte-g38yt{height:132px;margin-top:0}.downloads.svelte-g38yt{gap:7px}.downloads.svelte-g38yt li:where(.svelte-g38yt){min-height:40px;padding-block:6px}}@media (prefers-reduced-motion: reduce){.downloads.svelte-g38yt li:where(.svelte-g38yt){transition:none}}.auth-colors.svelte-5bky5h{--auth-brand: #ffa77e;--auth-brand-ink: #542a1c;--auth-action: #b54a29;--auth-action-hover: #92391d}.signup-shell.svelte-5bky5h{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);height:100svh;height:100dvh;overflow:hidden;background:#fdfcfa;padding:20px;gap:20px}.signup-content.svelte-5bky5h{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;padding:28px}.signup-form.svelte-5bky5h{width:100%;max-width:390px;flex:none;margin:auto}.signup-form.svelte-5bky5h>div{background:transparent;box-shadow:none;padding:0;max-width:390px;border-radius:0}.signup-art.svelte-5bky5h{min-width:0;min-height:0}@media (max-width: 800px){.signup-shell.svelte-5bky5h{grid-template-columns:minmax(0,1fr);padding:0;gap:0}.signup-content.svelte-5bky5h{padding:28px 24px}.signup-art.svelte-5bky5h{display:none}}@media (max-height: 700px){.signup-shell.svelte-5bky5h{padding:14px;gap:14px}.signup-content.svelte-5bky5h{padding:16px 24px}}@media (max-width: 800px) and (max-height: 700px){.signup-shell.svelte-5bky5h{padding:0}.signup-content.svelte-5bky5h{padding:24px}}
