@font-face{font-family:Library;src:local("Georgia")}*{box-sizing:border-box}html{--bg:#f6f3ed;--surface:#eeebe4;--panel:#fcfaf6;--ink:#292724;--muted:#736d63;--line:#d8d2c7;--accent:#924c38;--soft:#ded7cb;color-scheme:light;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;scrollbar-gutter:stable}html[data-theme=dark]{--bg:#232220;--surface:#2d2b28;--panel:#302e2a;--ink:#e6e1d9;--muted:#b2aa9e;--line:#49453e;--accent:#d59c82;--soft:#403b35;color-scheme:dark}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:none}.skip{position:fixed;top:-100px;left:16px;background:var(--panel);padding:12px;z-index:20}.skip:focus{top:10px}.masthead{max-width:1440px;margin:auto;padding:30px 5%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:32px;letter-spacing:-2px;white-space:nowrap}.wordmark span{color:var(--accent)}.wordmark i{display:block;font:9px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:7px}.masthead nav{display:flex;gap:27px;margin:auto}.masthead nav [data-kind]{border:0;background:none;padding:12px 0;font-size:12px;color:var(--muted);position:relative}.masthead nav [data-kind].active{color:var(--ink)}.masthead nav [data-kind].active:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:1px;background:var(--accent)}.icon-button{background:transparent;border:1px solid var(--line);width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;font-size:18px}.icon-button:hover{background:var(--surface)}main{max-width:1440px;margin:auto;padding:0 5%}.intro{padding:64px 0 0}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2px;color:var(--muted);line-height:1.8}.intro-line{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.intro h1{font:normal clamp(54px,6.8vw,100px)/1.02 Georgia,serif;letter-spacing:-4px;margin:16px 0 30px}.intro h1 em{font-weight:normal;color:var(--accent)}.intro-line>p{font:16px/1.9 Georgia,serif;color:var(--muted);margin:0 4% 38px 0}.intro-foot{padding:20px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.6px;color:var(--muted)}.library{padding:54px 0 70px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.library-heading .eyebrow{margin:0 0 12px}h2{font:normal 29px/1.25 Georgia,serif;letter-spacing:-.6px;margin:0}.outline-button,.solid-button{display:inline-block;border:1px solid var(--line);padding:12px 17px;font-size:11px;background:transparent;white-space:nowrap}.outline-button:hover{background:var(--surface)}.solid-button{background:var(--ink);color:var(--bg);border-color:var(--ink)}.toolbar{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:12px 0}.search-wrap{display:flex;gap:12px;align-items:center;flex:1}.search-wrap>span{font-size:25px;color:var(--muted)}input[type=search]{border:0;background:none;color:var(--ink);padding:8px 0;width:100%;max-width:450px;font-size:12px;}input::placeholder{color:var(--muted)}.toolbar-right{display:flex;gap:20px;align-items:center}.toolbar .icon-button{border:0}.browse-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);gap:20px;padding:20px 0}#breadcrumbs{display:flex;flex-wrap:wrap;gap:8px}#breadcrumbs :is(button,a){border:0;background:none;padding:0;font-size:11px;color:var(--muted)}#breadcrumbs :is(button,a):hover{color:var(--accent)}#result-count{white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px}.card{border:0;background:none;text-align:left;padding:0;min-width:0}.cover{height:255px;background:var(--surface);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.cover img{width:100%;height:100%;object-fit:contain;padding:17px;transition:transform .3s cubic-bezier(.2,.8,.25,1),filter .3s ease}@media(hover:hover) and (pointer:fine){.card:hover{position:relative;z-index:1}.card:hover .cover{overflow:visible}.card:hover .cover img{transform:scale(1.1) rotate(var(--cover-tilt,0deg));filter:drop-shadow(0 10px 12px #0003)}}.cover .placeholder{font:48px Georgia,serif;color:var(--muted);opacity:.65}.badge{position:absolute;bottom:10px;left:10px;background:var(--panel);color:var(--ink);padding:5px 7px;font-size:8px;letter-spacing:1px}.card-name{display:block;font:15px/1.4 Georgia,serif;margin:13px 0 6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-info{display:block;font-size:9px;color:var(--muted);letter-spacing:.5px}.folders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}.folder{border:1px solid var(--line);padding:20px;display:flex;align-items:center;gap:15px;background:transparent;text-align:left;min-width:0}.folder-icon{font-size:27px;color:var(--accent)}.folder-copy{flex:1;min-width:0}.folder strong{display:block;font:18px Georgia,serif;overflow-wrap:anywhere}.folder small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.folder .arrow{display:block;width:20px;height:20px;flex:none;color:var(--muted)}.folder .arrow svg,.inline-arrow{display:inline-block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.inline-arrow{width:12px;height:12px;vertical-align:middle}.folder:hover{background:var(--surface)}.grid.list{display:block}.list .card{display:flex;align-items:center;width:100%;padding:10px 0;border-bottom:1px solid var(--line);gap:20px}.list .cover{width:65px;height:70px;flex-shrink:0}.list .cover img{padding:4px}.list .badge{display:none}.list .card-info{margin-left:auto;white-space:nowrap}.list .card-name{margin:0}.list .placeholder{font-size:24px}.empty{text-align:center;padding:70px 15px;color:var(--muted);font:18px Georgia,serif}.load-more{display:block;margin:35px auto 0}#error{border:1px solid var(--line);padding:20px;color:var(--accent);margin-bottom:20px}footer{max-width:1440px;margin:auto;padding:26px 5%;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px}footer .wordmark{font-size:23px}footer p{font:12px Georgia,serif;color:var(--muted)}footer>span{margin-left:auto;font:italic 16px Georgia,serif;color:var(--accent)}dialog{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:0;width:min(1300px,96vw);max-width:96vw;height:94dvh;max-height:96dvh}dialog::backdrop{background:#151412c9;backdrop-filter:blur(4px)}dialog[open]{display:flex;flex-direction:column}.viewer-top{padding:18px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.viewer-top h2{font-size:19px;margin-top:3px;max-width:70ch;overflow-wrap:anywhere}.viewer-top .eyebrow{font-size:9px}.viewer-actions{display:flex;gap:9px;align-items:center}.stage{flex:1;min-height:0;overflow:auto;position:relative;display:flex;align-items:center;justify-content:center;background:var(--surface)}.stage>img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .1s;cursor:zoom-in}.stage>img.zoomed{max-width:none;max-height:none;cursor:zoom-out;align-self:flex-start}.stage video{width:100%;height:100%;background:#171615;object-fit:contain}.viewer-bottom{display:flex;gap:15px;align-items:center;justify-content:center;padding:11px 20px;font-size:11px;min-height:45px;flex-wrap:wrap}.viewer-bottom select,.viewer-bottom input{background:var(--panel);border:1px solid var(--line);padding:6px;color:var(--ink)}.viewer-bottom input{width:65px}.viewer-bottom button{background:transparent;border:1px solid var(--line);padding:6px 12px;color:var(--ink)}.stage canvas{max-width:100%;height:auto;background:white;display:block;margin:20px auto}.pdf-stage{display:block;text-align:center}.stage>iframe{width:100%;height:100%;border:0;background:white}.asset-preview{text-align:center;padding:40px}.asset-preview .placeholder{font:90px Georgia,serif;color:var(--muted)}.asset-preview p{font:17px/1.6 Georgia,serif;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1400px){.cover{height:300px}}@media(max-width:900px){.masthead{gap:15px}.masthead nav{gap:16px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cover{height:240px}.folders{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-line>p{font-size:14px;margin-right:0}.intro h1{letter-spacing:-2px}.toolbar-right{gap:5px}}@media(max-width:600px){.masthead{flex-wrap:wrap;padding:20px 5% 10px}.masthead>.icon-button{margin-left:auto}.masthead nav{order:3;width:100%;justify-content:space-between;gap:8px;margin-top:10px}.masthead nav [data-kind]{font-size:10px}.wordmark{font-size:29px}.intro{padding-top:35px}.intro-line{display:block}.intro h1{font-size:60px;margin-bottom:20px}.intro-line>p{font-size:14px;margin-bottom:25px}.intro-foot{font-size:8px;gap:20px}.library{padding-top:35px}.library-heading h2{font-size:23px}.library-heading{align-items:flex-end}.library-heading>.outline-button{font-size:9px;padding:10px}.library-heading .eyebrow{font-size:8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 13px}.cover{height:220px}.card-name{font-size:14px}.folders{gap:10px}.folder{padding:14px;gap:10px}.folder strong{font-size:15px}.folder-icon{font-size:21px}.viewer-top{padding:12px;align-items:flex-start}.viewer-top h2{font-size:15px}.viewer-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.viewer-actions .outline-button{font-size:8px;padding:8px}.viewer-actions .icon-button{width:30px;height:30px;font-size:14px}footer{gap:18px}footer p{font-size:10px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.sort-control{animation:sort-enter .18s ease}
@keyframes sort-enter{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.sort-control{animation:none}}

.masthead nav .draw-tab{align-self:center;position:relative;padding:10px 0;color:var(--accent);font:19px/1 Georgia,serif;letter-spacing:-.7px;transition:color .18s ease}

.masthead nav .draw-tab:hover,.masthead nav .draw-tab[aria-current=page]{color:var(--ink)}

@media(max-width:600px){.masthead nav{gap:10px;align-items:center}.masthead nav .draw-tab{font-size:18px}}

.masthead nav a:focus-visible,.wordmark:focus-visible{box-shadow:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media(forced-colors:active){:focus-visible{outline:1px solid Highlight!important;outline-offset:-1px!important;box-shadow:none!important}}




input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{outline:none;box-shadow:none}
html[data-keyboard=true] :is(a,button):focus-visible{text-decoration:underline;text-underline-offset:4px}
.masthead nav :is([data-kind],.draw-tab){transition:color .18s ease,text-shadow .18s ease}
@media(hover:hover) and (pointer:fine){.masthead nav :is([data-kind],.draw-tab):hover{color:var(--ink);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 35%,transparent)}}

.masthead nav :is([data-kind],.draw-tab)::after{content:"";position:absolute;left:0;right:0;bottom:7px;height:1px;background:var(--accent);clip-path:inset(0 100% 0 0);transition:clip-path .2s ease,bottom .18s ease}
.masthead nav :is([data-kind],.draw-tab):hover::after{clip-path:inset(0)}
.masthead nav :is([data-kind],.draw-tab):is(.active,[aria-current=page])::after{clip-path:inset(0);bottom:3px;animation:nav-line-settle .18s ease-out both}
.masthead nav :is([data-kind],.draw-tab).nav-leaving::after{bottom:3px;clip-path:inset(0 100% 0 0);animation:nav-line-retract .18s ease-in both}
.masthead nav :is([data-kind],.draw-tab).nav-leaving:not(.active):not([aria-current=page]):hover::after{animation:none;clip-path:inset(0);bottom:7px}
@keyframes nav-line-settle{from{bottom:7px}to{bottom:3px}}
@keyframes nav-line-retract{from{clip-path:inset(0);bottom:3px}to{clip-path:inset(0 100% 0 0);bottom:3px}}
@media(prefers-reduced-motion:reduce){.masthead nav :is([data-kind],.draw-tab)::after{animation:none!important;transition:none!important}}

.sort-trigger{width:140px;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 6px;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:12px;white-space:nowrap;cursor:pointer;transition:color .16s ease}
.sort-trigger:is(:hover,[aria-expanded=true]){color:var(--ink)}
.toolbar{column-gap:32px}
.toolbar-right{flex:none;gap:24px}
.sort-trigger svg{flex:none;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:rotate .14s ease}
.sort-trigger[aria-expanded=true] svg{rotate:180deg}
.sort-menu{position:fixed;inset:auto;margin:0;padding:5px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);box-shadow:0 6px 18px #0002;opacity:0;translate:0 -6px;transition:opacity .14s ease,translate .14s ease;max-height:calc(100dvh - 16px);overflow:auto;min-width:0}
.sort-menu:popover-open{opacity:1;translate:0 0}
@starting-style{.sort-menu:popover-open{opacity:0;translate:0 -6px}}
.sort-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:35px;padding:8px 9px;border:0;border-radius:3px;background:none;color:inherit;text-align:left;font-size:12px;white-space:nowrap}
.sort-menu button:hover,.sort-menu button:focus-visible{background:var(--surface)}
.sort-menu button[aria-checked=true]::after{content:"✓";font-size:12px;color:var(--muted)}
.search-wrap,.search-wrap input{min-width:0}
@media(max-width:600px){.toolbar{flex-wrap:wrap;gap:10px}.search-wrap{flex-basis:100%}.toolbar-right{width:100%;justify-content:flex-end;gap:12px}.sort-trigger{width:min(140px,calc((90vw - 56px)/2))}}

