/* Photos & Video library. The shared shell remains global; this file owns the media workspace. */
body[data-page="stock"]{
  --sidebar-w:258px;
  --stock-blue:#0a84ff;
  --stock-blue-2:#0667e8;
  --stock-blue-soft:rgba(10,132,255,.10);
  --stock-panel:rgba(255,255,255,.78);
  --stock-solid:#fff;
  --stock-line:rgba(34,55,91,.085);
  --stock-line-strong:rgba(34,55,91,.14);
  --stock-ink:#111827;
  --stock-ink-2:#53617b;
  --stock-ink-3:#8792a8;
  --stock-hover:rgba(41,74,133,.045);
  --stock-shadow:0 24px 60px -42px rgba(41,61,105,.38),inset 0 1px 0 rgba(255,255,255,.92);
  --stock-ease:cubic-bezier(.22,1,.36,1);
  --stock-spring:cubic-bezier(.32,.72,0,1);
}
html[data-theme="dark"] body[data-page="stock"]{
  --stock-panel:rgba(23,27,35,.78);
  --stock-solid:#171b24;
  --stock-line:rgba(255,255,255,.075);
  --stock-line-strong:rgba(255,255,255,.14);
  --stock-ink:#f5f7fb;
  --stock-ink-2:#a6afc1;
  --stock-ink-3:#707a8e;
  --stock-hover:rgba(255,255,255,.045);
  --stock-shadow:0 24px 64px -42px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.08);
}

body[data-page="stock"] .cpk-fab{display:none!important}
body[data-page="stock"] .main.stock-library{
  width:auto;max-width:none;min-width:0;min-height:0;height:100dvh;margin:0;
  padding:12px 30px 124px 18px;overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;
  background:transparent;animation:none!important;transform:none!important;
}
body[data-page="stock"] .stock-workspace{
  display:grid;grid-template-columns:minmax(0,1fr) 296px;align-items:start;gap:24px;
  width:100%;max-width:1510px;min-width:0;margin:0 auto;
  transition:grid-template-columns .42s var(--stock-ease),gap .42s var(--stock-ease);
}
body[data-page="stock"] .stock-catalog,
body[data-page="stock"] .stock-refine{
  border:1px solid var(--chrome-edge,var(--stock-line));
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(248,250,255,.66));
  box-shadow:var(--stock-shadow);
  -webkit-backdrop-filter:saturate(160%) blur(30px);backdrop-filter:saturate(160%) blur(30px);
}
html[data-theme="dark"] body[data-page="stock"] .stock-catalog,
html[data-theme="dark"] body[data-page="stock"] .stock-refine{
  background:linear-gradient(145deg,rgba(33,37,47,.86),rgba(16,19,27,.74));
}
body[data-page="stock"] .stock-catalog{
  min-width:0;min-height:calc(100dvh - 120px);overflow:hidden;border-radius:24px;
  animation:stockCatalogIn .54s var(--ease-spring,var(--stock-spring)) both;
}
body[data-page="stock"].stock-type-menu-open .stock-catalog{overflow:visible}

