:root{--bg:#090a14;--panel:rgba(20,22,40,0.78);--panel-strong:#15182a;--text:#f6f7fb;--muted:#9ca3c7;--line:rgba(255,255,255,0.12);--primary:#7c5cff;--primary-strong:#5f3df2;--cyan:#19d3da;--green:#34d399;--gold:#facc15;--shadow:0 24px 90px rgba(4,8,30,0.48)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(124,92,255,.32),transparent 34rem),radial-gradient(circle at top right,rgba(25,211,218,.22),transparent 32rem),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,textarea{font:inherit}.nav{backdrop-filter:blur(20px);background:rgba(9,10,20,.72);justify-content:space-between;left:0;padding:18px 7vw;position:sticky;right:0;top:0;z-index:10}.brand,.cardTop,.heroStats,.nav,.navLinks{align-items:center;display:flex}.brand{gap:10px;font-size:20px;font-weight:800}.brandMark{align-items:center;background:linear-gradient(135deg,var(--primary),var(--cyan));border-radius:14px;display:inline-flex;height:36px;justify-content:center;width:36px}.navLinks{color:var(--muted);gap:26px}.navLinks a:hover{color:var(--text)}.heroBadge,.panelHeader span{background:rgba(124,92,255,.14);border:1px solid rgba(124,92,255,.3);border-radius:999px;color:#c8bdff;display:inline-flex;font-size:13px;font-weight:700;letter-spacing:.04em;padding:8px 14px}.onePageWorkbench{margin:0 auto;max-width:1440px;min-height:calc(100vh - 74px);padding:42px 32px 48px}.workbenchHero{display:grid;gap:24px;grid-template-columns:1fr 360px;margin-bottom:28px}.workbenchHero h1{font-size:clamp(44px,6vw,78px);letter-spacing:-.06em;line-height:.96;margin:22px 0 18px;max-width:820px}.workbenchHero h1 span{background:linear-gradient(135deg,#ffffff,#8cecff 42%,#a996ff);-webkit-background-clip:text;color:transparent;display:block}.workbenchHero p{font-size:18px;line-height:1.8;margin:0;max-width:760px}.workbenchGrid{display:grid;gap:22px;grid-template-columns:430px minmax(0,1fr)}.queryPanel,.recommendationPanel{background:rgba(255,255,255,.055);border-radius:30px;box-shadow:var(--shadow);min-height:640px;padding:18px}.intentBox{background:rgba(4,6,18,.54);border:1px solid rgba(255,255,255,.16);border-radius:24px;display:grid;gap:12px}.intentBox label{font-weight:800}.intentBox textarea{background:rgba(4,6,18,.8);border:1px solid transparent;border-radius:18px;min-height:154px;outline:none;padding:16px;resize:vertical}.intentBox textarea:focus{border-color:rgba(124,92,255,.7)}.chips button,.intentBox button{border:0;cursor:pointer}.intentBox button{background:linear-gradient(135deg,var(--primary),var(--cyan));border-radius:18px;color:#fff;font-weight:800;padding:16px 22px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.chips button{background:rgba(255,255,255,.07);padding:10px 15px}.chips button:hover{border-color:rgba(25,211,218,.6)}.heroStats{background:rgba(255,255,255,.05);border-radius:24px;gap:12px;justify-content:space-between;padding:18px}.heroStats div{display:grid;gap:2px}.heroStats strong{font-size:24px}.heroStats span{color:var(--muted);font-size:13px}.panelHeader{align-items:start;display:grid;gap:8px;margin-bottom:18px;padding-bottom:16px}.panelHeader h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.04em;line-height:1.05;margin:0}.panelHeader p{color:var(--muted);margin:0}.emptyState{align-items:center;color:var(--muted);display:grid;justify-items:center;min-height:460px;text-align:center}.emptyState h3{color:var(--text);font-size:24px;margin:18px 0 8px}.emptyState p{line-height:1.8;margin:0;max-width:460px}.analysisCard{align-items:center;background:rgba(4,6,18,.38);border:1px solid rgba(255,255,255,.1);border-radius:24px;display:grid;gap:26px;grid-template-columns:120px 1fr;min-height:460px;padding:28px}.orb{animation:pulse 1.2s ease-in-out infinite;background:radial-gradient(circle at 35% 30%,#fff,transparent 12px),linear-gradient(135deg,var(--primary),var(--cyan));border-radius:999px;height:96px;width:96px}.analysis-step{align-items:center;animation:slideIn .5s ease both;display:flex;gap:10px;margin:10px 0}.analysis-step span{animation:blink 1s ease-in-out infinite;background:var(--green);border-radius:999px;display:inline-flex;height:9px;width:9px}.resultsGrid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.recommendColumn{display:grid;gap:14px}.recommendColumn h3{margin:0 0 4px}.recommend-card{animation:rise .5s ease both;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:24px;transition:.2s ease}.featureCard:hover,.recommend-card:hover{border-color:rgba(25,211,218,.54);transform:translateY(-2px)}.cardTop{gap:12px}.brandLogo{align-items:center;background:rgba(255,255,255,.96);border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.2);display:inline-flex;flex:0 0 auto;height:48px;justify-content:center;overflow:hidden;width:48px}.brandLogo img{display:block;height:30px;object-fit:contain;width:30px}.cardTop div:nth-child(2){display:grid;flex:1}.cardTop span,.featureCard p,.recommend-card p{color:var(--muted)}.cardTop em{background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.28);border-radius:999px;color:var(--green);font-size:12px;font-style:normal;font-weight:800;padding:6px 10px}.recommend-card p{line-height:1.7;margin:12px 0}.metaGrid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.metaGrid div{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);border-radius:16px;display:grid;gap:4px;padding:12px}.metaGrid small{color:var(--muted)}.metaGrid b{font-size:13px;line-height:1.4}.libraryDock{display:grid;gap:14px}.libraryStrip{background:rgba(4,6,18,.38);border:1px solid rgba(255,255,255,.1);border-radius:22px}.libraryTitle{color:var(--text);font-weight:900;margin-bottom:10px}.libraryItems{display:grid;gap:10px}.libraryItem{align-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:18px;display:grid;gap:12px;grid-template-columns:48px 1fr auto;padding:10px}.libraryItem div:nth-child(2){display:grid;gap:2px}.libraryItem span{color:var(--muted);font-size:12px}.libraryItem b{color:var(--gold)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(25,211,218,.22);transform:scale(1)}50%{box-shadow:0 0 0 18px rgba(25,211,218,0);transform:scale(1.04)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:.35}}@media (max-width:860px){.nav{align-items:flex-start;flex-direction:column;gap:14px}.navLinks{flex-wrap:wrap;gap:14px}.onePageWorkbench{padding:28px 16px}.analysisCard,.heroStats,.metaGrid,.resultsGrid,.workbenchGrid,.workbenchHero{grid-template-columns:1fr}.queryPanel,.recommendationPanel{min-height:auto}}:root{--bg:#09090b;--panel:#111113;--panel-strong:#151518;--text:#fafafa;--muted:#a1a1aa;--subtle:#71717a;--line:rgba(255,255,255,0.08);--line-strong:rgba(255,255,255,0.14);--primary:#fafafa;--cyan:#d4d4d8;--green:#a1a1aa;--gold:#fafafa;--shadow:none}body{background:var(--bg);color:var(--text);line-height:1.6}.modelji-backdrop{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.modelji-backdrop:before{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:64px 64px;content:"";inset:0;mask-image:radial-gradient(ellipse 80% 70% at 50% 0,black,transparent 75%);position:absolute}.modelji-backdrop-glow{border-radius:999px;filter:blur(80px);opacity:.48;position:absolute}.modelji-backdrop-glow--a{background:radial-gradient(circle,rgba(90,90,110,.34),transparent 70%);height:360px;left:50%;top:-120px;transform:translateX(-50%);width:min(560px,90vw)}.modelji-backdrop-glow--b{background:radial-gradient(circle,rgba(60,60,80,.2),transparent 70%);bottom:8%;height:300px;right:-10%;width:400px}main{position:relative;z-index:1}.nav{background:rgba(9,9,11,.8);border-bottom:1px solid var(--line);padding:0 24px;height:64px}.brand{font-size:15px;font-weight:650;letter-spacing:-.01em}.brandMark{background:var(--text);border-radius:6px;color:var(--bg);height:28px;width:28px}.navLinks{gap:32px;font-size:14px}.onePageWorkbench{max-width:72rem;min-height:auto;padding:72px 20px 80px}.workbenchHero{align-items:end;grid-template-columns:1fr 320px;margin-bottom:18px}.heroBadge,.panelHeader span{background:transparent;border:none;border-radius:0;color:var(--subtle);font-size:12px;font-weight:600;letter-spacing:.12em;padding:0;text-transform:uppercase}.workbenchHero h1{color:var(--text);font-size:clamp(36px,5.4vw,58px);font-weight:600;letter-spacing:-.04em;line-height:1.08;margin:18px 0 16px;max-width:680px}.workbenchHero p{color:var(--muted);font-size:15px;line-height:1.85;max-width:560px}.brandGallery{align-items:center;border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:flex;gap:0;margin:28px 0 20px;overflow:hidden}.brandGalleryItem{align-items:center;border-right:1px solid var(--line);display:flex;flex:1;justify-content:center;min-height:84px;opacity:.78;transition:opacity .2s,background .2s}.brandGalleryItem:first-child{border-left:1px solid var(--line)}.brandGalleryItem:hover{background:rgba(255,255,255,.035);opacity:1}.heroStats{background:transparent;border:1px solid var(--line);border-radius:12px;display:grid;gap:0;padding:0}.heroStats div{border-bottom:1px solid var(--line);padding:16px}.heroStats div:last-child{border-bottom:none}.heroStats strong{color:var(--text);font-size:22px;font-weight:600}.heroStats span{color:var(--subtle)}.workbenchGrid{gap:16px;grid-template-columns:400px minmax(0,1fr)}.queryPanel,.recommendationPanel{background:var(--panel);min-height:620px}.intentBox,.queryPanel,.recommendationPanel{border:1px solid var(--line);border-radius:12px;padding:16px}.intentBox{background:transparent}.intentBox label{color:var(--text);font-size:14px;font-weight:600}.intentBox textarea{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:8px;color:var(--text);min-height:132px}.intentBox textarea::placeholder{color:var(--subtle)}.intentBox textarea:focus{border-color:rgba(255,255,255,.35)}.intentBox button{background:var(--text);border-radius:8px;color:var(--bg);font-weight:600;padding:13px 18px;transition:background .2s,transform .15s}.intentBox button:hover{background:#d4d4d8;transform:translateY(-1px)}.chips{gap:8px}.chips button{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;padding:7px 11px}.chips button:hover{background:rgba(255,255,255,.04);border-color:var(--line-strong);color:var(--text)}.panelHeader{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:14px}.panelHeader h2{font-size:24px;font-weight:600;letter-spacing:-.03em}.panelHeader p{color:var(--subtle);font-size:14px}.emptyState{min-height:420px}.emptyState h3{font-size:20px;font-weight:600}.analysisCard{background:transparent;border:1px solid var(--line);border-radius:12px;min-height:420px}.orb{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.85),transparent 12px),#27272a;border:1px solid var(--line-strong);height:86px;width:86px}.analysis-step{color:var(--muted)}.analysis-step span{background:var(--text)}.resultsGrid{gap:16px}.recommendColumn h3{font-size:14px;font-weight:600;color:var(--muted)}.libraryItem,.libraryStrip,.recommend-card{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:12px}.recommend-card{padding:16px}.libraryItem:hover,.recommend-card:hover{border-color:var(--line-strong);transform:none}.brandLogo{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:999px;box-shadow:none;color:var(--text);height:44px;padding:10px;width:44px}.brandLogo svg{display:block;fill:currentColor;height:100%;width:100%}.cardTop em{background:rgba(255,255,255,.04);border:1px solid var(--line);font-weight:500}.cardTop em,.cardTop span,.recommend-card p{color:var(--muted)}.recommend-card p{font-size:13px}.metaGrid{gap:8px}.metaGrid div{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:8px;padding:10px}.metaGrid small{color:var(--subtle)}.metaGrid b{color:var(--text);font-weight:500}.libraryDock{gap:12px}.libraryStrip{padding:14px}.libraryTitle{color:var(--muted);font-size:13px;font-weight:600}.libraryItem{grid-template-columns:44px 1fr auto;padding:9px}.libraryItem span{color:var(--subtle)}.libraryItem b{color:var(--text);font-weight:600}@media (max-width:980px){.workbenchGrid,.workbenchHero{grid-template-columns:1fr}.queryPanel,.recommendationPanel{min-height:auto}}.vendor-model-browser{display:grid;gap:16px;grid-template-columns:260px minmax(260px,.9fr) minmax(360px,1.1fr)}.modelDetailPanel,.modelListPanel,.vendorRail{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-height:620px;padding:16px}.panelHeader.compact{margin-bottom:14px;padding-bottom:12px}.panelHeader.compact h2{font-size:18px;line-height:1.45}.modelCards,.vendorList{display:grid;gap:10px}.modelSelectCard,.vendorButton{align-items:center;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:12px;color:var(--text);cursor:pointer;display:grid;gap:12px;padding:12px;text-align:left;transition:background .2s,border-color .2s}.vendorButton{grid-template-columns:44px 1fr}.modelSelectCard.isActive,.modelSelectCard:hover,.vendorButton.isActive,.vendorButton:hover{background:rgba(255,255,255,.055);border-color:var(--line-strong)}.modelSelectCard span,.vendorButton span{display:grid;gap:2px}.modelSelectCard strong,.vendorButton strong{font-size:14px;font-weight:600}.modelSelectCard small,.vendorButton small{color:var(--subtle);font-size:12px}.miniIntentBox{border-top:1px solid var(--line);display:grid;gap:10px;margin-top:16px;padding-top:16px}.miniIntentBox label{color:var(--muted);font-size:13px;font-weight:600}.miniIntentBox textarea{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:8px;color:var(--text);min-height:82px;outline:none;padding:10px;resize:vertical}.miniIntentBox button{background:transparent;border:1px solid var(--line-strong);border-radius:8px;color:var(--muted);cursor:pointer;padding:10px 12px}.miniIntentBox button:hover{color:var(--text)}.modelSelectCard{grid-template-columns:1fr auto}.modelSelectCard b{color:var(--text);font-size:22px;font-weight:600}.recommendationPanel.inline{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:12px;margin-top:16px;min-height:auto;padding:14px}.analysisMini{display:grid;gap:6px}.compactResults{grid-template-columns:1fr}.compactResults .recommend-card:nth-child(n+2){display:none}.modelDetailPanel{position:relative}.detailHero{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:14px;grid-template-columns:56px 1fr auto;padding-bottom:18px}.detailHero .brandLogo{height:56px;width:56px}.detailHero span{color:var(--subtle);font-size:13px}.detailHero h2{font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:2px 0 0}.detailHero b{color:var(--text);font-size:36px;font-weight:600}.detailSource{align-items:center;display:flex;gap:10px;margin:16px 0 22px}.detailSource span{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:12px;padding:4px 9px}.detailSource small{color:var(--subtle)}.modelDetailPanel h3{color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.08em;margin:22px 0 10px;text-transform:uppercase}.detailGrid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.specItem{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:10px;display:grid;gap:6px;padding:12px}.specItem span{color:var(--subtle);font-size:12px}.specItem strong{color:var(--text);font-size:14px;font-weight:500;line-height:1.45}.scenarioTags{display:flex;flex-wrap:wrap;gap:8px}.scenarioTags span{border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;padding:6px 10px}.tradeoff{color:var(--muted);font-size:14px;line-height:1.8;margin:0}@media (max-width:1100px){.vendor-model-browser{grid-template-columns:1fr}.modelDetailPanel,.modelListPanel,.vendorRail{min-height:auto}}.navLinks a.isActive{color:var(--text)}.pageSection{max-width:72rem;margin:0 auto;padding:48px 20px 80px;position:relative;z-index:1}.pageHeader{margin-bottom:32px}.pageHeader h1{font-size:clamp(28px,4vw,42px);font-weight:600;letter-spacing:-.03em;margin:0 0 8px}.pageHeader p{color:var(--muted);font-size:15px;margin:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tab{padding:6px 16px;border-radius:999px;font-size:13px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--muted);transition:all .15s}.tab:hover{border-color:var(--line-strong);color:var(--text)}.tab.active{background:var(--text);color:var(--bg);border-color:var(--text)}.rankTable{border:1px solid var(--line);border-radius:12px;overflow:hidden}.rankHead{font-size:12px;color:var(--subtle);background:rgba(255,255,255,.02)}.rankHead,.rankRow{display:grid;grid-template-columns:56px 2fr 1fr 1.2fr .8fr .8fr .7fr .8fr;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}.rankRow{align-items:center;font-size:14px;transition:background .15s}.rankRow:last-child{border-bottom:none}.rankRow:hover{background:rgba(255,255,255,.03)}.rankBadge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-weight:700;font-size:13px}.rank1{background:linear-gradient(135deg,#FFD700,#FFA500);color:#000}.rank2{background:linear-gradient(135deg,#C0C0C0,#A0A0A0);color:#000}.rank3{background:linear-gradient(135deg,#CD7F32,#A0522D);color:#fff}.rankOther{background:rgba(255,255,255,.06);color:var(--muted)}.col-model{display:flex;align-items:center;gap:10px}.col-model div{display:grid;gap:2px}.col-model strong{font-size:14px;font-weight:600}.col-model small{color:var(--subtle);font-size:12px}.tagOpen{font-size:10px;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.06);color:var(--muted);margin-left:6px}.col-vendor{color:var(--muted)}.col-price,.col-vendor{font-size:13px}.col-ctx,.col-elo{color:var(--muted);font-size:13px}.priceVal{font-weight:500}.rankLogo{width:32px;height:32px;border-radius:999px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(255,255,255,.03);color:var(--text);font-size:14px;font-weight:700}.rankLogo svg{width:18px;height:18px;fill:currentColor}.scoreBarWrap{display:flex;align-items:center;gap:8px}.scoreBar{width:72px;height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}.scoreBarFill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--text),var(--muted))}.scoreNum{font-weight:600;font-size:14px}@media (max-width:900px){.rankHead,.rankRow{grid-template-columns:40px 1.5fr .8fr 1fr}.col-ctx,.col-elo,.col-price,.rankHead .col-ctx,.rankHead .col-elo,.rankHead .col-price{display:none}}.cmpSlots{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:32px}.cmpSlot{background:rgba(255,255,255,.02);border:2px dashed var(--line);border-radius:12px;padding:20px;text-align:center;display:grid;gap:8px;align-items:center;justify-items:center;position:relative;min-height:140px}.cmpSlot.filled{border-style:solid;border-color:var(--line-strong);background:rgba(255,255,255,.03)}.cmpSlotAdd,.cmpSlotBtn{display:grid;gap:6px;align-items:center;justify-items:center;background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;width:100%;height:100%}.cmpPlus{font-size:28px;line-height:1}.cmpSlotRemove{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.08);border:none;color:var(--muted);cursor:pointer;width:24px;height:24px;border-radius:999px;font-size:16px;display:flex;align-items:center;justify-content:center}.cmpSlotRemove:hover{color:var(--text);background:rgba(255,255,255,.14)}.cmpLogo{width:44px;height:44px;border-radius:999px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.03);color:var(--text);font-size:18px;font-weight:700}.cmpLogo svg{width:24px;height:24px;fill:currentColor}.cmpTable{border:1px solid var(--line);border-radius:12px;overflow:hidden}.cmpRow{display:grid;grid-template-columns:140px repeat(auto-fill,minmax(180px,1fr));border-bottom:1px solid var(--line)}.cmpRow:last-child{border-bottom:none}.cmpLabel{font-size:13px;color:var(--subtle);font-weight:600;background:rgba(255,255,255,.02)}.cmpCell,.cmpLabel{padding:12px 16px;border-right:1px solid var(--line)}.cmpCell{font-size:14px}.cmpCell:last-child{border-right:none}.cmpEmpty{background:rgba(255,255,255,.01)}.cmpWinner{color:var(--text);font-weight:600;background:rgba(255,255,255,.04)}.cmpTags{display:flex;flex-wrap:wrap;gap:4px}.cmpTag{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.cmpTradeoff{font-size:13px;color:var(--muted);line-height:1.6}.cmpPickerOverlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.cmpPicker{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(480px,90vw);max-height:70vh;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.cmpPickerHead{padding:20px;border-bottom:1px solid var(--line);display:grid;gap:12px}.cmpPickerHead h3{margin:0;font-size:16px;font-weight:600}.cmpPickerHead input{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:10px 12px;font-size:14px;outline:none}.cmpPickerHead input:focus{border-color:var(--line-strong)}.cmpPickerList{overflow-y:auto;padding:8px}.cmpPickerItem{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;border:none;background:none;color:var(--text);cursor:pointer;width:100%;text-align:left}.cmpPickerItem:hover{background:rgba(255,255,255,.05)}.cmpPickerItem div{display:grid;gap:2px}.cmpPickerItem strong{font-size:14px}.cmpPickerItem small{color:var(--subtle);font-size:12px}@media (max-width:700px){.cmpRow{grid-template-columns:100px repeat(2,1fr)}.cmpLabel{font-size:12px;padding:8px}.cmpCell{padding:8px;font-size:13px}}.priceStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px}.priceStat{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:4px}.priceStat strong{font-size:22px;font-weight:600}.priceStat span{color:var(--subtle);font-size:12px}.priceToolbar{justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.priceToolbar,.sortBtns{display:flex;align-items:center}.sortBtns{gap:6px}.sortLabel{color:var(--subtle);font-size:12px}.sortBtn{padding:4px 10px;border-radius:999px;font-size:12px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--muted)}.sortBtn.active{background:rgba(255,255,255,.06);color:var(--text);border-color:var(--line-strong)}.priceGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:32px}.priceCard{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:12px;padding:16px;transition:border-color .15s}.priceCard:hover{border-color:var(--line-strong)}.priceCardHead{display:flex;align-items:center;gap:10px;margin-bottom:16px}.priceCardHead div{display:grid;gap:2px;flex:1}.priceCardHead strong{font-size:14px;font-weight:600}.priceCardHead small{color:var(--subtle);font-size:12px}.priceScore{font-size:20px;font-weight:600;color:var(--text)}.priceLogo{width:36px;height:36px;border-radius:999px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.03);color:var(--text);font-size:14px;font-weight:700;flex-shrink:0}.priceLogo svg{width:20px;height:20px;fill:currentColor}.priceRow{display:flex;align-items:center;gap:10px;margin-bottom:8px}.priceRow>span:first-child{color:var(--subtle);font-size:12px;width:48px;flex-shrink:0}.priceBarWrap{display:flex;align-items:center;gap:8px;flex:1}.priceBar{flex:1;height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}.priceBarFill{height:100%;border-radius:3px;transition:width .3s}.priceNum{font-size:13px;font-weight:500;min-width:52px;text-align:right}.priceFooter{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);margin-top:12px;font-size:12px;color:var(--subtle)}