/* The library is one frosted sheet over the living background. Beside the
   signed-in sidebar it fills the width; otherwise it is centred. */
.la-library-main{box-sizing:border-box;width:100%;padding:8px 16px 40px;color:#000000}
.la-library-wrap{box-sizing:border-box;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:32px;padding:32px 36px 40px;border-radius:28px;background:rgba(255,255,255,.9);border:1px solid rgba(229,227,216,.9);box-shadow:0 30px 70px -40px rgba(39,38,66,.28);backdrop-filter:blur(30px) saturate(1.15);-webkit-backdrop-filter:blur(30px) saturate(1.15)}
@media (min-width:1100px){
  html.la-shell .la-library-main{padding:8px 16px 32px 0}
  html.la-shell .la-library-wrap{max-width:none}
  html.la-shell .la-library-storage{display:none}
}
.la-library-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.la-library-heading{display:flex;flex-direction:column;gap:8px;max-width:640px}
.la-library-heading h1{margin:0;font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1}
.la-library-heading p,.la-library-signin p{margin:0;max-width:560px;font-size:16px;line-height:1.55;color:#000000}
.la-library-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:99px;background:#ff4b1f;color:#ffffff;font-weight:600;font-size:16px;text-decoration:none;box-shadow:0 6px 16px -8px rgba(255,75,31,.6)}
.la-library-primary:hover{color:#ffffff}
.la-library-signin{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px;border:1px solid #e5e3d8;border-radius:20px;background:#ffffff}
.la-library-signin h2{margin:0;font-size:24px;font-weight:700}
.la-library-status{margin:0;font-size:15px}
.la-library-body{display:flex;flex-direction:column;gap:32px;min-width:0}
.la-library-body[hidden],.la-library-signin[hidden],.la-library-status[hidden],.la-library-empty[hidden],.la-library-filters[hidden],.la-library-section[hidden],.la-library-notify[hidden],.la-library-notify-text[hidden]{display:none}
.la-library-storage{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid #e5e3d8;border-radius:16px;background:#ffffff}
.la-library-storage-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.la-library-storage h2{margin:0;font-size:15px;font-weight:600}
.la-library-storage output{font-size:12px}
.la-library-storage p{margin:0;font-size:13px;line-height:1.5}
.la-library-meter{height:8px;border-radius:99px;background:#efede6;overflow:hidden}
.la-library-meter span{display:block;height:100%;width:0;border-radius:99px;background:#2563eb}
.la-library-section{--la-accent:#000000;--la-ink:#000000;--la-tint:#f7f6f2;--la-line:#e5e3d8;display:flex;flex-direction:column;gap:14px;padding:20px!important;border-radius:22px;background:var(--la-tint);border:1px solid var(--la-line);scroll-margin-top:96px}
/* Each section has its own calm colour: blue for running jobs, green for
   finished files, violet for saved voices. */
.la-library-progress{--la-accent:#2563eb;--la-ink:#1d4ed8;--la-tint:#eff5ff;--la-line:#d8e5fd}
.la-library-ready{--la-accent:#15803d;--la-ink:#166534;--la-tint:#effaf3;--la-line:#d2eedb}
.la-library-voices{--la-accent:#6d4fd8;--la-ink:#5b3fc4;--la-tint:#f5f2ff;--la-line:#e5ddff}
.la-library-chip{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#ffffff;border:1px solid var(--la-line);color:var(--la-accent)}
.la-library-section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px}
.la-library-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.la-library-section-head h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.01em}
.la-library-section-head output{font-size:12px;color:var(--la-ink)}
.la-library-notify{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:500}
.la-library-notify-text{margin:-4px 0 0;font-size:13px;line-height:1.5}
.la-library-privacy{margin:0;font-size:14px;line-height:1.5;color:#000000}
.la-library-empty a{color:#000000;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.la-library-rename{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.la-library-rename input{box-sizing:border-box;flex:1 1 180px;min-width:0;min-height:44px;padding:0 12px;border:1px solid #d9d6ca;border-radius:12px;background:#ffffff;color:#000000;font-size:16px}
.la-library-text-button{min-height:44px;padding:0 8px;border:0;background:transparent;color:#000000;font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.la-library-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.la-library-filters{display:flex;flex-wrap:wrap;gap:8px}
.la-library-filter{min-height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--la-line,#d9d6ca);background:#ffffff;color:#000000;font-size:14px;font-weight:500;cursor:pointer}
.la-library-filter[aria-pressed="true"]{background:var(--la-accent,#000000);border-color:var(--la-accent,#000000);color:#ffffff;font-weight:600}
.la-library-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.la-library-files{gap:0;border:1px solid var(--la-line,#e5e3d8);border-radius:16px;overflow:hidden;background:#ffffff}
.la-library-files:empty{display:none}
.la-library-item{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 16px;background:#ffffff}
.la-library-job{gap:12px 16px;padding:16px;border:1px solid var(--la-line,#e5e3d8);border-radius:16px}
.la-library-file+.la-library-file{border-top:1px solid #efede6}
.la-library-job-icon{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--la-tint,#f5f4ef);color:var(--la-accent,#000000)}
.la-library-item-main{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:3px}
.la-library-job .la-library-item-main{flex-basis:260px;gap:6px}
.la-library-item-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.la-library-name{font-weight:600;font-size:15.5px;overflow-wrap:anywhere}
.la-library-job .la-library-name{font-size:16px}
.la-library-tool,.la-library-meta{font-size:13px;color:#000000}
.la-library-bar{height:6px;max-width:520px;border-radius:99px;background:var(--la-tint,#efede6);overflow:hidden}
.la-library-bar span{display:block;height:100%;border-radius:99px;background:var(--la-accent,#2563eb)}
.la-library-readout{font-size:12.5px;line-height:1.5}
.la-library-note{margin:0;font-size:13px;line-height:1.45}
.la-library-error{margin:0;font-size:14px;line-height:1.45;color:#b42318}
.la-library-failed{background:#fff6f2}
.la-library-expiry{flex:0 0 140px;font-size:12px;color:#000000}
.la-library-urgent{color:#b42318}
.la-library-actions{display:flex;align-items:center;gap:6px}
.la-library-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 14px;border-radius:99px;border:1px solid #d9d6ca;background:#ffffff;color:#000000;font-size:13.5px;font-weight:600;text-decoration:none;cursor:pointer}
.la-library-job>.la-library-secondary{min-height:44px;padding:0 16px;font-size:14px}
.la-library-icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;border:1px solid #d9d6ca;background:#ffffff;color:#000000;cursor:pointer}
.la-library-play{width:44px;height:44px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:99px;background:var(--la-accent,#000000);color:#ffffff;cursor:pointer;box-shadow:0 6px 14px -8px var(--la-accent,#000000)}
.la-library-badge{width:44px;height:44px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--la-tint,#f5f4ef);color:var(--la-ink,#000000);font-size:11px;font-weight:600;letter-spacing:.06em}
.la-library-empty{margin:0;padding:18px 16px;border:1px dashed var(--la-line,#d9d6ca);border-radius:16px;font-size:15px;line-height:1.5;background:#ffffff}
.la-library-secondary svg{color:var(--la-accent,currentColor)}
.la-library-secondary:disabled,.la-library-icon-button:disabled{opacity:.5;cursor:default}
@media (max-width:640px){
  .la-library-main{padding:8px 12px 32px}
  .la-library-wrap{gap:28px;padding:26px 18px 30px;border-radius:24px}
  .la-library-heading h1{font-size:36px}
  .la-library-section{padding:16px!important;border-radius:20px}
  .la-library-expiry{flex-basis:100%;min-width:0}
  .la-library-actions{margin-left:auto}
}