:is(input:not([type]),input[type=text],input[type=search],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=password],textarea){appearance:none;-webkit-appearance:none;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);padding:10px 0;box-shadow:none}
input[type=number]{appearance:textfield;-moz-appearance:textfield}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.masthead nav a,.wordmark,.card,.folder{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}

body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}.reader-chrome,.reader-chrome *,#draw-controls,#draw-controls *{-webkit-user-drag:none}

::view-transition{pointer-events:none}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}

@media(prefers-reduced-motion:reduce){.card:hover .cover img{transform:none;filter:none}}

.reference-card .card-info{margin-top:12px}.list .reference-card .card-info{margin-top:0}

.library-filter-control{flex:none;min-width:0;max-width:0;margin-right:-24px;overflow:hidden;opacity:0;translate:0 -6px;pointer-events:none;visibility:hidden;transition:max-width .18s ease,margin-right .18s ease,opacity .14s ease,translate .14s ease,visibility 0s linear .18s}
.library-filter-control.is-visible{max-width:140px;margin-right:0;opacity:1;translate:0 0;pointer-events:auto;visibility:visible;transition-delay:0s}
.library-filter-control .sort-trigger .sort-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
#library-filter-options button{white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){.library-filter-control{margin-right:-12px}.library-filter-control.is-visible{max-width:140px}}
@media(prefers-reduced-motion:reduce){.library-filter-control{transition:none}}

