:root{color-scheme:dark;--bg: #050505;--panel: rgba(255, 255, 255, .06);--panel-strong: rgba(255, 255, 255, .1);--line: rgba(255, 255, 255, .12);--line-strong: rgba(139, 233, 255, .35);--text: #f5f7fb;--muted: rgba(245, 247, 251, .62);--accent: #8be9ff;--accent-2: #86ffd2;--shadow: 0 30px 80px rgba(0, 0, 0, .28);--ease-premium: cubic-bezier(.32, .72, 0, 1);font-family:Geist,Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text)}#root{min-height:100dvh}button,input{font:inherit}img{display:block;max-width:100%}.page-shell{position:relative;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 20% 18%,rgba(106,240,255,.18),transparent 26%),radial-gradient(circle at 82% 16%,rgba(134,255,210,.16),transparent 22%),linear-gradient(180deg,#07080b,#040405)}.bg-orb{position:fixed;inset:auto;width:18rem;height:18rem;border-radius:999px;filter:blur(70px);pointer-events:none;opacity:.42;z-index:0}.bg-orb--cyan{top:4rem;left:-2rem;background:#6fecff5c}.bg-orb--mint{top:12rem;right:-3rem;background:#80ffd638}.page-noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.035;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:3px 3px,4px 4px}.page-frame{position:relative;z-index:1;padding:1rem 1rem 3rem}.search-shell,.detail-shell,.results-shell,.empty-shell{padding:.1rem;border-radius:2rem;background:#ffffff09;box-shadow:var(--shadow)}.search-core,.detail-core,.results-core,.empty-core{border-radius:1.9rem;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff17,#ffffff08);box-shadow:inset 0 1px 1px #ffffff1f}.search-shell{position:sticky;top:.75rem;z-index:10;margin-bottom:1rem}.search-core{padding:.9rem 1rem 1rem}.search-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.search-eyebrow,.panel-label,.detail-panel-label{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.search-heading{margin-top:.28rem;font-size:1.55rem;line-height:.98;font-weight:700}.search-count{padding:.45rem .75rem;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#ffffff0d;color:var(--muted);font-size:.82rem;white-space:nowrap}.search-field{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:1.35rem;border:1px solid rgba(255,255,255,.08);background:#00000038}.search-icon{color:var(--accent);font-size:1rem}.search-input{width:100%;border:0;background:transparent;color:var(--text);font-size:1rem;outline:none}.search-input::placeholder{color:#f5f7fb70}.layout{display:grid;gap:1rem}.results-core,.detail-core,.empty-core{padding:1rem}.results-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.results-count{color:var(--muted);font-size:.9rem}.results-list{display:grid;gap:.7rem}.result-row{width:100%;display:grid;grid-template-columns:1fr 4.75rem;gap:.9rem;padding:.85rem;border-radius:1.4rem;border:1px solid transparent;background:#ffffff09;color:inherit;text-align:left;transition:transform .7s var(--ease-premium),border-color .7s var(--ease-premium),background-color .7s var(--ease-premium)}.result-row:active{transform:scale(.985)}.result-row.is-selected{border-color:var(--line-strong);background:#8be9ff14}.result-row__meta{min-width:0}.result-row__sku{font-size:1rem;font-weight:700;line-height:1.05;margin-bottom:.35rem}.result-row__name{font-size:.92rem;line-height:1.3;color:#f5f7fbe6}.result-row__subline{margin-top:.38rem;font-size:.77rem;line-height:1.35;color:var(--muted)}.result-row__thumb{width:4.75rem;aspect-ratio:1;border-radius:1rem;overflow:hidden;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.7rem}.result-row__thumb img{width:100%;height:100%;object-fit:cover}.detail-panel-label{margin-bottom:.85rem}.gallery{display:grid;gap:.8rem}.gallery-flag{display:inline-flex;align-items:center;width:fit-content;padding:.4rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffc45a14;color:#ffd27d;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.gallery-stage-shell{padding:.1rem;border-radius:1.75rem;background:#ffffff0a}.gallery-stage-core{border-radius:1.65rem;border:1px solid rgba(255,255,255,.1);background:#0000002e;overflow:hidden}.gallery-stage-image{width:100%;aspect-ratio:1;object-fit:contain;background:radial-gradient(circle at top,#ffffff0d,#ffffff03)}.gallery-strip{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:.25rem}.gallery-thumb{flex:0 0 4.5rem;padding:.16rem;border-radius:1rem;border:1px solid transparent;background:#ffffff0a}.gallery-thumb.is-active{border-color:var(--line-strong)}.gallery-thumb img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.84rem}.gallery-empty{padding:1rem;border-radius:1.35rem;background:#ffffff0a;color:var(--muted)}.gallery-empty__label{color:var(--text);font-weight:600;margin-bottom:.35rem}.detail-copy{margin-top:1rem}.detail-eyebrow{color:var(--accent);font-size:.76rem;letter-spacing:.18em;text-transform:uppercase}.detail-title{margin:.45rem 0 0;font-size:1.45rem;line-height:1.03}.detail-grid{display:grid;grid-template-columns:1fr;gap:.7rem;margin-top:1rem}.detail-cell{padding:.9rem 1rem;border-radius:1.2rem;border:1px solid rgba(255,255,255,.08);background:#ffffff09}.detail-cell span{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem}.detail-cell strong{display:block;font-size:.95rem;line-height:1.3}.status-pill{display:inline-block;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--line);background:#ffffff0f;font-size:.78rem;letter-spacing:.04em}.status-pill.status-active{color:var(--accent-2);border-color:#86ffd266;background:#86ffd21a}.status-pill.status-eol{color:#ffb0b0f2;border-color:#ffb0b059;background:#ffb0b01a}.detail-notes{margin:1rem 0 0;color:#f5f7fbcc;line-height:1.55}.detail-empty,.empty-core{color:var(--muted)}.empty-core h2{margin:.55rem 0 .35rem;color:var(--text)}@media (min-width: 768px){.page-frame{padding:1.5rem 1.5rem 4rem}.search-shell{margin-bottom:1.2rem}.layout{grid-template-columns:minmax(21rem,28rem) minmax(0,1fr);align-items:start}.results-shell{position:sticky;top:7.9rem}.detail-title{font-size:2.2rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}