/* Isolated local-library UI. Does not alter watch or video-player styles. */
.collections-page [hidden]{display:none!important}
.collections-page *{box-sizing:border-box}
.collections-header{border-bottom:1px solid var(--line);gap:14px;flex-wrap:wrap}
.pilot-label{color:var(--muted);font-size:11px;border:1px solid var(--line);border-radius:20px;padding:7px 12px}
.collections-main{padding-block:42px 64px;max-width:1180px}
.collections-intro{max-width:760px;margin-bottom:25px}
.collections-intro h1{font-size:clamp(36px,6vw,64px);line-height:1.05;letter-spacing:-.045em;margin:14px 0 22px}
.collections-intro>p{font-size:15px;line-height:1.75}
.collections-page .card{background:var(--white);border:1px solid var(--line);border-radius:17px;padding:24px;min-width:0}
.collections-page h2{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:0 0 18px;overflow-wrap:anywhere}
.pilot-note{padding:16px;background:#edf1e5;border:1px solid #d6dfca;border-radius:11px;font-size:13px!important;line-height:1.75}
.collections-storage{margin-bottom:26px}
.check-row{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;cursor:pointer}
.check-row input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--ink)}
.collections-storage p{font-size:12px;line-height:1.75;max-width:900px}
.storage-mode{font-weight:650;color:var(--ink)}
.storage-warning{border-left:3px solid #a64b32;padding:10px 14px;background:#fff4e9;color:#7a3927}
.collections-layout{display:grid;grid-template-columns:minmax(280px,365px) minmax(0,1fr);align-items:start;gap:26px}
.collections-layout>*{min-width:0}
.collections-page label:not(.check-row){display:block;font-size:13px;font-weight:650;margin-top:19px;margin-bottom:8px}
.collections-page input[type=text],.collections-page input[type=number],.collections-page textarea{width:100%;max-width:100%;min-width:0;min-height:46px;background:var(--paper);border:1px solid #aebbab;border-radius:9px;padding:12px;font:inherit;font-size:16px;line-height:1.5;color:var(--ink)}
.collections-page textarea{resize:vertical;overflow-wrap:anywhere}
.collections-page input[type=number]{max-width:120px}
.collections-page input:focus-visible,.collections-page textarea:focus-visible,.collections-page button:focus-visible,.collections-page a:focus-visible,.collections-page summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.collections-page .field-help{font-size:11px;color:var(--muted);line-height:1.75;margin:8px 0 0;overflow-wrap:anywhere}
.editor-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}
.collections-page button{min-height:44px;cursor:pointer}
.collections-page button:disabled{cursor:not-allowed;opacity:.55}
.library-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:5px 0 18px}
.library-title h2{margin:0}
.library-title output{font-size:14px;font-variant-numeric:tabular-nums;color:var(--muted);flex:none}
.plan-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}
.plan-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px;min-width:0}
.plan-card h3{font-size:20px;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}
.plan-meta{font-size:12px;color:var(--muted);line-height:1.7}
.plan-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.plan-actions button{font-size:12px;padding:10px 12px;border:1px solid #b9c6b2;border-radius:8px;background:#f6f7ef;color:var(--ink);min-height:44px;max-width:100%;overflow-wrap:anywhere}
.plan-actions button.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.plan-card details{margin-top:14px;font-size:12px;line-height:1.7;color:var(--muted)}
.plan-card summary{min-height:44px;display:list-item;cursor:pointer;padding-block:11px}
.plan-card ol{padding-left:22px}
.plan-card li{overflow-wrap:anywhere;word-break:normal;padding-block:4px}
.empty-library{padding:28px 18px;border:1px dashed #b6c4ab;border-radius:14px;font-size:13px;line-height:1.8;color:var(--muted)}
.open-note{font-size:11px;line-height:1.75;color:var(--muted);margin-top:17px;overflow-wrap:anywhere}
.portability{margin-top:30px}
.portability>p{font-size:13px;line-height:1.8;max-width:860px}
.portability input[type=file]{display:block;width:100%;max-width:560px;min-height:48px;border:1px solid var(--line);padding:10px;border-radius:8px;font:inherit;font-size:13px}
.portability #collections-import-text{display:block;max-width:100%;font-family:ui-monospace,Consolas,monospace;font-size:16px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.import-text-button{margin-top:12px;min-height:44px}
.danger-button{display:block;margin-top:25px;border:1px solid #b7745b;border-radius:9px;padding:12px 16px;background:#fff7ed;color:#8e3827;font:inherit;font-size:13px;min-height:44px;text-align:left}
.collections-status{margin-top:24px;padding:17px 19px;border:1px solid #cbd7be;border-radius:12px;background:#edf1e5;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.collections-confirm{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 18px 70px #102b3559}
.collections-confirm::backdrop{background:#102b357a}
.collections-confirm:not([open]){display:none}
.collections-confirm>p{font-size:15px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}
.confirmation-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;margin-top:23px}
.confirmation-actions .button{min-height:44px}
@media(max-width:800px){.collections-main{padding-top:28px}.collections-layout{grid-template-columns:minmax(0,1fr);gap:28px}.collections-intro>p{font-size:14px}.collections-page .card{padding:20px}.collections-header nav{order:3;width:100%;padding-bottom:8px}.collections-header .pilot-label{margin-left:auto}}
@media(max-width:440px){.collections-page .wrap{padding-inline:16px}.collections-page .card{padding:17px}.collections-header .brand{font-size:19px}.pilot-label{font-size:10px;padding:6px 8px}.collections-intro h1{font-size:38px}.plan-card{padding:16px}.plan-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.plan-actions .primary{grid-column:1/-1}.editor-actions{flex-direction:column}.editor-actions .button{width:100%;justify-content:center}.portability .button,.danger-button{width:100%;justify-content:center}.collections-page h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.collections-page *{scroll-behavior:auto!important;transition:none!important}}