#free-view{max-width:1400px;margin:auto;padding:65px clamp(20px,4vw,48px) 70px;box-sizing:border-box;color:#243b50}
#free-view [hidden]{display:none!important}
.free-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:35px 0 30px}
.free-heading h1{font-size:clamp(46px,5.4vw,78px);line-height:1.14;letter-spacing:-.06em;margin:16px 0 22px;font-weight:600}
.free-heading h1 em{font-style:normal;color:#476b58}.free-heading p:not(.kicker){line-height:1.9;color:#63736d}
.free-art{height:240px;width:300px;flex-shrink:0;border-radius:160px 160px 12px 12px;background:#e8f0fd;transform:rotate(3deg);display:flex;align-items:center;justify-content:center;position:relative;color:#45654e}
.free-art span{font:700 35px/1.05 Georgia,serif;letter-spacing:-2px;transform:rotate(-3deg)}.free-art i{position:absolute;bottom:10px;right:18px;font-size:70px;font-style:normal;color:#bc795c}
.free-access{border-top:1px solid #dce4ed;padding:18px 0;margin:0;line-height:1.7;font-size:14px}.free-access a{color:inherit;text-decoration:underline}
.free-import{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}
.free-import form{border:1px solid #dce4ed;border-radius:22px;background:#fff;padding:26px;min-width:0}
.free-drop{min-height:190px;border:1px dashed #a6bddb;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;position:relative;cursor:pointer;background:#eef3fb}
.free-drop.dragging{background:#e2ecfa;outline:2px solid #3972b8}.free-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.free-drop:focus-within{outline:3px solid #376cba;outline-offset:3px}
.free-plus{font-size:34px;font-weight:300;line-height:1}.free-drop strong{font-size:20px}.free-drop span:not(.free-plus){font-size:14px}.free-drop small{font-size:11px;letter-spacing:1px}
#free-view button{border:1px solid #dce4ed;background:transparent;border-radius:24px;padding:10px 18px;color:inherit;cursor:pointer;font:inherit;font-size:14px}
#free-view button:disabled{opacity:.45;cursor:not-allowed}#free-upload,#free-link{background:#315f9c!important;color:#fff!important;border-color:#315f9c!important}
#free-file-name,.free-import form p:not(.kicker),.free-import form small{font-size:12px;line-height:1.7;color:#7a8ba1;overflow-wrap:anywhere}
#free-link-form{display:flex;flex-direction:column;align-items:flex-start;gap:12px}#free-link-form label{font-size:22px;margin-top:18px}#free-link-form input{width:100%;border:0;border-bottom:1px solid #dce4ed;background:transparent;padding:14px 0;font:inherit;font-size:15px;border-radius:0}#free-link-form small{margin-top:auto}
.free-transfer{padding:20px 0;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.free-transfer progress{width:220px;accent-color:#315f9c}#free-message{min-height:24px;line-height:1.7;color:#985039}
.free-library{margin-top:35px}.free-library>header,.free-player-panel>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.free-library h2,.free-player-panel h2{font-size:28px;letter-spacing:-1px;margin:8px 0 14px;overflow-wrap:anywhere}
#free-usage{font-size:13px;color:#7a8ba1;margin-bottom:22px}#free-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.free-empty{grid-column:1/-1;padding:35px 10px;border-top:1px solid #dce4ed;color:#7a8ba1}
.free-item{border:1px solid #dce4ed;border-radius:18px;padding:22px;background:#fff;min-width:0}.free-item-icon{font-size:28px;margin-bottom:30px;color:#6899ca}.free-item h3{font-size:18px;line-height:1.5;overflow-wrap:anywhere;margin:12px 0}.free-item p{font-size:12px;color:#7a8ba1;line-height:1.7}.free-item-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.free-item-actions button:last-child{font-size:12px!important}
.free-player-panel{scroll-margin-top:90px;margin:30px 0 10px;border-top:1px solid #dce4ed;padding-top:25px}.free-play-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr);gap:20px}.free-play-layout.no-subtitles{grid-template-columns:1fr}.free-media-area{min-width:0}.free-media-area video{width:100%;max-height:580px;background:#203550;border-radius:18px}.free-media-area audio{width:100%}.free-audio-art{aspect-ratio:2.7;background:#e8f0fd;border-radius:18px;display:flex;align-items:center;justify-content:center;font:italic 44px Georgia;color:#315f9c;margin-bottom:22px}
.free-player-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 0}.free-player-tools select{padding:8px;border:0;border-radius:16px;background:#eef3fb;color:inherit;font:inherit}.free-player-tools label{font-size:13px}#free-play-message{font-size:13px;color:#985039;line-height:1.6}
#free-transcript{max-height:570px;overflow:auto;background:#eef3fb;border-radius:18px;padding:20px;scrollbar-width:thin}#free-timing-note{font-size:12px;line-height:1.6;color:#7a8ba1;margin-bottom:18px}.free-sentence{padding:17px 14px;border-radius:12px;margin:0 0 9px;line-height:1.95;font-size:18px;cursor:pointer;outline-offset:2px}.free-sentence.active{background:#fff}.free-sentence small{display:block;font:11px system-ui;color:#7a8ba1;margin-bottom:7px}.free-sentence .spoken-word{border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:#3467b1;color:white;box-shadow:0 0 0 2px #3467b1}
#free-caption-review{border:1px solid #d5d6be;background:#faf8ee;border-radius:12px;padding:12px 14px;margin:0 0 18px;overflow-wrap:anywhere}#free-caption-review summary{cursor:pointer;font-size:14px;color:#645834;font-weight:600}.free-check-status{font-size:12px;line-height:1.7;color:#6d705d;margin:4px 0}#free-caption-review ol{padding-left:20px;margin-bottom:0}#free-caption-review li{font-size:13px;line-height:1.7;margin:14px 0}#free-caption-review li p{margin:7px 0}.free-check-source{font-style:italic;color:#435d51}#free-caption-review button{font-size:12px;padding:6px 12px}
@media(max-width:850px){.free-art{width:200px;height:200px}.free-import{grid-template-columns:1fr}.free-play-layout{grid-template-columns:1fr}#free-items{grid-template-columns:repeat(2,minmax(0,1fr))}#free-transcript{max-height:380px}}
@media(max-width:540px){.free-art{display:none}.free-heading{padding-top:15px}.free-heading h1{font-size:50px}#free-items{grid-template-columns:1fr}.free-import form{padding:20px}.free-library>header,.free-player-panel>header{align-items:flex-start}.free-library h2,.free-player-panel h2{font-size:23px}.free-player-tools{justify-content:flex-start}}

/* Match the compact blue collection pages. */
#free-view{max-width:1296px;padding:100px 28px 48px;font-family:var(--sans);color:#203550}
body[data-view="free"] .page-corner-nav,body[data-view="free"] .account-launcher{position:absolute}
.free-heading{display:block;padding:0 0 24px}.free-heading h1{font:600 30px/1.3 var(--sans);letter-spacing:0;margin:0 0 12px}.free-heading p:not(.kicker){font:14px/1.8 var(--sans);color:#7a8ba1;margin:0;max-width:780px}
#free-link-form input{border:1px solid #dce4ed;border-radius:12px;padding:14px;background:#f8faff;box-sizing:border-box}
#free-link-form label{font-size:20px;margin-top:0}.free-library h2,.free-player-panel h2{font-size:22px;letter-spacing:0}.free-import form{border-radius:20px}.free-drop{min-height:160px}#free-view button:focus-visible{outline:3px solid #a6bddb;outline-offset:3px}
@media(max-width:700px){#free-view{padding:86px 16px 32px}.free-heading h1{font-size:26px}.free-heading p:not(.kicker){font-size:13px}.free-library>header{gap:10px}#free-refresh{white-space:nowrap}}

.free-item.is-processing{position:relative;background:#edf0f4;border-color:#dce1e8;color:#657185;min-height:220px}
.free-item.is-processing .free-item-icon{color:#929dab;margin-bottom:30px;margin-right:80px}
.free-item.is-processing h3{color:#657185}
.free-processing-ring{--stage:0%;position:absolute;right:22px;top:24px;width:62px;height:62px;border-radius:50%;background:conic-gradient(#7c95b5 var(--stage),#d9e0e9 0);display:grid;place-items:center;font-size:12px;color:#617b9c;isolation:isolate;font-variant-numeric:tabular-nums}
.free-processing-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#edf0f4;z-index:-1}
.free-item .free-item-estimate{color:#617b9c;line-height:1.6}
.free-item.is-failed .free-item-state{color:#a45945}
@media(max-width:540px){.free-item.is-processing{padding-right:22px}.free-processing-ring{right:18px;width:58px;height:58px}}