.collection-page{min-height:100svh}.collection-shell{padding-inline:12px}.collection-page ::-moz-selection{background:var(--studio-accent);color:#18191e}.collection-page ::selection{background:var(--studio-accent);color:#18191e}.collection-page a{text-underline-offset:5px}.collection-page button{cursor:pointer}.collection-page button:disabled{cursor:default;opacity:.3}.collection-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:16px 0}.collection-intro h1{font-size:clamp(30px,2.8vw,36px);letter-spacing:-.025em;line-height:1.3;font-weight:650;text-wrap:balance}.collection-intro p{margin:8px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.6;max-width:65ch}.collection-search{display:flex;align-items:center;min-width:0;height:36px;overflow:hidden;border:1px solid var(--studio-line);border-radius:6px;color:var(--text-secondary);background:var(--studio-soft)}.collection-search-icon{flex-shrink:0;margin-left:12px}.collection-search:focus-within{border-color:var(--landing-focus)}.collection-search[data-keyboard-navigation=true]:focus-within{outline:2px solid var(--landing-focus);outline-offset:2px}.collection-search input{width:100%;min-width:0;height:34px;padding:7px 10px;border:0;border-radius:0;box-shadow:none;font-size:13px;line-height:20px;outline:none!important;background:transparent;color:var(--studio-ink);caret-color:var(--landing-focus)}.collection-page .collection-search button:focus-visible{outline:none;background:color-mix(in srgb,var(--studio-accent) 18%,transparent)}.collection-search input::-moz-placeholder{color:var(--landing-placeholder);opacity:1}.collection-search input::placeholder{color:var(--landing-placeholder);opacity:1}.collection-search input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.collection-search>button{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:6px}.collection-search>button:hover{color:var(--studio-ink)}.collection-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,40%);align-items:center;gap:12px 20px;padding-bottom:16px}.collection-filters{isolation:isolate;display:flex;min-width:0;gap:6px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--studio-line) transparent}.collection-filters button{position:relative;display:inline-flex;flex-shrink:0;gap:8px;align-items:center;min-height:44px;padding:8px 10px;border-radius:6px;color:var(--text-secondary);font-size:13px;white-space:nowrap;transition:color .18s ease-out}.collection-filter-label,.collection-filter-count{position:relative;z-index:2}.collection-filter-count{font-size:10px;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.collection-filters button[aria-pressed=true] .collection-filter-count{color:#d1d2cc}.collection-filter-active{position:absolute;top:4px;right:0;bottom:4px;left:0;border-radius:inherit;background:#242622;z-index:1;pointer-events:none}.collection-filters button:before{content:"";position:absolute;top:4px;right:0;bottom:4px;left:0;border-radius:inherit;pointer-events:none}.collection-filters button:hover:before{background:var(--studio-soft)}.collection-filters button:hover{color:var(--studio-ink)}.collection-filters button[aria-pressed=true]:before{background:transparent}.collection-filters button[aria-pressed=true]{background:transparent;color:#faf9f6}.collection-category{position:relative;flex-shrink:0;max-width:42%}.collection-category:after{content:"";position:absolute;right:0;top:8px;bottom:8px;width:1px;background:var(--studio-line);pointer-events:none}.collection-category-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:34px;padding:6px 12px;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--studio-ink);font-size:13px}.collection-category-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-category-trigger:is(:hover,[data-popup-open]){background:var(--studio-soft)}.collection-category-trigger svg{flex-shrink:0;opacity:.65}.collection-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;padding-bottom:64px;scroll-margin-top:20px}.collection-cell{min-width:0;background:var(--studio-paper)}.collection-card{min-width:0}.collection-stage{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--studio-soft);box-shadow:0 2px 10px #0000000a}.collection-slide,.collection-overview-image{position:absolute;top:0;right:0;bottom:0;left:0}.collection-image{position:relative;height:100%;width:100%;background:var(--studio-soft, #242424)}.collection-image img{position:relative;width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.collection-image[aria-busy=true]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--studio-ink) 5%,transparent) 50%,transparent 80%);background-size:220% 100%;animation:collection-skeleton 1.8s ease-in-out infinite}@keyframes collection-skeleton{0%{background-position:150% 0}to{background-position:-50% 0}}.collection-overview-retained{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:1;transition:opacity .22s ease-out}.collection-overview-retained[data-visible=false]{opacity:0}.collection-slide-pending,.deck-navigation-pending{position:absolute;right:12px;bottom:12px;z-index:3;padding:6px 10px;border-radius:6px;font-size:12px;background:var(--studio-paper);color:var(--studio-ink);pointer-events:none}.collection-slide-pending{animation:collection-pending-reveal .2s .45s both}@keyframes collection-pending-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.collection-image[aria-busy=true]:before{animation:none}.collection-overview-retained{transition:none}.collection-slide-pending{animation:none}}.collection-open{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer;touch-action:pan-y pinch-zoom;border-radius:inherit}.collection-page .collection-open:focus-visible{outline-offset:-4px}.collection-card-info{padding-top:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.collection-card-info>div:first-child{min-width:0}.collection-card-info h2{font-size:16px;line-height:1.5;font-weight:600}.collection-card-info p{margin-top:5px;color:var(--text-secondary);font-size:12px;line-height:1.65}.collection-pagination{display:flex;align-items:center;flex-shrink:0;gap:1px;margin-top:-4px}.collection-pagination button{display:grid;place-items:center;width:36px;height:44px;border-radius:7px;transition:color .16s ease-out}@media (hover: hover){.collection-pagination button:hover:not(:disabled){color:#b38a00}}.collection-pagination>span{min-width:41px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}.collection-empty{min-height:360px;padding:60px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.collection-empty h2{font-size:24px;font-weight:600}.collection-empty p{color:var(--text-secondary);font-size:15px;line-height:1.7}.collection-empty button{margin-top:10px;min-height:44px;padding:10px 20px;border-radius:8px;background:var(--studio-ink);color:var(--studio-paper)}.collection-grid:empty{display:none}.collection-image-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:13px;background:var(--studio-soft, #242424)}.collection-image-error button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid currentColor;border-radius:6px}.collection-reader-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#171917;z-index:110}.collection-reader{--studio-soft: #252723;position:fixed;top:0;right:0;bottom:0;left:0;z-index:111;background:#171917;color:#faf9f6;padding:0 32px;display:flex;flex-direction:column;height:100dvh;overflow:auto}.collection-reader ::-moz-selection{background:#f4d849;color:#171917}.collection-reader ::selection{background:#f4d849;color:#171917}.collection-reader :focus-visible{outline:2px solid #f4d849;outline-offset:3px}.collection-reader button{cursor:pointer}.collection-reader button:disabled{opacity:.3;cursor:default}.collection-reader-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:20px;flex-shrink:0}.collection-reader-header h2{font-size:18px;line-height:1.4}.collection-reader-header p{font-size:12px;color:#b8bbb2;margin-top:5px}.collection-reader-tools{display:flex;gap:8px;flex-shrink:0}.collection-reader-tools button,.collection-reader-stage>button{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border:1px solid #51554c;border-radius:8px}.collection-reader-tools button:hover,.collection-reader-stage>button:hover:not(:disabled){background:#34372f}.collection-reader-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:24px}.collection-reader-art{width:min(100%,calc((100dvh - 250px) * 16 / 9));aspect-ratio:16 / 9;max-height:100%;min-height:0;touch-action:pan-y pinch-zoom}.collection-reader-art .collection-image{background:transparent}.collection-reader-footer{flex-shrink:0;padding:16px 0 max(24px,env(safe-area-inset-bottom))}.collection-reader-status{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:12px;color:#b8bbb2;font-size:12px;font-variant-numeric:tabular-nums}.collection-reader-status>span:first-child{color:#faf9f6}.collection-thumbnails{position:relative;display:flex;gap:10px;overflow-x:auto;max-width:-moz-max-content;max-width:max-content;margin-inline:auto;padding:4px;scrollbar-width:thin;scrollbar-color:#66695f #171917}.collection-thumbnails button{flex:0 0 88px;width:88px;padding:3px;border:2px solid transparent;border-radius:6px;color:#b8bbb2;opacity:.62}.collection-thumbnails button[aria-current=page]{border-color:#f4d849;opacity:1;color:#f4d849}.collection-thumbnails button:hover{opacity:1}.collection-thumbnails img{width:100%;height:auto;aspect-ratio:16 / 9;-o-object-fit:contain;object-fit:contain;border-radius:2px}.collection-thumbnails span{display:block;font-size:11px;margin-top:3px}@media (max-width: 1199px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-intro{gap:24px}.collection-intro h1{font-size:34px}.collection-toolbar{grid-template-columns:minmax(0,1fr)}}@media (max-width: 767px){.collection-shell{padding-inline:0}.collection-intro{display:block;padding:16px 0}.collection-intro h1{font-size:30px}.collection-intro p{font-size:14px;margin-top:8px}.collection-toolbar{gap:8px;padding-bottom:16px}.collection-filters{gap:4px}.collection-filters button{font-size:13px;padding:8px 11px;gap:7px}.collection-grid{grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:40px}.collection-card-info h2{font-size:17px}.collection-pagination button{width:40px}.collection-reader{padding-inline:16px}.collection-reader-header{gap:12px;padding-top:max(18px,env(safe-area-inset-top))}.collection-reader-header h2{font-size:16px}.collection-reader-header p{font-size:11px}.collection-reader-stage{position:relative;padding-bottom:58px;gap:0}.collection-reader-art{width:100%}.collection-reader-stage>button{position:absolute;bottom:0}.collection-reader-prev{left:calc(50% - 58px)}.collection-reader-next{right:calc(50% - 58px)}.collection-thumbnails{max-width:100%}.collection-thumbnails button{flex-basis:70px;width:70px}.collection-reader-status>span:last-child{display:none}}@media (max-height: 500px) and (orientation: landscape){.collection-reader-header{padding-block:8px}.collection-reader-header p,.collection-thumbnails{display:none}.collection-reader-footer{padding-block:8px}.collection-reader-status{margin:0}.collection-reader-art{width:min(100%,calc((100dvh - 110px) * 16 / 9))}.collection-reader-stage{padding-bottom:0;gap:12px}.collection-reader-stage>button{position:static}}@media (prefers-reduced-motion: reduce){.collection-page *,.collection-reader *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}