.media-library{border:1px solid var(--h-edge);background:var(--page-paper);width:min(1120px,100vw - 48px);max-width:calc(100vw - 24px);height:min(820px,100dvh - 48px);max-height:calc(100dvh - 24px);color:var(--h-text);border-radius:22px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 20px 80px #0003}.media-library[open]{flex-direction:column;display:flex}.media-library::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006}.media-library button,.media-library input,.media-library a{font:inherit}.media-library button,.media-library a{cursor:pointer;color:inherit}.media-library button:disabled{opacity:.5;cursor:wait}.media-library-header{justify-content:space-between;align-items:center;gap:16px;padding:24px 24px 16px;display:flex}.media-library-header h2{margin:0;font-size:24px;font-weight:500}.media-library-close{background:0 0;border:0;border-radius:50%;flex:0 0 44px;width:44px;height:44px;font-size:25px!important}.media-library-controls input{box-sizing:border-box;background:var(--h-pill);width:100%;height:44px;color:var(--h-text);border:1px solid #0000;border-radius:12px;padding:0 14px}.media-library-filters{gap:20px;margin-top:8px;display:flex;overflow-x:auto}.media-library-filters button{min-height:44px;color:var(--h-text-dim);background:0 0;border:0;border-bottom:2px solid #0000;flex-shrink:0;padding:8px 0;font-size:13px}.media-library-filters button[aria-pressed=true]{color:var(--h-text);border-bottom-color:var(--h-text)}.media-library-results{overscroll-behavior:contain;flex:1;min-height:0;padding:18px 24px 28px;overflow:auto}.media-library-count{color:var(--h-text-dim);margin:0 0 12px;font-size:12px}.media-library-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:24px 18px;display:grid}.media-library-card{background:0 0;border:0;min-width:0}.media-library-open{text-align:start;background:0 0;border:0;width:100%;padding:0;display:block}.media-library-cover{background:var(--h-pill);border-radius:12px;place-items:center;height:170px;display:grid;position:relative;overflow:hidden}.media-library-cover img,.media-library-cover video{object-fit:cover;width:100%;height:100%}.media-library-play{color:#fff;background:#000a;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute}.media-library-file-icon{color:var(--h-text-dim);font-size:38px}.media-library-open strong{text-overflow:ellipsis;white-space:nowrap;padding:10px 2px 3px;font-size:13px;font-weight:500;display:block;overflow:hidden}.media-library-open small{color:var(--h-text-dim);padding:0 2px;font-size:12px;display:block}.media-library-actions{align-items:center;gap:2px;margin-top:4px;display:flex}.media-library-actions button,.media-library-actions a{box-sizing:border-box;min-width:44px;min-height:44px;color:var(--h-text-dim);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:12px;text-decoration:none;display:inline-flex}.media-library-actions>:first-child{color:var(--h-text);margin-inline-end:auto;padding-inline:2px}.media-library-actions button:hover,.media-library-actions a:hover,.media-library-close:hover{background:var(--h-pill);color:var(--h-text)}.media-library-confirm{border-top:1px solid var(--h-edge);padding:12px;font-size:13px}.media-library-confirm p{margin:0 0 10px}.media-library-confirm button{border:1px solid var(--h-edge);background:var(--h-pill);border-radius:8px;min-height:38px;margin:0 6px 6px 0}.media-library-empty{text-align:center;color:var(--h-text-dim);padding:44px 12px}.media-library :focus-visible{outline:2px solid var(--h-text-dim);outline-offset:-2px}@media (max-width:600px){.media-library{border-radius:16px;width:calc(100vw - 16px);height:calc(100dvh - 24px)}.media-library-header{padding:14px}.media-library-controls{padding:0 14px}.media-library-filters{gap:18px}.media-library-results{padding:14px}.media-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.media-library-cover{height:140px}.media-library-actions{flex-wrap:wrap}}.media-library-actions [role=checkbox]{gap:7px}.media-library-card.is-selected .media-library-cover{outline:2px solid var(--h-text);outline-offset:3px}.media-library-selection{border-top:1px solid var(--h-edge);background:var(--page-paper);color:var(--h-text);flex-shrink:0;padding:12px 24px}.media-library-selection>div{align-items:center;gap:12px;display:flex}.media-library-selection span{color:var(--h-text-dim);font-size:13px}.media-library-selection button{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:24px;padding:0 16px;font-size:13px}.media-library-selection .media-library-clear{color:var(--h-text-dim);background:0 0;padding-inline:4px}.media-library-selection .media-library-add{background:var(--h-text);color:var(--page-paper);white-space:nowrap;margin-inline-start:auto}.media-library-selection button:disabled{opacity:.45;cursor:default}.media-library-selection p{margin:0 0 10px;font-size:13px}.image-preview-dialog .media-library-selection{margin:12px -14px -14px;padding:12px 14px}@media (max-width:600px){.media-library-selection{padding:10px 14px}.media-library-selection>div{gap:8px}.image-preview-dialog .media-library-selection{margin:10px -10px -10px;padding:10px}}.media-library{background:#0e0e10;border:1px solid #ffffff12;border-radius:24px}.media-library-header{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:flex-start;gap:12px 16px;padding:16px 20px 14px 26px}.media-library-header h2{letter-spacing:-.02em;font-size:22px}.media-library-search{flex:240px;align-items:center;display:flex;position:relative}.media-library-search svg{fill:none;width:16px;height:16px;stroke:var(--h-text-dim);stroke-width:1.6px;stroke-linecap:round;pointer-events:none;position:absolute;left:15px}.media-library-search input{width:100%;height:40px;color:var(--h-text);background:#ffffff0f;border:0;border-radius:999px;padding:0 16px 0 42px;font-size:14px}.media-library-search input:focus{outline:none;box-shadow:inset 0 0 0 1px #ffffff38}.media-library-header .media-library-filters{gap:6px;margin:0}.media-library-header .media-library-filters button{min-height:34px;color:var(--h-text-dim);border:1px solid #ffffff14;border-radius:999px;padding:0 14px;font-size:13px}.media-library-header .media-library-filters button:hover{color:var(--h-text)}.media-library-header .media-library-filters button[aria-pressed=true]{color:#0b0b0c;background:#f3f1ec;border-color:#0000}.media-library-close{width:36px;height:36px;color:var(--h-text-dim);background:#ffffff0f;flex:0 0 36px;place-items:center;margin-left:auto;display:grid}.media-library-controls{border-bottom:0;padding:12px 26px 0}.media-library-results{padding:18px 26px 26px}.media-library-count{font:500 11px/1 var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--h-text-faint)}.media-library-card{position:relative}.media-library-cover{background:#ffffff0a;border-radius:16px;height:160px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;box-shadow:0 0 0 1px #ffffff0f}.media-library-open:hover .media-library-cover,.media-library-open:focus-visible .media-library-cover{transform:translateY(-3px);box-shadow:0 0 0 1px #ffffff38,0 22px 44px -22px #000000e6}.media-library-card.is-selected .media-library-cover{box-shadow:0 0 0 2px #f3f1ec}.media-library-open strong{padding-top:10px;font-size:13.5px}.media-library-open small{color:var(--h-text-faint);font:500 10.5px/1.4 var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase}.media-library-file-icon{letter-spacing:.04em;font-size:22px;font-weight:600}.media-library-wave{align-items:center;gap:3px;width:70%;height:46%;display:flex}.media-library-wave i{opacity:.7;background:linear-gradient(#f3f1ec,#d39bf2);border-radius:2px;flex:1;min-width:2px}.media-library-actions{pointer-events:none;gap:6px;margin:0;position:absolute;top:8px;left:8px;right:8px}.media-library-actions>*{pointer-events:auto}.media-library-actions button,.media-library-actions a{color:#f3f1ec;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c0eb8;border-radius:50%;width:32px;min-width:32px;height:32px;min-height:32px;font-size:15px}.media-library-actions>:first-child{color:#f3f1ec;margin-inline-end:auto;padding:0}.media-library-actions a{font-size:15px}.media-selection-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.media-selection-check{border:1.5px solid #f3f1ecd9;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;line-height:1;display:grid}.media-library-actions [aria-checked=true]{color:#0b0b0c;background:#f3f1ec}.media-library-actions [aria-checked=true] .media-selection-check{border-color:#0000}@media (hover:hover){.media-library-actions>*{opacity:0;transition:opacity .15s}.media-library-card:is(:hover,:focus-within) .media-library-actions>*,.media-library-actions [aria-checked=true]{opacity:1}}@media (hover:none){.media-library-actions button,.media-library-actions a{width:40px;min-width:40px;height:40px;min-height:40px}}.media-library-selection{border-top:1px solid #ffffff0d!important}.media-library-selection .media-library-add:not(:disabled){color:#0b0b0c;background:#f3f1ec}@media (prefers-reduced-motion:reduce){.media-library-cover,.media-library-actions>*{transition:none}}
.voice-suggestions{margin:22px 0}.voice-spinner{border:1.5px solid;border-inline-end-color:#0000;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite voice-spin}@keyframes voice-spin{to{transform:rotate(360deg)}}.voice-card-select strong,.voice-selected-copy strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;line-height:1.45}.voice-card-select small,.voice-selected-copy small{color:var(--h-text-dim,#686860);overflow-wrap:anywhere;font-size:11px;line-height:1.5}.voice-gallery{width:min(900px,100vw - 48px)}.voice-script{color:var(--h-text-dim);overflow-wrap:anywhere;border:0;margin:0 0 24px;padding:0;font-size:14px;line-height:1.7}.voice-empty{color:var(--h-text-dim);text-align:center;padding:32px 0;font-size:14px}.voice-selected{background:var(--h-pill,#f1f0ec);border-radius:14px;align-items:center;gap:12px;width:fit-content;max-width:100%;padding:8px 12px 8px 8px;display:flex}.voice-selected-copy{gap:2px;min-width:0;display:grid}.voice-selected-mark{color:var(--h-text-dim);flex:none;align-items:center;gap:5px;margin-inline-start:12px;font-size:11px;display:flex}.voice-suggestions :focus-visible,.voice-gallery :focus-visible{outline:2px solid var(--h-text-dim);outline-offset:3px}.voice-preview:focus-visible{outline-offset:-3px}[dir=rtl] .voice-card-select>svg{transform:scaleX(-1)}@media (max-width:650px){.voice-gallery{width:calc(100vw - 24px)}.voice-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.voice-selected-mark{margin-inline-start:2px}}@media (max-width:360px){.voice-gallery-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.voice-play-icon{transition:none}.voice-spinner{animation:none}}.voice-change{min-height:44px;color:var(--h-text);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:6px 8px;font-size:12px;text-decoration:underline}.voice-selected{flex-wrap:wrap}.voice-dialect{border:1px solid var(--h-edge-soft);appearance:none;min-height:32px;color:var(--h-text-dim);font:inherit;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;border-radius:999px;margin:0 0 10px;padding:4px 28px 4px 10px;font-size:12.5px;display:inline-block}.voice-dialect:hover{color:var(--h-text);border-color:var(--h-edge)}.voice-shortlist{flex-wrap:wrap;gap:8px;display:flex}.voice-card{border:1px solid var(--h-edge-soft);background:var(--h-panel,#1c1c1f);border-radius:14px;align-items:center;gap:4px;min-width:0;height:52px;padding:0 6px;transition:border-color .2s,background .2s;display:flex}.voice-card:hover{border-color:var(--h-edge)}.voice-card.is-playing{background:#ffffff0d;border-color:#ffffff4d}.voice-preview{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid}.voice-play-icon{color:#0b0b0c;background:var(--h-text,#f3f1ec);border-radius:50%;place-items:center;width:30px;height:30px;transition:transform .18s;display:grid}.voice-play-icon svg{width:12px;height:12px}.voice-preview:hover .voice-play-icon{transform:scale(1.08)}.voice-preview.is-compact .voice-play-icon{width:34px;height:34px}.voice-card-select{min-width:0;height:44px;color:var(--h-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:0 8px 0 4px;display:flex}.voice-card-select>span{gap:1px;min-width:0;display:grid}.voice-card-select strong{white-space:nowrap;font-size:13px;font-weight:500;line-height:1.3}.voice-card-select small{color:var(--h-text-faint,#f3f1ec7a);white-space:nowrap;font-size:11px;line-height:1.3}.voice-card-select:hover strong{text-underline-offset:3px;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59}.voice-card-select:disabled{cursor:default;opacity:.5}.voice-sound-shape{flex:none;align-items:center;gap:2px;height:18px;display:flex}.voice-sound-shape i{width:2px;height:calc(var(--h) * 100%);opacity:.4;transform-origin:50%;background:currentColor;border-radius:2px;display:block}.voice-card.is-playing .voice-sound-shape i{opacity:.9;transform:scaleY(calc(.4 + var(--level,.5) * 1.4));animation:voice-bar .8s ease-in-out var(--d) infinite alternate}@keyframes voice-bar{0%{scale:1 .7}to{scale:1 1.1}}.voice-browse{border:1px dashed var(--h-edge);height:52px;color:var(--h-text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:14px;align-items:center;gap:10px;padding:0 14px 0 10px;font-size:13px;display:flex}.voice-browse:hover{color:var(--h-text);border-color:#ffffff4d}.voice-browse strong{white-space:nowrap;font-weight:500}.voice-browse svg{opacity:.6}.voice-browse-stack{display:flex}.voice-browse-stack i{border:1px solid var(--h-edge);background:var(--h-panel,#1c1c1f);width:24px;height:24px;color:var(--h-text-dim);border-radius:50%;place-items:center;margin-inline-start:-6px;font-size:10.5px;font-style:normal;display:grid}.voice-browse-stack i:first-child{margin-inline-start:0}.voice-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.voice-gallery-grid .voice-card-select{flex:1;justify-content:space-between}@media (prefers-reduced-motion:reduce){.voice-card.is-playing .voice-sound-shape i{animation:none}}