.viewer-actions .icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;line-height:1;flex:none}
.viewer-actions .icon-button svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
dialog.media-dialog[open]{display:block;width:fit-content;height:fit-content;min-width:0;min-height:0;max-width:88vw;max-height:86dvh;padding:0;border:0;border-radius:10px;background:transparent;overflow:visible}
.media-dialog .viewer-top{position:absolute;top:12px;right:12px;padding:0;border:0;z-index:4;overflow:visible}
.media-dialog .viewer-top>div:first-child,.media-dialog .viewer-bottom{display:none}
.media-dialog .stage{display:block;flex:none;width:fit-content;height:fit-content;min-height:0;max-width:88vw;max-height:86dvh;overflow:auto;background:transparent;border-radius:10px;overscroll-behavior:contain}
.media-dialog .stage>img,.media-dialog .asset-preview>img{display:block;width:auto;height:auto;max-width:88vw;max-height:86dvh;object-fit:contain;padding:0;margin:0;cursor:zoom-in}
.media-dialog .stage>img.zoomed{width:200%;max-width:none;max-height:none;cursor:zoom-out}
.media-dialog .asset-preview{padding:0;line-height:0}
.media-dialog .asset-preview .placeholder{font-size:52px;line-height:1;margin:70px 30px 24px}
.media-dialog .asset-preview h2{max-width:340px;padding:0 24px;font:20px/1.35 Georgia,serif;overflow-wrap:anywhere;letter-spacing:-.3px;text-align:center}
.media-dialog .asset-preview p{font:11px/1.5 Arial,sans-serif;color:var(--muted);margin:10px 24px 24px;text-align:center}
.media-dialog .asset-preview:has(.asset-thumbnail[hidden]){min-width:240px;padding-bottom:1px;border-radius:10px;background:var(--surface)}
.viewer-actions .icon-button:focus-visible{box-shadow:inset 0 0 0 1px var(--muted)}
.media-dialog .viewer-actions{opacity:1;translate:0 0;transition:opacity .2s ease,translate .3s cubic-bezier(.2,.8,.3,1)}
.media-dialog.preview-controls-hidden .viewer-actions{opacity:0;translate:0 -12px;pointer-events:none}
@media(prefers-reduced-motion:reduce){.media-dialog .viewer-actions{transition:none}}

