:root{--bg: #000;--text: #f2f4f8;--text-dim: #6d7787;--text-faint: #4a5364;--type-brand: #4c8dff;--type-product: #22c3e6;--type-category: #16b8a6;--type-part: #f0883e;--type-guide: #c77dff;--type-attribute: #f2557e;--type-unknown: #8b98a9;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}.appShell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--bg)}.appMain{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:40px;min-height:0;padding:0 44px 34px}.fieldColumn{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;min-width:0}.queryLine{display:flex;align-items:baseline;flex-wrap:nowrap;overflow:hidden;gap:10px;padding:40px 44px 26px;font-size:40.5px;font-weight:300;letter-spacing:-.3px;cursor:text;background:transparent}.queryInput{flex:1 1 auto;min-width:0;white-space:nowrap;text-overflow:clip;font:inherit;color:var(--text);background:none;border:none;outline:none;padding:0;caret-color:var(--text)}.bubbleStage{position:relative;overflow:hidden;min-height:0;background:var(--bg)}.bubble{--type-color: var(--type-unknown);--confidence: .5;--glow: 0;--radius: 44px;position:absolute;left:0;top:0;display:grid;place-items:center;border-radius:50%;will-change:transform,opacity;contain:layout style;background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--type-color) calc(28% + var(--confidence) * 46%),transparent),color-mix(in srgb,var(--type-color) calc(10% + var(--confidence) * 26%),transparent) 58%,color-mix(in srgb,var(--type-color) calc(2% + var(--confidence) * 8%),transparent) 84%,transparent 100%);box-shadow:0 0 calc(18px + var(--glow) * 40px) color-mix(in srgb,var(--type-color) calc(10% + var(--glow) * 55%),transparent);transition:filter .15s ease}.bubbleType-brand{--type-color: var(--type-brand)}.bubbleType-product{--type-color: var(--type-product)}.bubbleType-category{--type-color: var(--type-category)}.bubbleType-part{--type-color: var(--type-part)}.bubbleType-guide{--type-color: var(--type-guide)}.bubbleType-attribute{--type-color: var(--type-attribute)}.bubbleBody{pointer-events:none;width:calc(var(--radius) * 1.4);height:calc(var(--radius) * 1.4);display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}.bubbleLabel{font-size:var(--label, 14px);font-weight:400;line-height:1.12;letter-spacing:-.1px;color:var(--text);max-width:100%;max-height:100%;overflow:hidden;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.bubble.pinned{box-shadow:0 0 26px color-mix(in srgb,var(--type-color) 55%,transparent),0 0 70px color-mix(in srgb,var(--type-color) 22%,transparent);filter:brightness(1.25)}.bubble.pinned .bubbleLabel{font-weight:500}.bubble:hover{filter:brightness(1.45)}.bubble.pinned:hover{filter:brightness(1.55)}.bubble:hover .bubbleBody,.bubble:focus-visible .bubbleBody{transform:scale(1.06);transition:transform .15s cubic-bezier(.25,.46,.45,.94)}.bubble:focus-visible{outline:none;filter:brightness(1.6)}.bubble:active{filter:brightness(1.7)}.exclusions{display:flex;flex-wrap:wrap;gap:16px;padding:14px 4px 0;min-height:34px}.excludedToken{font-size:13px;color:var(--text-faint);text-decoration:line-through;transition:color .14s ease}.excludedToken:hover{color:var(--text-dim);text-decoration:none}.resultsPanel{overflow-y:auto;display:grid;gap:22px;align-content:start;padding:6px 4px 30px;min-height:76px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 42px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 42px),transparent 100%)}.resultsPanel::-webkit-scrollbar{width:0}.resultRow{display:flex;align-items:baseline;justify-content:space-between;gap:18px;animation:rowIn .22s ease both}@keyframes rowIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.resultMain{min-width:0}.resultName{margin:0 0 4px;font-size:15px;font-weight:400;line-height:1.3;color:var(--text)}.resultName mark{background:none;color:#8fb6ff}.resultMeta{margin:0;font-size:12px;color:var(--text-faint)}.partNumber{font-family:var(--mono);font-size:11px;margin-right:9px;color:var(--text-faint)}.resultSide{display:grid;justify-items:end;gap:3px;flex:0 0 auto}.price{font-size:14px;color:var(--text)}.availability{font-size:11px;color:var(--text-faint);white-space:nowrap}.availability.low{color:#b0803f}.availability.out{color:#8f4557}.availability.digital{color:#6d5b8f}@media (prefers-reduced-motion: reduce){.resultRow{animation:none}}@media (max-width: 1080px){.appMain{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:20px}.bubbleStage{min-height:300px}.resultsPanel{max-height:34vh;min-height:96px}}@media (max-height: 720px){.queryLine{padding-top:24px;padding-bottom:18px}.resultsPanel{min-height:68px}}