/* Header */
body[data-page="stock"] .stock-head{
  display:flex!important;align-items:flex-start;justify-content:space-between;gap:20px;
  min-height:96px;padding:22px 26px 16px;
}
body[data-page="stock"] .stock-title-group h1{
  margin:0 0 7px;color:var(--stock-ink);font:760 31px/1.08 var(--font-sys);letter-spacing:0;
}
body[data-page="stock"] .stock-library-status{display:flex;align-items:center;gap:11px;color:var(--stock-ink-2)}
body[data-page="stock"] .stock-library-status b{font:650 13px/1 var(--font-sys);font-variant-numeric:tabular-nums}
body[data-page="stock"] .stock-live{display:inline-flex;align-items:center;gap:6px;color:#16834b;font:620 12px/1 var(--font-sys)}
body[data-page="stock"] .stock-live i{
  width:7px;height:7px;border-radius:50%;background:#17c76f;
  box-shadow:0 0 0 0 rgba(23,199,111,.42);animation:stockLive 2.1s infinite;
}
body[data-page="stock"] .stock-head-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
body[data-page="stock"] .stock-tool,
body[data-page="stock"] .stock-sort{
  position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 15px;
  border:1px solid var(--stock-line-strong);border-radius:14px;background:rgba(255,255,255,.46);
  color:var(--stock-ink);font:620 12px/1 var(--font-sys);white-space:nowrap;cursor:pointer;
  box-shadow:0 10px 26px -24px rgba(24,45,80,.6),inset 0 1px 0 rgba(255,255,255,.72);
  transition:background .18s,border-color .18s,box-shadow .22s,transform .26s var(--stock-spring);
}
html[data-theme="dark"] body[data-page="stock"] .stock-tool,
html[data-theme="dark"] body[data-page="stock"] .stock-sort{background:rgba(255,255,255,.035)}
body[data-page="stock"] .stock-tool:hover,
body[data-page="stock"] .stock-sort:hover{background:rgba(255,255,255,.75);border-color:rgba(10,132,255,.2);transform:translateY(-1px)}
html[data-theme="dark"] body[data-page="stock"] .stock-tool:hover,
html[data-theme="dark"] body[data-page="stock"] .stock-sort:hover{background:rgba(255,255,255,.075)}
body[data-page="stock"] .stock-tool>svg:first-child{width:16px;height:16px;color:var(--stock-ink-2)}
body[data-page="stock"] .stock-chev,
body[data-page="stock"] .stock-sort>svg{width:12px;height:12px;color:var(--stock-ink-3)}
body[data-page="stock"] .stock-sort{padding-right:13px}
body[data-page="stock"] .stock-sort select{
  position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;opacity:0;cursor:pointer;
}
body[data-page="stock"] .stock-viewtoggle{
  display:inline-flex!important;align-items:center;gap:3px;height:42px;padding:3px!important;
  border:1px solid var(--stock-line-strong)!important;border-radius:14px!important;background:rgba(234,239,249,.55)!important;
}
body[data-page="stock"] .stock-viewtoggle button{
  display:grid;place-items:center;width:34px!important;height:34px!important;border:0!important;border-radius:10px!important;
  background:transparent!important;color:var(--stock-ink-3)!important;box-shadow:none!important;transition:background .2s,color .2s,box-shadow .2s,transform .24s var(--stock-spring);
}
body[data-page="stock"] .stock-viewtoggle button:hover{color:var(--stock-ink-2)!important}
body[data-page="stock"] .stock-viewtoggle button.active{
  background:rgba(255,255,255,.86)!important;color:var(--stock-blue)!important;
  box-shadow:0 6px 14px -8px rgba(34,62,110,.5),inset 0 1px 0 #fff!important;
}
html[data-theme="dark"] body[data-page="stock"] .stock-viewtoggle{background:rgba(255,255,255,.04)!important}
html[data-theme="dark"] body[data-page="stock"] .stock-viewtoggle button.active{background:rgba(255,255,255,.09)!important;box-shadow:none!important}
body[data-page="stock"] .stock-viewtoggle svg{width:17px;height:17px}

/* Search and category rail */
body[data-page="stock"] .stock-search-wrap{display:block!important;padding:0;border-bottom:1px solid var(--stock-line)}
body[data-page="stock"] .stock-search-row{
  position:relative;z-index:5;display:grid!important;grid-template-columns:minmax(0,1fr) 132px 92px;align-items:center;gap:8px;
  max-width:none!important;padding:0 24px 15px;
}
body[data-page="stock"] .stock-searchbar{
  display:flex;align-items:center;gap:12px;height:50px;padding:0 17px;border:1px solid var(--stock-line-strong);
  border-radius:17px;background:rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.74);
  transition:border-color .2s,background .2s,box-shadow .24s;
}
html[data-theme="dark"] body[data-page="stock"] .stock-searchbar{background:rgba(255,255,255,.035)}
body[data-page="stock"] .stock-searchbar:focus-within{
  border-color:rgba(10,132,255,.38);background:rgba(255,255,255,.78);
  box-shadow:0 0 0 4px rgba(10,132,255,.08),inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="dark"] body[data-page="stock"] .stock-searchbar:focus-within{background:rgba(255,255,255,.065)}
