:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#000;background:#fff;min-height:100svh;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.45}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.page{justify-content:center;align-items:center;min-height:100svh;padding:clamp(.65rem,1.8vh,1.1rem) clamp(.75rem,2.5vw,1.4rem);display:flex}.shell{gap:clamp(.55rem,1.4vh,.8rem);width:min(900px,100%);margin:0 auto;display:grid}.shell>*+*{border-top:1px solid #0000001f;padding-top:clamp(.7rem,1.8vh,1rem)}.intro{gap:.75rem;display:grid}.topBar{justify-content:flex-end;display:flex}.topActions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.topLink,.iconButton,.siteLanguageOption,.inlineLink{color:#000;font:inherit;text-decoration:none}.topLink{align-items:center;min-height:2rem;padding:0;font-weight:700;display:inline-flex}.iconButton{appearance:none;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex}.iconButton svg{width:1.1rem;height:1.1rem}.topLink:hover,.iconButton:hover,.siteLanguageOption:hover,.inlineLink:hover{opacity:.7}.siteLanguageMenu{position:relative}.siteLanguageOptions{z-index:20;background:#fff;border:1px solid #0000001f;border-radius:14px;gap:.2rem;min-width:9rem;padding:.25rem;display:grid;position:absolute;top:calc(100% + 8px);right:0}.siteLanguageOption{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:.55rem .75rem}.siteLanguageOption.isSelected{color:#fff;background:#000}.aboutSection{gap:1rem}.aboutBody{gap:.8rem;max-width:64ch;display:grid}.aboutLead,.aboutBody p{color:#444;margin:0}.inlineLink{border-radius:999px;align-items:center;width:fit-content;min-height:2.25rem;padding:0 .75rem;font-weight:700;display:inline-flex}.intro,.composer,.playerCard,.subtitleCard{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}h1,h2,.subtitleTitle{letter-spacing:-.04em;margin:0;line-height:1.05}h1{text-wrap:balance;max-width:20ch;font-size:clamp(1.45rem,3.2vw,2.4rem)}.subtitleTitle{font-size:clamp(1.2rem,2.4vw,1.6rem)}.modeNote{color:#111;background:0 0;border:0;border-top:1px dashed #0000003d;margin:.8rem 0 0;padding:.65rem 0}.label{letter-spacing:.04em;text-transform:uppercase;color:#444;margin:0;font-size:.78rem;font-weight:700;display:block}.label-inline{margin-bottom:.35rem}.controls{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.65rem;margin-top:.55rem;display:grid}.input{appearance:none;width:100%;min-height:44px;font:inherit;color:#000;background:#fff;border:1px solid #0000002e;border-radius:999px;padding:0 1rem}.button{min-width:168px;min-height:44px;font:inherit;color:#fff;cursor:pointer;background:#000;border:1px solid #000;border-radius:999px;padding:0 1.15rem;font-weight:700;transition:opacity .12s,transform .12s}.input:focus-visible{outline-offset:2px;outline:3px solid #00000024}.input::placeholder{color:#666}.button:hover{opacity:.9;transform:translateY(-1px)}.shareButton{min-height:44px;font:inherit;color:#fff;cursor:pointer;background:#000;border:1px solid #000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;width:fit-content;padding:0 1rem;font-weight:700;transition:opacity .12s,transform .12s;display:inline-flex}.shareButton:hover{opacity:.9;transform:translateY(-1px)}.shareButtonIcon{flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;display:inline-flex}.shareButtonIcon svg{width:100%;height:100%;display:block}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.playerCard,.subtitleCard{gap:.8rem;display:grid}.playerFooter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:min(100%,max(280px,177.778svh - 30.2222rem));margin:0 auto;display:flex}.playerActions{gap:.6rem;display:grid}.languagePickerArea{gap:.35rem;display:grid}.inputGroup{align-items:stretch;width:100%;min-height:50px;display:flex}.customSelectWrapper{flex:auto;min-width:0;position:relative}.customSelectTrigger{width:100%;min-height:50px;font:inherit;color:#000;appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #0000002e;border-radius:999px;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.customSelectTrigger:focus,.customSelectTrigger:focus-visible,.customOption:focus,.customOption:focus-visible,.generateButton:focus,.generateButton:focus-visible{outline:none}.triggerContent{justify-content:space-between;align-items:center;gap:.7rem;width:100%;min-width:0;display:flex}.triggerStatus{align-items:center;gap:.5rem;display:inline-flex}.spinner{border:2px solid #cfcfcf;border-top-color:#000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.75s linear infinite spin}.triggerText{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}.arrow{color:#000;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;margin-left:.85rem;display:inline-flex}.arrow svg{width:100%;height:100%;display:block}.customOptions{overscroll-behavior:contain;scrollbar-gutter:stable;z-index:10;background-color:#fff;border:1px solid #0000001f;border-radius:16px;width:100%;max-height:15.5rem;padding:.25rem;display:none;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}.customSelectWrapper.open .customOptions{display:block}.customOption{width:100%;font:inherit;color:#000;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:.9rem;padding:.8rem .9rem;transition:background .16s;display:flex}.customOption:hover{background-color:#0000000d}.optionText{min-width:0}.optionBadges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.badgeBlack{color:#fff;text-transform:uppercase;letter-spacing:.04em;background-color:#000;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.badgeTick{color:#000;font-size:18px;font-weight:700}.generateButton{height:100%;font:inherit;color:#fff;cursor:pointer;background-color:#000;border:1px solid #000;border-radius:0 999px 999px 0;padding:0 24px;font-weight:700;transition:background-color .2s,color .2s}.generateButton:hover:not(:disabled){background-color:#222}.generateButton:disabled{color:#7a7a7a;cursor:not-allowed;background-color:#e9e9e9}.playerWrap{background:#000;border:0;border-radius:0;width:min(100%,max(280px,177.778svh - 30.2222rem));margin:0 auto;position:relative;overflow:hidden}.player{aspect-ratio:16/9;object-fit:contain;background:#000;border:0;border-radius:0;width:100%;height:100%;display:block}.player::-webkit-media-controls-fullscreen-button{display:none!important}.player::-webkit-media-controls-overflow-button{display:none!important}.player::-webkit-media-controls-download-button{display:none!important}.player::-webkit-media-controls-picture-in-picture-button{display:none!important}.player::-webkit-media-controls-cast-button{display:none!important}.metaPill{color:#fff;background:#000;border:1px solid #000;border-radius:999px;width:fit-content;max-width:100%;margin:0;padding:.45rem .78rem;font-size:.83rem;font-weight:700}.message{color:#444;word-break:break-word;margin:0;line-height:1.45}.message span{color:#000}.error{color:#000;background:0 0;border:0;border-radius:0;margin:0;padding:.15rem 0;font-weight:600}.emptyState{text-align:center;color:#444;border-top:1px dashed #0000003d;place-items:center;gap:.35rem;min-height:220px;padding:1rem 0;display:grid}.emptyState p{margin:0}.subtitleOverlay{color:#fff;text-align:center;pointer-events:none;opacity:0;background:#00000094;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;min-height:2.05rem;padding:.42rem .7rem;transition:opacity .12s;display:flex;position:absolute;bottom:52px;left:12px;right:12px}.subtitleOverlay.isVisible{opacity:1}.subtitleOverlay p{white-space:pre-wrap;max-width:100%;margin:0;font-size:clamp(.88rem,1.4vw,1rem);font-weight:700;line-height:1.4}@media (max-width:800px){.page{align-items:flex-start;padding:.65rem}.shell{gap:.65rem}h1{max-width:16ch;font-size:clamp(1.2rem,5.8vw,1.75rem)}.controls{grid-template-columns:1fr}.button{width:100%;min-width:0}.inputGroup{min-height:48px}.customSelectTrigger{min-height:48px;padding-inline:16px}.customOptions{max-height:14rem}.customOption{align-items:flex-start;padding:.75rem .85rem}.playerWrap{width:100%}.playerFooter{gap:.65rem;width:100%;display:grid}.metaPill{width:100%;font-size:.8rem}.shareButton{width:100%}.subtitleOverlay{padding:.4rem .6rem;bottom:48px;left:10px;right:10px}}@media (max-height:760px){.page{padding-block:.55rem}.shell{gap:.55rem}.playerWrap,.playerFooter{width:min(100%,max(280px,177.778svh - 28rem))}}