@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800&display=swap');
:root{--bg:#1b2838;--paper:#202d3d;--ink:#dce3eb;--muted:#a7b6c6;--line:#304255;--green:#67c1f5;--lime:#b8d86c;--soft:#263f50;--warn:#f2be70;--radius:3px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Golos Text',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:var(--lime)}:focus-visible{outline:3px solid #67c1f5;outline-offset:3px}input{caret-color:var(--green)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:32px;font-weight:600;letter-spacing:-1px;line-height:1.2}h2{font-size:21px;font-weight:600;letter-spacing:-.5px}h3{font-size:16px;font-weight:600}small{font-size:11px}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#171d25;padding:32px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.8px;padding:0 10px}.brand-icon{display:grid;place-items:center;width:32px;height:32px;background:var(--green);color:var(--lime);border-radius:9px;font-size:30px;line-height:1}.brand-dot{width:5px;height:5px;background:var(--green);border-radius:50%;margin-left:-5px;margin-top:12px}.workspace{font-size:9px;letter-spacing:1.25px;color:var(--muted);margin:42px 12px 16px}.nav{width:100%;border:0;background:none;text-align:left;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:9px;margin-bottom:5px;color:#b8c4d0;font-size:13px}.nav.active{background:var(--green);color:#202d3d}.nav:hover:not(.active){background:#27394e}.count{margin-left:auto;min-width:21px;text-align:center;background:#ffffff25;border-radius:5px;font-size:11px;padding:3px}.sidebar-note{margin-top:auto;border-top:1px solid #293a4b;padding:20px 10px;font-size:11px;line-height:1.6}.sidebar-note p{margin-top:8px;color:var(--muted);font-size:11px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#537d40;margin-right:6px}.sidebar-bottom{display:flex;gap:10px;align-items:center;border-top:1px solid #293a4b;padding:19px 8px 0;font-size:12px}.sidebar-bottom small{display:block;color:var(--muted);margin-top:4px;font-size:10px}.avatar{background:#2e455e;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:9px;font-weight:600}.shell{margin-left:224px}header{height:78px;display:flex;gap:20px;align-items:center;padding:0 38px;border-bottom:1px solid var(--line);background:#171d25}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:#a0aaa1}.breadcrumb b{font-weight:500;color:var(--ink)}.local-status{font-size:11px;color:var(--muted);margin-left:auto}.button{border:1px solid #3e5368;background:#202d3d;padding:11px 16px;border-radius:8px;font-weight:500;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.button:hover{background:#34526d}.button.primary{background:var(--green);color:#202d3d;border-color:var(--green)}.button.primary:hover{background:#8ed4fb}.button.lime{background:var(--lime);border-color:var(--lime);color:#17212b}.button.ghost{background:transparent;border-color:transparent}.button.small{padding:8px 11px;font-size:11px}.button svg{width:16px;height:16px}main{max-width:1440px;margin:auto;padding:32px 38px 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.page-heading p{color:var(--muted);margin-top:9px;font-size:12px}.heading-actions{display:flex;gap:8px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:24px;align-items:start}.build-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.build-header{padding:23px 24px 19px;border-bottom:1px solid var(--line)}.build-title{display:flex;gap:12px;align-items:center}.name-input{font-size:20px;letter-spacing:-.5px;font-weight:600;padding:3px 0;border:0;border-bottom:1px solid transparent;background:transparent;width:100%;min-width:0;color:var(--ink)}.name-input:hover,.name-input:focus{border-bottom-color:#67c1f5;outline:0}.build-meta{display:flex;align-items:center;gap:10px;margin-top:10px;color:var(--muted);font-size:11px}.tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:5px 8px;border-radius:5px;background:var(--soft);color:var(--green)}.tag.warn{background:#443a2d;color:var(--warn)}.list-heading{padding:13px 24px;background:#1c2a3a;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.part-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px 24px;border-top:1px solid var(--line)}.part-row:first-child{border-top:0}.part-icon{background:#253b50;width:46px;height:46px;border-radius:10px;display:grid;place-items:center;color:#8dacc4}.part-icon svg{height:26px;width:26px}.part-info small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.part-info h3{font-size:12px;font-weight:600;line-height:1.5}.part-info p{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.5}.part-actions{display:flex;align-items:center;gap:8px}.part-price{font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:7px;color:var(--muted);width:28px;height:28px}.icon-button:hover{background:#e8eee3;color:var(--green)}.icon-button svg{width:15px;height:15px}.remove{width:22px}.empty-part{border:1px dashed #49718b;background:transparent;color:var(--green);padding:8px 12px;border-radius:7px;font-size:11px}.build-bottom{border-top:1px solid var(--line);padding:15px 24px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.build-bottom span{display:flex;gap:6px;align-items:center}.build-bottom svg{width:13px;height:13px}.summary{background:#162331;border-radius:var(--radius);padding:22px;position:sticky;top:24px}.summary-top{display:flex;justify-content:space-between;align-items:center}.summary-top span{font-size:10px;color:var(--muted)}.summary h3{font-size:14px}.pc-visual{height:188px;display:flex;justify-content:center;align-items:center;position:relative;margin:13px 0 7px}.pc-visual svg{width:156px;height:176px;stroke-width:1;stroke:#73856c}.pc-visual .component{fill:#d6e2ce;transition:fill .3s}.pc-visual .on{fill:#b1cc98}.visual-label{position:absolute;right:0;bottom:4px;color:#a7b6c6;font-size:9px}.summary-price small{color:var(--muted);font-size:11px}.total{font-size:34px;letter-spacing:-1px;font-weight:600;margin:7px 0 4px;font-variant-numeric:tabular-nums}.price-note{font-size:9px;color:var(--muted)}.budget-box{margin-top:21px;padding-top:18px;border-top:1px solid #304255}.budget-line{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a7b6c6}.budget-input{background:transparent;border:0;text-align:right;width:84px;font-weight:500;color:var(--ink);padding:3px;font-size:11px}.meter{height:5px;background:#304255;border-radius:3px;margin:9px 0;overflow:hidden}.meter>span{display:block;height:100%;background:var(--green);transition:none}.budget-left{font-size:10px;color:var(--green)}.summary .button{width:100%;margin-top:20px}.summary .button+.button{margin-top:7px}.compatibility{margin-top:17px;background:#202d3d;border:1px solid var(--line);border-radius:var(--radius);padding:19px}.compatibility h3{font-size:12px;display:flex;align-items:center;gap:7px}.compatibility h3 svg{color:var(--green);width:17px}.compatibility p,.compatibility li{font-size:10px;line-height:1.7;color:var(--muted);margin-top:8px}.compatibility ul{padding-left:15px;margin-bottom:0}.power{display:flex;justify-content:space-between;padding-top:13px;margin-top:13px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.power b{color:var(--ink);font-weight:500}.notice{display:flex;gap:10px;margin-top:19px;font-size:10px;line-height:1.6;color:var(--muted)}.notice svg{width:16px;height:16px;flex-shrink:0}footer{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;padding:4px 38px 25px;font-size:9px;color:#a7b6c6}dialog{position:fixed;inset:0 0 0 auto;margin:0;border:0;border-left:1px solid var(--line);height:100dvh;max-height:100dvh;width:560px;max-width:100%;padding:28px;color:var(--ink);background:#1c2a3a;box-shadow:-12px 0 70px #19301b25}dialog::backdrop{background:#14241c55}dialog[open]{animation:slide-in .23s ease-out}@keyframes slide-in{from{translate:25px 0;opacity:.7}to{translate:0;opacity:1}}.drawer-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.drawer-head small{color:var(--muted);font-size:9px;letter-spacing:1px}.drawer-head h2{margin-top:8px}.picker-controls{display:flex;gap:10px;margin:25px 0 14px}.search-wrap{display:flex;align-items:center;gap:9px;border:1px solid #3e5368;border-radius:8px;background:#202d3d;padding:10px;flex:1;min-width:0}.search-wrap svg{width:17px;height:17px;color:var(--muted)}.search-wrap input{min-width:0;width:100%;background:transparent;border:0;outline:0;font-size:12px;color:var(--ink)}input::placeholder{color:#a7b6c6}select{border:1px solid #3e5368;background:white;border-radius:8px;padding:8px;font-size:11px;color:var(--ink);max-width:150px}.check-label{font-size:11px;display:flex;align-items:center;gap:7px;color:var(--muted);margin-bottom:20px}input[type=checkbox]{accent-color:var(--green)}.product{background:#202d3d;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:12px}.product-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.product h3{font-size:14px}.product p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:5px}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.product-price{font-size:17px;font-weight:600}.product-warning{font-size:10px;color:var(--warn);margin:10px 0;line-height:1.6}.catalog-note{font-size:10px;color:var(--muted);line-height:1.8;margin-top:20px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#25465b;color:white;border-radius:9px;padding:13px 22px;font-size:12px;transition:.2s;z-index:20;max-width:90%;box-shadow:0 5px 24px #14241c20}.toast.visible{opacity:1;transform:translate(-50%,0)}.saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.saved-card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px}.saved-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.saved-card h2{font-size:19px}.saved-card p{color:var(--muted);font-size:11px;line-height:1.9;margin-top:10px}.saved-card .card-price{font-size:25px;font-weight:600;margin:19px 0}.card-buttons{display:flex;gap:8px;flex-wrap:wrap}.empty-state{text-align:center;background:white;border:1px solid var(--line);padding:70px 20px;border-radius:14px}.empty-state svg{width:40px;height:40px;color:var(--green);margin-bottom:17px}.empty-state p{color:var(--muted);margin:12px 0 24px;font-size:12px}.view-details{margin-top:14px;background:#182330;border-radius:8px;padding:12px}.view-details div{padding:6px 0;font-size:11px;display:flex;gap:10px;justify-content:space-between}.view-details span{color:var(--muted)}.confirm-row{margin-top:12px;display:flex;gap:8px;align-items:center;font-size:11px;color:#f2be70}.saved-search{max-width:350px;margin-bottom:20px}.mobile-brand{display:none}.saved-caption{margin-bottom:20px;color:var(--muted);font-size:12px}.warning-text{color:var(--warn)!important}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#486078;border-radius:5px}::-webkit-scrollbar-track{background:#171d25}
@media(min-width:1500px){.editor-grid{grid-template-columns:minmax(0,1fr) 330px}.part-row{padding-top:20px;padding-bottom:20px}.summary{padding:26px}.pc-visual{height:220px}.pc-visual svg{height:200px;width:180px}}
@media(max-width:1150px){.sidebar{width:186px;padding-left:12px;padding-right:12px}.brand{font-size:19px}.workspace{font-size:8px;letter-spacing:.7px}.shell{margin-left:186px}main{padding:28px 24px}.editor-grid{grid-template-columns:minmax(0,1fr) 260px;gap:16px}header{padding:0 24px}.part-row{padding:15px;gap:10px;grid-template-columns:38px minmax(0,1fr) auto}.part-icon{width:38px;height:42px}.part-actions{gap:3px}.part-price{font-size:11px}.summary{padding:19px}.build-header{padding:20px}.page-heading{align-items:flex-start}h1{font-size:28px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.sidebar-note{font-size:10px}}
@media(max-width:950px){.editor-grid{grid-template-columns:minmax(0,1fr) 235px}.part-row{grid-template-columns:34px minmax(0,1fr)}.part-actions{grid-column:2;justify-content:flex-start;margin-top:-4px}.part-icon{grid-row:span 2;width:34px}.part-price{margin-right:auto}.local-status{display:none}.breadcrumb{margin-right:auto}.summary .total{font-size:29px}.saved-grid{grid-template-columns:1fr}}
@media(max-width:720px){.sidebar{position:relative;width:100%;height:auto;inset:auto;padding:17px 20px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0;font-size:20px}.brand-icon{width:29px;height:29px}.workspace,.sidebar-note,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-top:18px;gap:7px}.nav{font-size:11px;padding:11px 10px;justify-content:center;gap:6px;margin:0;border-radius:8px 8px 0 0}.nav svg{width:16px;height:16px}.shell{margin-left:0}header{height:53px;padding:0 20px;gap:8px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 5px}main{padding:24px 18px}.page-heading{gap:15px;flex-wrap:wrap;margin-bottom:20px}h1{font-size:28px}.page-heading p{font-size:11px;line-height:1.7}.heading-actions{justify-content:flex-start}.editor-grid{grid-template-columns:1fr}.part-row{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:15px}.part-icon{width:40px;grid-row:auto}.part-actions{grid-column:auto;display:grid;grid-template-columns:24px 22px;gap:3px;justify-content:end}.part-price{grid-column:span 2;font-size:11px;text-align:right}.part-info h3{font-size:11px}.part-info p{font-size:9px}.part-info small{font-size:9px}.part-info{min-width:0}.build-header{padding:17px}.name-input{font-size:18px}.build-meta{font-size:9px;flex-wrap:wrap;gap:6px}.build-bottom{padding:14px;font-size:9px}.summary{position:static}.pc-visual{height:155px;margin-top:0}.pc-visual svg{height:150px}.summary-top h3{font-size:16px}.summary .total{font-size:36px}.budget-box{margin-top:15px}.notice{margin-top:14px}footer{padding:5px 18px 20px;font-size:8px}dialog{padding:23px 18px}.picker-controls{flex-direction:column}.picker-controls select{max-width:none;width:100%}.empty-part{padding:7px;font-size:10px}.saved-card{padding:19px}.product{padding:15px}.local-status{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.workspace,.avatar,.sidebar-bottom small,.brand-dot,.price-note,.visual-label,footer{font-size:10px}.part-info small,.part-info p,.build-meta,.list-heading,.build-bottom,.tag,.summary-top span,.budget-line,.budget-left,.compatibility p,.compatibility li,.power,.notice,.product-warning,.view-details div{font-size:11px}.sidebar-note p,.catalog-note{font-size:12px}.part-info h3{font-size:13px}.view-details b{text-align:right;overflow-wrap:anywhere}.tag svg{width:13px;height:13px}.count{background:#2c4256}.nav.active .count{background:#ffffff25}