body[data-page="stock"] .stock-searchbar svg{width:19px;height:19px;flex:none;color:var(--stock-ink-2)}
body[data-page="stock"] .stock-searchbar input{
  width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--stock-ink);
  font:570 13.5px/1 var(--font-sys);
}
body[data-page="stock"] .stock-searchbar input::placeholder{color:var(--stock-ink-3);opacity:1}
body[data-page="stock"] .stock-type-wrap{position:relative;min-width:0}
body[data-page="stock"] .stock-type-control{
  position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:50px;padding:0 14px;
  border:1px solid var(--stock-line-strong);border-radius:17px;background:rgba(255,255,255,.5);
  color:var(--stock-ink);font:650 12.5px/1 var(--font-sys);cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
  transition:border-color .18s,background .18s,transform .25s var(--stock-spring),box-shadow .22s;
}
html[data-theme="dark"] body[data-page="stock"] .stock-type-control{background:rgba(255,255,255,.035)}
body[data-page="stock"] .stock-type-control:hover{border-color:rgba(10,132,255,.24);background:rgba(255,255,255,.76)}
body[data-page="stock"] .stock-type-wrap.open .stock-type-control{
  border-color:rgba(10,132,255,.32);background:rgba(255,255,255,.82);
  box-shadow:0 0 0 4px rgba(10,132,255,.07),inset 0 1px 0 rgba(255,255,255,.92);
}
html[data-theme="dark"] body[data-page="stock"] .stock-type-wrap.open .stock-type-control{background:rgba(255,255,255,.075)}
body[data-page="stock"] .stock-type-icon{width:18px;height:18px;color:var(--stock-blue)}
body[data-page="stock"] .stock-type-control .stock-chev{transition:transform .28s var(--stock-spring)}
body[data-page="stock"] .stock-type-wrap.open .stock-type-control .stock-chev{transform:rotate(180deg)}
body[data-page="stock"] .stock-type-menu{
  position:absolute;z-index:45;top:calc(100% + 8px);right:0;width:190px;padding:6px;
  border:1px solid rgba(43,64,101,.13);border-radius:15px;
  background:rgba(252,253,255,.91);
  box-shadow:0 22px 54px -24px rgba(28,47,82,.55),inset 0 1px 0 rgba(255,255,255,.98);
  -webkit-backdrop-filter:saturate(180%) blur(28px);backdrop-filter:saturate(180%) blur(28px);
  transform-origin:80% 0;animation:stockMenuIn .22s var(--stock-spring) both;
}
body[data-page="stock"] .stock-type-menu[hidden]{display:none}
html[data-theme="dark"] body[data-page="stock"] .stock-type-menu{
  border-color:rgba(255,255,255,.12);background:rgba(27,32,42,.92);
  box-shadow:0 24px 58px -24px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.08);
}
body[data-page="stock"] .stock-type-menu button{
  display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:51px;padding:7px 9px;
  border:0;border-radius:10px;background:transparent;color:var(--stock-ink);text-align:left;cursor:pointer;
  transition:background .17s,color .17s,transform .22s var(--stock-spring);
}
body[data-page="stock"] .stock-type-menu button:hover,
body[data-page="stock"] .stock-type-menu button:focus-visible{background:rgba(10,132,255,.075);outline:0}
body[data-page="stock"] .stock-type-menu button:active{transform:scale(.985)}
body[data-page="stock"] .stock-type-menu button[aria-selected="true"]{background:rgba(10,132,255,.095);color:var(--stock-blue)}
body[data-page="stock"] .stock-type-menu button>svg{
  width:21px;height:21px;padding:4px;border-radius:7px;color:currentColor;background:rgba(10,132,255,.075);
}
body[data-page="stock"] .stock-type-menu button span{display:grid;gap:4px;min-width:0}
body[data-page="stock"] .stock-type-menu button b{font:670 12px/1 var(--font-sys);letter-spacing:0}
body[data-page="stock"] .stock-type-menu button small{color:var(--stock-ink-3);font:530 10.5px/1 var(--font-sys);letter-spacing:0}
body[data-page="stock"] .stock-submit{
  height:50px!important;padding:0 18px!important;border:0!important;border-radius:17px!important;color:#fff!important;
  background:linear-gradient(180deg,#398bff,#0868e9)!important;
  box-shadow:0 12px 24px -12px rgba(5,84,205,.82),inset 0 1px 0 rgba(255,255,255,.34)!important;
  font:680 13px/1 var(--font-sys)!important;
  transition:transform .26s var(--stock-spring),box-shadow .2s,filter .2s!important;
}
body[data-page="stock"] .stock-submit:hover{filter:brightness(1.035);transform:translateY(-1px);box-shadow:0 16px 30px -13px rgba(5,84,205,.9),inset 0 1px 0 rgba(255,255,255,.36)!important}
body[data-page="stock"] .stock-submit:active{transform:translateY(1px) scale(.98)}
body[data-page="stock"] .stock-search-row.is-loading .stock-submit{opacity:.75}
body[data-page="stock"] .stock-quick{
  position:relative;display:flex!important;align-items:center;gap:8px;overflow-x:auto;padding:12px 62px 14px 24px!important;
  border:0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 64px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 64px),transparent);
}
body[data-page="stock"] .stock-quick::-webkit-scrollbar{display:none}
body[data-page="stock"] .stock-chip{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:38px!important;padding:0 18px!important;
  border:1px solid var(--stock-line)!important;border-radius:999px!important;background:rgba(255,255,255,.53)!important;
  color:var(--stock-ink-2)!important;font:620 12px/1 var(--font-sys)!important;white-space:nowrap;
  box-shadow:0 8px 18px -17px rgba(22,43,79,.7),inset 0 1px 0 rgba(255,255,255,.7);
  transition:background .18s,border-color .18s,color .18s,transform .24s var(--stock-spring),box-shadow .2s!important;
}
html[data-theme="dark"] body[data-page="stock"] .stock-chip{background:rgba(255,255,255,.035)!important}
body[data-page="stock"] .stock-chip:hover{transform:translateY(-1px);border-color:rgba(10,132,255,.2)!important}
body[data-page="stock"] .stock-chip.active{
  color:var(--stock-blue)!important;border-color:rgba(10,132,255,.22)!important;background:rgba(10,132,255,.08)!important;
  box-shadow:0 8px 20px -16px rgba(10,90,220,.75),inset 0 1px 0 rgba(255,255,255,.8)!important;
}
body[data-page="stock"] .stock-chip-arrow{
  position:absolute;right:22px;top:13px;z-index:3;display:grid;place-items:center;width:36px;height:36px;
  border:1px solid var(--stock-line-strong)!important;border-radius:50%!important;background:var(--stock-solid)!important;color:var(--stock-ink-2)!important;
  box-shadow:0 7px 17px -12px rgba(22,43,79,.7)!important;
}
body[data-page="stock"] .stock-chip-arrow svg{width:15px;height:15px}

