.page-wide{width:min(1800px,100%);padding:12px 12px 48px}.creative-gallery{--creative-header-height:116px;--creative-control:var(--surface);--creative-overlay:hsl(222 47% 11%/0.78);--creative-on-overlay:hsl(0 0% 100%);min-width:0}.creative-toolbar{position:-webkit-sticky;position:sticky;top:var(--creative-header-height);z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;margin-bottom:12px;background:var(--paper);border-bottom:2px solid var(--ink)}.creative-toolbar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.creative-toolbar h1{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:900}.creative-toolbar h1 svg{width:23px;height:23px}.creative-search svg,.creative-select summary svg,.creative-toolbar button svg{width:16px;height:16px}.creative-filters{display:none;width:100%;min-width:0;flex-wrap:wrap;align-items:center;gap:8px}.creative-filters-open{display:flex}.creative-select{position:relative;flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px);min-width:0}.creative-clear,.creative-feed-button,.creative-filter-toggle,.creative-format select,.creative-select summary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:8px 12px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--creative-control,var(--surface));color:var(--ink);font-family:inherit;font-size:13px;font-weight:750;cursor:pointer}.creative-select summary{width:100%;list-style:none;justify-content:space-between}.creative-select summary::-webkit-details-marker{display:none}.creative-filter-toggle[aria-expanded=true],.creative-select[open] summary{background:var(--sky-soft)}.creative-clear{border-color:transparent;background:transparent}.creative-clear:disabled{color:var(--muted);cursor:default;opacity:.65}.creative-filter-count{border-radius:4px;padding:1px 5px;background:var(--sky-soft)}.creative-format{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px)}.creative-format select{width:100%}.creative-select-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:2;width:min(300px,calc(100vw - 32px));display:flex;flex-direction:column;max-height:var(--creative-menu-space,360px);padding:8px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.creative-select:last-of-type .creative-select-menu,.creative-select:nth-child(2) .creative-select-menu{left:auto;right:0}.creative-select-options{min-height:0;max-height:min(280px,40vh);overflow-y:auto;overscroll-behavior:contain}.creative-select-options label{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px;cursor:pointer;font-size:14px}.creative-select-options label:hover{background:var(--surface-soft)}.creative-select-options input{width:18px;height:18px;flex-shrink:0;accent-color:var(--ink)}.creative-select-options p{padding:12px 8px;margin:0;color:var(--muted);font-size:14px}.creative-search{flex-shrink:0;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--muted);margin-bottom:6px}.creative-search input{width:100%;min-width:0;min-height:44px;border:0;padding:8px 4px;background:var(--surface);color:var(--ink);font-size:14px}.creative-dates{display:flex;flex:1 1 100%;gap:8px;min-width:0}.creative-dates label{display:flex;align-items:center;flex:1 1;min-width:0;gap:5px}.creative-dates span{color:var(--muted);font-size:12px;font-weight:700}.creative-dates input{width:100%;min-width:0;min-height:44px;border:2px solid var(--ink);border-radius:var(--radius);padding:6px;background:var(--surface);color:var(--ink);font-size:12px}.creative-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1px;grid-column-gap:12px;column-gap:12px;align-items:start}.creative-tile{min-width:0;grid-row-end:span 360}.creative-frame{position:relative;overflow:hidden;width:100%;border:2px solid var(--ink);border-radius:var(--radius);background:var(--ink)}.creative-frame>iframe,.creative-frame>img,.creative-frame>video{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;object-fit:contain}.creative-game{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:5px 7px;border-radius:8px;background:var(--creative-overlay);color:var(--creative-on-overlay);font-size:12px;font-weight:650;line-height:1.25;pointer-events:none}.creative-game img{display:block;flex-shrink:0;width:24px;height:24px;border-radius:5px;object-fit:cover}.creative-game span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:56px;height:56px;padding:0;transform:translate(-50%,-50%);border:2px solid var(--creative-on-overlay);border-radius:50%;background:var(--creative-overlay);color:var(--creative-on-overlay);cursor:pointer}.creative-play svg{width:23px;height:23px;fill:currentColor;margin-left:3px}.creative-play:hover{background:var(--ink)}.creative-playable-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--surface-soft);color:var(--ink);font-weight:750}.creative-playable-cover>svg{width:48px;height:48px}.creative-playable-cover button{gap:8px}.creative-playable-cover button svg{width:18px;height:18px}.creative-playable-stop{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--creative-on-overlay);border-radius:var(--radius);background:var(--creative-overlay);color:var(--creative-on-overlay);cursor:pointer}.creative-gallery :is(button,input,select,summary):focus-visible{outline:3px solid var(--orange);outline-offset:3px}.creative-feed-footer{display:grid;justify-items:center;grid-gap:12px;gap:12px;padding:24px 12px;color:var(--muted);font-size:14px}.creative-feed-footer p{margin:0}.creative-feed-footer span{display:flex;align-items:center;gap:8px}.creative-feed-button{background:var(--surface)}.creative-feed-button:disabled{opacity:.6;cursor:wait}.creative-spinner{width:18px;height:18px;animation:spin 1s linear infinite}.creative-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}@media (min-width:640px){.page-wide{padding:16px 24px 64px}.creative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-filters{display:flex}.creative-filter-toggle{display:none}.creative-dates,.creative-format,.creative-select{flex:0 1 auto}.creative-dates input{width:135px}}@media (min-width:960px){.creative-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.creative-toolbar{flex-wrap:nowrap;gap:24px}.creative-toolbar-heading{width:auto}.creative-filters{width:auto;flex:1 1}.creative-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1600px){.creative-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.creative-spinner{animation:none}}