#main{background:var(--bg)}
.resource-menu{position:fixed;inset:auto;margin:0;width:210px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);box-shadow:0 12px 36px #0003;overflow:visible;isolation:isolate;opacity:0;translate:0 -6px;transition:opacity .14s ease,translate .18s ease}
.resource-menu:popover-open{opacity:1;translate:0 0}
@starting-style{.resource-menu:popover-open{opacity:0;translate:0 -6px}}
.resource-menu-highlight{position:absolute;z-index:0;pointer-events:none;border-radius:10px;transition:top .25s cubic-bezier(.2,1.12,.35,1),left .25s cubic-bezier(.2,1.12,.35,1),width .25s ease,height .25s ease}
.resource-menu-option{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);text-align:left;font-size:12px;cursor:pointer;transition:color .14s ease}
.resource-menu-option.is-highlighted{color:var(--glass-ink)}
.resource-menu-option svg,.selection-download svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.resource-menu-option:focus-visible{text-decoration:underline;text-underline-offset:4px}
.selection-marquee{position:fixed;z-index:2;pointer-events:none;border:1px solid var(--accent);background:#d59c8218;border-radius:5px;opacity:0;visibility:hidden}
.selection-marquee.is-visible{opacity:1;visibility:visible}
body.library-selecting,.grid.is-selecting{touch-action:pinch-zoom}
.grid .card{-webkit-touch-callout:none}
.card,.card:hover,.card.is-selected{position:relative;z-index:auto}
.cover{z-index:1}
.card-name,.card-info,.browse-meta,.library-heading,.toolbar,.masthead,footer{position:relative;z-index:3}
.card.is-selected .cover,.card.selection-releasing .cover{overflow:visible}
.card.selection-settled:not(.is-selected) .cover img{transform:none;transform-origin:50% 50%;filter:none;animation:none}
.card.is-selected .cover img{transform:scale(1.1) rotate(var(--cover-tilt,0deg));filter:drop-shadow(2px 0 0 var(--accent)) drop-shadow(-2px 0 0 var(--accent)) drop-shadow(0 2px 0 var(--accent)) drop-shadow(0 -2px 0 var(--accent)) drop-shadow(0 4px 8px #0003);animation:selected-wiggle .9s ease-in-out infinite;transform-origin:50% 65%}
.card:nth-child(3n).is-selected .cover img{animation-delay:-.3s}
.card:nth-child(3n + 1).is-selected .cover img{animation-delay:-.6s}
.card.is-selected .placeholder{color:var(--accent)}
@keyframes selected-wiggle{0%,100%{transform:scale(1.1) rotate(calc(var(--cover-tilt,0deg) - .55deg)) translateY(0)}50%{transform:scale(1.1) rotate(calc(var(--cover-tilt,0deg) + .55deg)) translateY(-1px)}}
.selection-dock{position:fixed;right:calc(24px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:10;width:64px;height:136px;opacity:0;translate:0 24px;visibility:hidden;pointer-events:none;transition:opacity .18s ease,translate .3s cubic-bezier(.2,.8,.3,1),visibility 0s linear .3s}
.selection-dock.is-visible{pointer-events:auto;opacity:1;translate:0 0;visibility:visible;transition-delay:0s}
#selection-dock-surface{position:absolute;inset:0;width:64px;height:136px;border-radius:0;pointer-events:none}
.selection-download,.selection-clear{position:absolute;z-index:1;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--glass-ink);pointer-events:none;line-height:1}
.selection-download{right:4px;bottom:4px;width:56px;height:56px}
.selection-download svg{width:24px;height:24px}
.selection-clear{right:10px;bottom:10px;width:44px;height:44px;opacity:0;translate:0 0;transition:translate .7s cubic-bezier(.4,0,.2,1),opacity .12s ease}
.selection-clear svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.selection-dock.is-visible .selection-download,.selection-dock.is-open .selection-clear{pointer-events:auto}
.selection-dock.is-open .selection-clear,.selection-clear.is-spawning{opacity:1;translate:0 -68px}
.selection-dock.is-open .selection-clear{transition:translate .45s cubic-bezier(.2,.8,.3,1),opacity .12s ease .18s}
.selection-clear.is-spawning{animation:selection-clear-drop 1.4s cubic-bezier(.4,0,.2,1) both;transition:none}
.selection-clear.is-absorbing{opacity:0;translate:0 0;transition:translate .7s cubic-bezier(.4,0,.2,1),opacity .12s ease}
.selection-download:focus-visible,.selection-clear:focus-visible{box-shadow:inset 0 0 0 1px var(--glass-ink)}
@media(prefers-reduced-motion:reduce){.resource-menu,.resource-menu-highlight,.resource-menu-option,.selection-dock,.selection-clear{transition:none}.selection-dock.is-visible,.card.is-selected .cover img{animation:none}}
@media(forced-colors:active){.card.is-selected .cover img{outline:2px solid Highlight;outline-offset:-2px}.resource-menu-option.is-highlighted{color:CanvasText}.selection-marquee{border-color:Highlight}.selection-download,.selection-clear{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}}
@media(prefers-reduced-transparency:reduce){#selection-dock-surface{display:none}.selection-download,.selection-clear{background:var(--glass-fallback);color:var(--glass-fallback-ink);border:1px solid var(--glass-rim)}.resource-menu{--glass-ink:var(--glass-fallback-ink)}}
@media(forced-colors:active){#selection-dock-surface{display:none}.selection-download,.selection-clear{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}}

.search-wrap{max-width:510px;gap:8px}.search-wrap input{flex:1}input[type=search]::-webkit-search-cancel-button{appearance:none;-webkit-appearance:none}#search-clear{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--muted)}#search-clear svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}#search-clear:hover{color:var(--ink)}#search-clear:focus-visible{box-shadow:none;text-decoration:underline}#search-clear:focus-visible svg{border-bottom:1px solid currentColor}.grid{overflow-anchor:none}

.selection-download :is(.selection-top-icon,.selection-download-icon){grid-area:1/1;transition:rotate .35s cubic-bezier(.2,.8,.3,1),opacity .18s ease;backface-visibility:hidden;transform-origin:center}
.selection-download-icon{opacity:0;rotate:y -180deg}
.selection-dock.has-selection .selection-download-icon{opacity:1;rotate:y 0deg}
.selection-dock.has-selection .selection-top-icon{opacity:0;rotate:y 180deg}
@media(prefers-reduced-motion:reduce){.selection-download :is(.selection-top-icon,.selection-download-icon){transition:none}}

@keyframes selection-clear-drop{0%{opacity:0;translate:0 -80px}30%,50%{opacity:1;translate:0 -68px}100%{opacity:0;translate:0 0}}
@media(prefers-reduced-motion:reduce){.selection-clear.is-spawning{animation:none}}

/* Reference names remain quiet in the grid and readable in list rows. */
.grid:not(.list) .reference-card .card-name{display:none}
.grid.list .reference-card .card-name{display:-webkit-box;min-width:0;overflow-wrap:anywhere}
.thumbnail-size{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);white-space:nowrap}
.thumbnail-size input{width:76px;height:38px;accent-color:var(--accent);cursor:pointer}
.thumbnail-size input:focus-visible{outline:none;box-shadow:inset 0 -1px 0 var(--accent);border-radius:8px}
.grid[data-thumbnail-size="0"]{grid-template-columns:repeat(5,minmax(0,1fr));--thumbnail-scale:.75}
.grid[data-thumbnail-size="1"]{--thumbnail-scale:1}
.grid[data-thumbnail-size="2"]{grid-template-columns:repeat(3,minmax(0,1fr));--thumbnail-scale:1.25}
.grid[data-thumbnail-size] .cover{height:calc(255px * var(--thumbnail-scale))}
.grid.list[data-thumbnail-size] .cover{width:calc(65px * var(--thumbnail-scale));height:calc(70px * var(--thumbnail-scale))}
@media(min-width:1400px){.grid[data-thumbnail-size] .cover{height:calc(300px * var(--thumbnail-scale))}.grid.list[data-thumbnail-size] .cover{height:calc(70px * var(--thumbnail-scale))}}
@media(max-width:900px){.grid[data-thumbnail-size="0"]{grid-template-columns:repeat(4,minmax(0,1fr))}.grid[data-thumbnail-size="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.grid[data-thumbnail-size] .cover{height:calc(240px * var(--thumbnail-scale))}.grid.list[data-thumbnail-size] .cover{height:calc(70px * var(--thumbnail-scale))}}
@media(max-width:600px){.toolbar-right{flex-wrap:wrap}.thumbnail-size{flex-basis:100%;justify-content:flex-end}.thumbnail-size input{width:96px;min-height:44px}.grid[data-thumbnail-size="0"]{grid-template-columns:repeat(3,minmax(0,1fr))}.grid[data-thumbnail-size="2"]{grid-template-columns:minmax(0,1fr)}.grid[data-thumbnail-size] .cover{height:calc(220px * var(--thumbnail-scale))}.grid.list[data-thumbnail-size] .cover{height:calc(70px * var(--thumbnail-scale))}}