/* Media cards */
body[data-page="stock"] .stock-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));column-count:unset!important;
  gap:19px 16px!important;width:100%!important;max-width:none!important;padding:19px 24px 26px;
}
body[data-page="stock"] .stock-grid.is-refreshing{opacity:.68;transition:opacity .2s}
body[data-page="stock"] .stock-card{
  position:relative;display:block!important;min-width:0;width:auto!important;margin:0!important;overflow:visible!important;
  border:0!important;border-radius:0!important;background:transparent!important;cursor:pointer;break-inside:auto;
  animation:stockCardIn .44s var(--stock-spring) both;animation-delay:var(--card-delay,0s);
}
body[data-page="stock"] .stock-media{
  position:relative;height:auto!important;min-height:0!important;aspect-ratio:1.5!important;overflow:hidden;border:1px solid rgba(27,49,87,.08);
  border-radius:12px;background:linear-gradient(135deg,#e7edf6,#dce6f3);cursor:pointer;
  box-shadow:0 14px 32px -28px rgba(22,39,72,.8),inset 0 1px 0 rgba(255,255,255,.35);
  transform:translateZ(0);transition:transform .38s var(--stock-spring),box-shadow .32s,border-color .25s;
}
html[data-theme="dark"] body[data-page="stock"] .stock-media{background:linear-gradient(135deg,#1b2330,#121820);border-color:rgba(255,255,255,.07)}
body[data-page="stock"] .stock-card:hover .stock-media{
  transform:translateY(-3px);border-color:rgba(10,132,255,.18);box-shadow:0 24px 38px -28px rgba(15,49,105,.72),inset 0 1px 0 rgba(255,255,255,.38);
}
body[data-page="stock"] .stock-media img,
body[data-page="stock"] .stock-media video{
  display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.001);
  transition:transform .65s var(--stock-ease),filter .3s;
}
body[data-page="stock"] .stock-card:hover .stock-media img,
body[data-page="stock"] .stock-card:hover .stock-media video{transform:scale(1.045)}
body[data-page="stock"] .stock-media::after,
body[data-page="stock"] .sx-media::after{display:none}
body[data-page="stock"] .stock-shade{background:linear-gradient(180deg,rgba(7,12,22,0) 50%,rgba(7,12,22,.32) 100%)}
body[data-page="stock"] .stock-tools{top:auto;right:9px;bottom:9px;gap:6px}
body[data-page="stock"] .stock-toolbtn{
  width:31px;height:31px;border:1px solid rgba(255,255,255,.5);border-radius:50%;
  background:rgba(8,14,24,.55);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 8px 20px -12px rgba(0,0,0,.85);transform:none;
}
body[data-page="stock"] .stock-toolbtn:hover{background:rgba(8,14,24,.78);transform:translateY(-1px)}
body[data-page="stock"] .stock-toolbtn svg{width:15px;height:15px}
body[data-page="stock"] .stock-dl{opacity:1;transform:none}
body[data-page="stock"] .stock-fav{opacity:0;transform:translateX(4px);transition:opacity .18s,transform .25s var(--stock-spring),background .18s}
body[data-page="stock"] .stock-card:hover .stock-fav,
body[data-page="stock"] .stock-card:focus-within .stock-fav,
body[data-page="stock"] .stock-fav.on{opacity:1;transform:none}
body[data-page="stock"] .stock-badge{
  z-index:2;height:22px;padding:0 7px;border:1px solid rgba(255,255,255,.18);border-radius:6px;
  background:rgba(9,15,26,.62);color:#fff;font:680 10px/1 var(--font-sys);letter-spacing:0;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
body[data-page="stock"] .stock-q{left:9px;top:9px;bottom:auto}
body[data-page="stock"] .stock-dur{left:9px;right:auto;bottom:9px}
body[data-page="stock"] .stock-video-play{
  z-index:3;width:42px;height:42px;border:1px solid rgba(255,255,255,.68);background:rgba(7,13,23,.45);
  box-shadow:0 12px 30px -14px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
body[data-page="stock"] .stock-card:hover .stock-video-play{background:rgba(7,13,23,.64);transform:translate(-50%,-50%) scale(1.06)}
body[data-page="stock"] .stock-card.playing .stock-video-play{background:rgba(10,105,231,.9)}
body[data-page="stock"] .stock-body{
  display:block!important;min-width:0;padding:10px 1px 0!important;background:transparent!important;
}
body[data-page="stock"] .stock-card-title{
  overflow:hidden;margin:0;color:var(--stock-ink);font:650 12.5px/1.25 var(--font-sys);
  text-overflow:ellipsis;white-space:nowrap;transition:color .18s;
}
body[data-page="stock"] .stock-card:hover .stock-card-title{color:var(--stock-blue)}
body[data-page="stock"] .stock-card-meta{
  overflow:hidden;margin-top:5px;color:var(--stock-ink-3);font:540 11px/1.2 var(--font-sys);
  text-overflow:ellipsis;white-space:nowrap;
}
body[data-page="stock"] .stock-credit,
body[data-page="stock"] .stock-actions{display:none!important}
body[data-page="stock"] .stock-grid.list{display:grid!important;grid-template-columns:1fr!important;padding-top:12px}
body[data-page="stock"] .stock-grid.list .stock-card{
  display:grid!important;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:16px;
  min-height:122px;padding:8px;border-bottom:1px solid var(--stock-line)!important;
}
body[data-page="stock"] .stock-grid.list .stock-media{aspect-ratio:1.65!important}
body[data-page="stock"] .stock-grid.list .stock-body{padding:0!important}
body[data-page="stock"] .stock-grid.list .stock-card-title{font-size:14px}
body[data-page="stock"] .stock-grid.list .stock-card-meta{font-size:12px}
body[data-page="stock"] .stock-skel{
  width:auto!important;height:auto!important;aspect-ratio:1.38;margin:0!important;border-radius:12px;
  background:linear-gradient(100deg,rgba(221,228,240,.72) 25%,rgba(244,247,252,.9) 43%,rgba(221,228,240,.72) 62%);
  background-size:300% 100%;animation:stockSkeleton 1.25s ease infinite;
}
html[data-theme="dark"] body[data-page="stock"] .stock-skel{background:linear-gradient(100deg,rgba(255,255,255,.035) 25%,rgba(255,255,255,.075) 43%,rgba(255,255,255,.035) 62%);background-size:300% 100%}
body[data-page="stock"] .stock-empty{
  grid-column:1/-1;padding:72px 28px;border:1px dashed var(--stock-line-strong);border-radius:16px;background:rgba(255,255,255,.35);color:var(--stock-ink-2)
}
body[data-page="stock"] .stock-empty-ic{background:var(--stock-blue-soft);color:var(--stock-blue)}
body[data-page="stock"] .stock-empty-ic svg{width:23px;height:23px}
body[data-page="stock"] .stock-empty b{color:var(--stock-ink)}
body[data-page="stock"] .stock-pager{
  display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:none;padding:8px 24px 24px;
}
body[data-page="stock"] .stock-pager button{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 14px;
  border:1px solid var(--stock-line-strong);border-radius:11px;background:rgba(255,255,255,.55);
  color:var(--stock-ink-2);font:650 12px/1 var(--font-sys);transition:background .18s,color .18s,transform .22s var(--stock-spring);
}
body[data-page="stock"] .stock-pager button:hover:not(:disabled){background:var(--stock-solid);color:var(--stock-blue);transform:translateY(-1px)}
body[data-page="stock"] .stock-pager button:disabled{opacity:.4}
body[data-page="stock"] .stock-pager button svg{width:14px;height:14px}
body[data-page="stock"] .stock-pager span{min-width:74px;text-align:center;color:var(--stock-ink-3);font:620 12px/1 var(--font-sys)}

/* Refine rail */
body[data-page="stock"] .stock-refine{
  position:sticky;top:0;max-height:calc(100dvh - var(--topbar-h) - 48px);overflow:auto;
  padding:20px 18px 18px;border-radius:24px;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;
  -ms-overflow-style:none;scrollbar-width:none;
  transition:opacity .34s var(--stock-ease),transform .4s var(--stock-spring),max-height .42s var(--stock-ease),bottom .42s var(--stock-ease);
  animation:stockRefineIn .58s var(--ease-spring,var(--stock-spring)) .06s both;
}
body[data-page="stock"] .stock-refine::-webkit-scrollbar{display:none;width:0;height:0}
body[data-page="stock"] .stock-workspace.filters-collapsed{grid-template-columns:minmax(0,1fr) 0;gap:0}
body[data-page="stock"] .stock-workspace.filters-collapsed .stock-refine{opacity:0;transform:translateX(18px) scale(.97);pointer-events:none}
body[data-page="stock"] .stock-refine-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 7px}
body[data-page="stock"] .stock-refine-head h2{margin:0;color:var(--stock-ink);font:720 16px/1.2 var(--font-sys);letter-spacing:0}
body[data-page="stock"] .stock-refine-head>div{display:flex;align-items:center;gap:7px}
body[data-page="stock"] .stock-reset{padding:5px;color:var(--stock-blue);font:620 12px/1 var(--font-sys)}
body[data-page="stock"] .stock-reset:hover{text-decoration:underline}
body[data-page="stock"] .stock-refine-close{display:none;place-items:center;width:31px;height:31px;border-radius:50%;color:var(--stock-ink-2);background:var(--stock-hover)}
body[data-page="stock"] .stock-refine-close svg{width:15px;height:15px}
body[data-page="stock"] .stock-filter-group{padding:15px 0;border-bottom:1px solid var(--stock-line)}
body[data-page="stock"] .stock-filter-label{display:block;margin-bottom:11px;color:var(--stock-ink);font:650 12px/1 var(--font-sys)}
body[data-page="stock"] .stock-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
body[data-page="stock"] .stock-segments button,
body[data-page="stock"] .stock-option-grid button{
  height:38px;border:1px solid var(--stock-line);border-radius:12px;background:rgba(255,255,255,.45);
  color:var(--stock-ink-2);font:620 11.5px/1 var(--font-sys);
  transition:color .18s,background .18s,border-color .18s,box-shadow .2s,transform .22s var(--stock-spring);
}
html[data-theme="dark"] body[data-page="stock"] .stock-segments button,
html[data-theme="dark"] body[data-page="stock"] .stock-option-grid button{background:rgba(255,255,255,.03)}
body[data-page="stock"] .stock-segments button:hover,
body[data-page="stock"] .stock-option-grid button:hover{transform:translateY(-1px)}
body[data-page="stock"] .stock-segments button.active,
body[data-page="stock"] .stock-option-grid button.active{
  color:var(--stock-blue);border-color:rgba(10,132,255,.18);background:rgba(10,132,255,.075);
  box-shadow:0 7px 18px -15px rgba(5,91,216,.9),inset 0 1px 0 rgba(255,255,255,.72);
}
body[data-page="stock"] .stock-orientation{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
body[data-page="stock"] .stock-orientation button{
  display:grid;place-items:center;height:42px;border:1px solid var(--stock-line);border-radius:12px;background:rgba(255,255,255,.4);color:var(--stock-ink-2);
  transition:background .18s,color .18s,border-color .18s,transform .22s var(--stock-spring);
}
html[data-theme="dark"] body[data-page="stock"] .stock-orientation button{background:rgba(255,255,255,.03)}
body[data-page="stock"] .stock-orientation button:hover{transform:translateY(-1px)}
body[data-page="stock"] .stock-orientation button.active{color:var(--stock-blue);border-color:rgba(10,132,255,.22);background:rgba(10,132,255,.075)}
body[data-page="stock"] .stock-orientation svg{width:19px;height:19px}
body[data-page="stock"] .stock-checks{display:grid;gap:10px}
body[data-page="stock"] .stock-checks label{
  display:flex;align-items:center;gap:9px;color:var(--stock-ink-2);font:570 11.5px/1.2 var(--font-sys);cursor:pointer;
}
body[data-page="stock"] .stock-checks input{position:absolute;opacity:0;pointer-events:none}
body[data-page="stock"] .stock-checks label>span{
  position:relative;width:15px;height:15px;flex:none;border:1.5px solid var(--stock-ink-3);border-radius:4px;background:rgba(255,255,255,.45);
  transition:background .18s,border-color .18s,box-shadow .18s;
}
body[data-page="stock"] .stock-checks input:checked+span{border-color:var(--stock-blue);background:var(--stock-blue);box-shadow:0 0 0 3px rgba(10,132,255,.1)}
body[data-page="stock"] .stock-checks input:checked+span::after{
  content:"";position:absolute;left:3px;top:1px;width:6px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
}
body[data-page="stock"] .stock-accordions{border-bottom:1px solid var(--stock-line)}
body[data-page="stock"] .stock-accordion{border-bottom:1px solid var(--stock-line)}
body[data-page="stock"] .stock-accordion[hidden]{display:none}
body[data-page="stock"] .stock-accordion:last-child{border-bottom:0}
body[data-page="stock"] .stock-accordion.is-disabled{opacity:.42}
body[data-page="stock"] .stock-accordion.is-disabled>button{cursor:not-allowed}
body[data-page="stock"] .stock-accordion>button{
  display:flex;align-items:center;justify-content:space-between;width:100%;height:43px;color:var(--stock-ink);
  font:650 12px/1 var(--font-sys);text-align:left;
}
body[data-page="stock"] .stock-accordion>button svg{width:13px;height:13px;color:var(--stock-ink-3);transition:transform .22s var(--stock-ease)}
body[data-page="stock"] .stock-accordion>button[aria-expanded="true"] svg{transform:rotate(180deg)}
body[data-page="stock"] .stock-accordion-body{padding:0 1px 13px;animation:stockAccordionIn .2s var(--stock-ease) both}
body[data-page="stock"] .stock-accordion-body[hidden]{display:none}
body[data-page="stock"] .stock-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
body[data-page="stock"] .stock-range-label{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--stock-ink-2);font:570 11px/1 var(--font-sys)}
body[data-page="stock"] .stock-range-label b{color:var(--stock-blue);font-weight:680}
body[data-page="stock"] .stock-range{
  width:100%;height:4px;border-radius:99px;outline:0;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,var(--stock-blue),var(--stock-blue));
}
body[data-page="stock"] .stock-range::-webkit-slider-thumb{
  width:17px;height:17px;border:1px solid rgba(32,48,77,.14);border-radius:50%;appearance:none;-webkit-appearance:none;background:#fff;
  box-shadow:0 2px 8px rgba(25,42,72,.25);cursor:pointer;
}
body[data-page="stock"] .stock-swatches{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
body[data-page="stock"] .stock-swatches button{
  position:relative;width:24px;height:24px;border:2px solid transparent;border-radius:50%;background:var(--swatch,conic-gradient(#ff375f,#ff9f0a,#ffd60a,#30d158,#0a84ff,#bf5af2,#ff375f));
  box-shadow:0 0 0 1px var(--stock-line-strong);transition:transform .22s var(--stock-spring),box-shadow .18s;
}
body[data-page="stock"] .stock-swatches button:hover{transform:scale(1.08)}
body[data-page="stock"] .stock-swatches button.active{box-shadow:0 0 0 2px var(--stock-solid),0 0 0 4px var(--stock-blue)}
body[data-page="stock"] .stock-select-wrap{position:relative;display:block}
body[data-page="stock"] .stock-select-wrap select{
  width:100%;height:38px;padding:0 36px 0 11px;border:1px solid var(--stock-line);border-radius:11px;outline:0;
  appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.45);color:var(--stock-ink);font:570 11.5px/1 var(--font-sys);
}
html[data-theme="dark"] body[data-page="stock"] .stock-select-wrap select{background:rgba(255,255,255,.035)}
body[data-page="stock"] .stock-select-wrap select:focus{border-color:rgba(10,132,255,.35);box-shadow:0 0 0 3px rgba(10,132,255,.08)}
body[data-page="stock"] .stock-select-wrap svg{position:absolute;right:11px;top:50%;width:12px;height:12px;color:var(--stock-ink-3);transform:translateY(-50%);pointer-events:none}
body[data-page="stock"] .stock-refine-cta{
  position:sticky;z-index:4;bottom:0;width:100%;height:46px;margin-top:17px;border-radius:13px;color:#fff;
  background:linear-gradient(180deg,#2e83ff,#0a61dc);box-shadow:0 10px 22px -10px rgba(7,84,205,.75),inset 0 1px 0 rgba(255,255,255,.3);
  font:670 13px/1 var(--font-sys);transition:transform .24s var(--stock-spring),box-shadow .2s;
}
body[data-page="stock"] .stock-refine-cta:hover{transform:translateY(-1px);box-shadow:0 14px 26px -10px rgba(7,84,205,.8),inset 0 1px 0 rgba(255,255,255,.34)}
body[data-page="stock"] .stock-refine-cta:active{transform:translateY(1px) scale(.98)}
body[data-page="stock"] .stock-filter-scrim{display:none}

/* Existing media modal, refined to match the page. */
body[data-page="stock"] .sx-scrim{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
body[data-page="stock"] .sx-card{border-radius:22px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}
html[data-theme="dark"] body[data-page="stock"] .sx-card{background:rgba(23,27,35,.94)}

@keyframes stockCatalogIn{from{opacity:0;transform:translateY(10px) scale(.993)}to{opacity:1;transform:none}}
@keyframes stockRefineIn{from{opacity:0;transform:translateX(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes stockCardIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes stockAccordionIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes stockMenuIn{from{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:none}}
@keyframes stockSkeleton{0%{background-position:100% 0}to{background-position:0 0}}
@keyframes stockLive{70%{box-shadow:0 0 0 6px rgba(23,199,111,0)}to{box-shadow:0 0 0 0 rgba(23,199,111,0)}}

@media(max-width:1320px) and (min-width:1181px){
  body[data-page="stock"] .stock-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:18px}
  body[data-page="stock"] .stock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1180px){
  body[data-page="stock"] .stock-workspace,
  body[data-page="stock"] .stock-workspace.filters-collapsed{display:block}
  body[data-page="stock"] .stock-refine{
    position:fixed;z-index:210;top:82px;right:18px;bottom:76px;width:min(330px,calc(100vw - 36px));max-height:none;
    opacity:0;transform:translateX(24px) scale(.98);visibility:hidden;pointer-events:none;
  }
  body[data-page="stock"].stock-filter-open .stock-refine{opacity:1;transform:none;visibility:visible;pointer-events:auto}
  body[data-page="stock"] .stock-refine-close{display:grid}
  body[data-page="stock"] .stock-filter-scrim{
    position:fixed;z-index:205;inset:0;display:block;background:rgba(18,27,44,.18);opacity:0;visibility:hidden;pointer-events:none;
    -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .22s,visibility .22s;
  }
  body[data-page="stock"].stock-filter-open .stock-filter-scrim{opacity:1;visibility:visible;pointer-events:auto}
}
@media(max-width:960px){
  body[data-page="stock"] .main.stock-library{padding:20px 22px 116px}
  body[data-page="stock"] .stock-head{align-items:flex-start;flex-direction:column;min-height:0}
  body[data-page="stock"] .stock-head-tools{width:100%;justify-content:flex-start}
  body[data-page="stock"] .stock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  body[data-page="stock"] .main.stock-library{padding:14px 12px 108px}
  body[data-page="stock"] .stock-catalog{border-radius:18px}
  body[data-page="stock"] .stock-head{padding:20px 18px 14px}
  body[data-page="stock"] .stock-title-group h1{font-size:27px}
  body[data-page="stock"] .stock-head-tools{gap:7px}
  body[data-page="stock"] .stock-tool,
  body[data-page="stock"] .stock-sort{height:39px;padding:0 11px}
  body[data-page="stock"] .stock-search-row{grid-template-columns:minmax(0,1fr) 102px;padding:0 16px 13px}
  body[data-page="stock"] .stock-searchbar{grid-column:1/-1}
  body[data-page="stock"] .stock-submit{grid-column:2}
  body[data-page="stock"] .stock-type-menu{right:auto;left:0;width:184px;transform-origin:20% 0}
  body[data-page="stock"] .stock-quick{padding-left:16px!important;padding-right:52px!important}
  body[data-page="stock"] .stock-chip-arrow{right:14px}
  body[data-page="stock"] .stock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 11px!important;padding:16px}
  body[data-page="stock"] .stock-card-title{font-size:12px}
  body[data-page="stock"] .stock-grid.list .stock-card{grid-template-columns:145px minmax(0,1fr);gap:12px}
}
@media(max-width:520px){
  body[data-page="stock"] .stock-head-tools .stock-sort{order:3;flex:1}
  body[data-page="stock"] .stock-head-tools .stock-tool{flex:1}
  body[data-page="stock"] .stock-viewtoggle{margin-left:auto}
  body[data-page="stock"] .stock-refine{top:68px;right:10px;bottom:72px;width:calc(100vw - 20px);border-radius:20px}
  body[data-page="stock"] .stock-grid{grid-template-columns:1fr}
  body[data-page="stock"] .stock-media{aspect-ratio:1.55!important}
  body[data-page="stock"] .stock-grid.list .stock-card{grid-template-columns:115px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="stock"] *,body[data-page="stock"] *::before,body[data-page="stock"] *::after{
    animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
}