.hx-search{position:relative}.hx-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.hx-search .d-input{padding-left:40px;padding-right:40px}.hx-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border:none;border-radius:8px;background:transparent;color:var(--text-tertiary);cursor:pointer}.hx-search-clear:hover{color:var(--text-primary);background:color-mix(in srgb,var(--fg) 7%,transparent)}.hx-progress{height:2px;background:color-mix(in srgb,var(--fg) 6%,transparent);overflow:hidden}.hx-progress i{display:block;width:35%;height:100%;background:var(--accent);animation:hx-slide 1.4s ease-in-out infinite}@keyframes hx-slide{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}.dl{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;container-type:inline-size}.dl-head,.dl-row{display:grid;grid-template-columns:minmax(0,1fr) 88px 76px 96px 112px;gap:16px;align-items:center;padding:12px 18px}.dl-head{font:600 .6875rem var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);background:var(--bg-secondary);padding-top:10px;padding-bottom:10px}.dl-head,.dl-item{border-bottom:1px solid var(--border)}.dl-item:last-child{border-bottom:none}.dl-row{position:relative;cursor:pointer;transition:background var(--dur-fast)}.dl-row:hover{background:var(--surface-hover)}.dl-row:hover .dl-title{color:var(--accent)}.dl-main{display:flex;align-items:center;gap:12px;min-width:0}.dl-icon{flex-shrink:0;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--surface-sunken);color:var(--text-tertiary)}.dl-name{display:flex;align-items:center;gap:6px;min-width:0}.dl-title{margin:0;font:700 1rem/1.3 var(--font-display);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--dur-fast)}.dl-title[data-untitled=true]{font:500 .9375rem/1.3 var(--font-sans);color:var(--text-secondary)}.dl-sub{margin:2px 0 0;font-size:.8125rem;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-sub-m{display:none}.dl-spk{display:flex;align-items:center}.dl-spk span{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px var(--surface);margin-right:-3px}.dl-spk em{font-style:normal;margin-left:10px;font-size:.8125rem;color:var(--text-secondary)}.dl-dur{font:500 .8125rem var(--font-mono);font-variant-numeric:tabular-nums}.dl-date,.dl-dur{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-date{font-size:.8125rem}.dl-status{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--text-tertiary);min-width:0}.dl-chev{transition:transform var(--dur-base) var(--ease-out)}.dl-item[data-open=true] .dl-chev{transform:rotate(90deg)}.dl-row[data-nav]:hover .dl-go{transform:translateX(3px);color:var(--accent)}.dl-go{transition:transform var(--dur-base) var(--ease-out),color var(--dur-fast)}.dl-row .hx-progress{position:absolute;left:0;right:0;bottom:0;background:transparent}@container (max-width: 760px){.dl-head,.dl-row{grid-template-columns:minmax(0,1fr) 88px 76px 112px}.dl-date,.dl-h-date{display:none}}@container (max-width: 560px){.dl-head{display:none}.dl-row{grid-template-columns:minmax(0,1fr) auto}.dl-status{min-width:0}.dl-dur,.dl-spk{display:none}.dl-sub-m{display:block}.dl-row .dl-sub:not(.dl-sub-m){display:none}}.dl-row[data-nav]{position:relative}.hx-stretch,.hx-stretch:hover{color:inherit;text-decoration:none}.hx-stretch:after{content:"";position:absolute;inset:0}.hx-stretch:focus-visible{box-shadow:none}.hx-stretch:focus-visible:after{box-shadow:var(--focus-ring);border-radius:10px}.dl-row[data-nav] .hx-edit,.dl-row[data-nav] .title-edit-btn{position:relative;z-index:2}.hx-body{border-top:1px solid var(--border);background:var(--bg-secondary);animation:hx-open var(--dur-base) var(--ease-out) both}@keyframes hx-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.hx-actions{padding:12px 16px;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.hx-btn{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;padding:6px 12px}.hx-content{padding:0 16px 16px}.hx-note{font-size:.8125rem;color:var(--text-secondary);text-align:center;padding:26px 0;margin:0}.hx-fail{margin:16px}.hx-edit{display:flex;align-items:center;gap:6px}.hx-edit .d-input{flex:1;font-size:.875rem;padding:6px 10px}.hx-mini{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;cursor:pointer;background:color-mix(in srgb,var(--fg) 5%,transparent);border:1px solid var(--border);color:var(--text-tertiary)}.hx-mini[data-primary=true]{background:var(--accent-dim);border-color:var(--border-accent);color:var(--accent)}.lib-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:56px 24px;border:1px dashed var(--border-dashed);border-radius:14px}.lib-empty h3{margin:6px 0 0;font:700 1.125rem var(--font-display);color:var(--text-primary)}.lib-empty p{margin:0;font-size:.9375rem;color:var(--text-secondary);max-width:30em}.dl-shared-row,.dl-shared-row:hover{text-decoration:none;color:inherit}@media (max-width:900px){.lib-tools{flex-direction:column;align-items:stretch}.lib-tools .d-tabs{overflow-x:auto;scrollbar-width:none;max-width:100%}.dl{border-radius:12px}.dl-row{padding:12px 14px}.dl-icon{display:none}}