@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px}:root{color:#f4f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:radial-gradient(circle at 8% 8%,#305cff2e,#0000 28%),radial-gradient(circle at 95% 20%,#ad46ff26,#0000 30%),radial-gradient(circle at 50% 100%,#00c9ff17,#0000 40%),#080b13;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 8% 8%,#305cff2e,#0000 28%),radial-gradient(circle at 95% 20%,#ad46ff26,#0000 30%),radial-gradient(circle at 50% 100%,#00c9ff17,#0000 40%),#080b13;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{z-index:-1;opacity:.27;pointer-events:none;content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #7a9dff}.app{width:100%;max-width:760px;min-height:100vh;margin:0 auto;padding:28px 16px 48px}.hero{background:linear-gradient(145deg,#171f37e6,#0a0e1aeb),#0d111c;border:1px solid #89a6ff2e;border-radius:26px;margin:0 0 20px;padding:22px 20px 24px;position:relative;overflow:hidden;box-shadow:0 18px 55px #0000004d,inset 0 1px #ffffff12}.hero:after{opacity:.8;content:"";filter:blur(4px);pointer-events:none;background:radial-gradient(circle,#5d7bff59,#0000 68%);border-radius:50%;width:210px;height:210px;position:absolute;top:-70px;right:-70px}.logo-row{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.logo-icon{background:linear-gradient(135deg,#253e8f,#17265a);border:1px solid #7ea2ff59;border-radius:12px;place-items:center;width:36px;height:36px;font-size:18px;display:grid;box-shadow:0 0 22px #4d81ff4d,inset 0 1px #fff3}.eyebrow{color:#91abff;letter-spacing:.14em;margin:0;font-family:Space Grotesk,Arial,sans-serif;font-size:11px;font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,Arial,sans-serif}h1{z-index:1;color:#f7f9ff;letter-spacing:-.04em;max-width:510px;margin:16px 0 10px;font-size:clamp(28px,7vw,40px);font-weight:700;line-height:1.04;position:relative}.subtitle{z-index:1;color:#aeb9ce;max-width:560px;margin:0;font-size:14px;line-height:1.6;position:relative}.form-card,.result-card,.alternatives-section,.error-message{-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#161c2ce8,#0c101bed);border:1px solid #8ea3d329;border-radius:24px;box-shadow:0 16px 44px #0000003d,inset 0 1px #ffffff0d}.form-card{padding:20px}.section-title{color:#f5f7ff;letter-spacing:-.025em;margin:0 0 16px;font-size:20px}label{color:#c9d2e7;letter-spacing:.03em;text-transform:uppercase;margin:18px 0 8px;font-size:12px;font-weight:800;display:block}input,select{color:#f6f8ff;background:#05080f80;border:1px solid #879dcf3b;border-radius:14px;outline:none;width:100%;height:50px;padding:0 14px;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;box-shadow:inset 0 1px #ffffff0a,0 5px 16px #00000029}input::placeholder{color:#6f7b91}input:hover,select:hover{background:#0d1321b8;border-color:#87a6ff7a}input:focus,select:focus{background:#0d1424e0;border-color:#698dff;box-shadow:0 0 0 4px #5b82ff26,0 9px 22px #00000038}select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#9fb1d7 50%),linear-gradient(135deg,#9fb1d7 50%,#0000 50%);background-position:calc(100% - 19px) 21px,calc(100% - 14px) 21px;background-repeat:no-repeat;background-size:5px 5px,5px 5px}select option{color:#f4f7ff;background:#151b29}.quick-budgets,.popular-games{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.quick-budget,.game-chip{color:#aebbd5;cursor:pointer;background:#5c73a014;border:1px solid #849dd338;border-radius:999px;min-height:33px;padding:7px 10px;font-size:12px;font-weight:700;transition:transform .18s,border-color .18s,color .18s,background .18s,box-shadow .18s}.quick-budget:hover,.game-chip:hover{color:#e6edff;background:#4d70dc2e;border-color:#7da3ff99;transform:translateY(-1px)}.quick-budget.active,.game-chip.active{color:#f6f8ff;background:linear-gradient(135deg,#486de88c,#6943c375);border-color:#7b9effcc;box-shadow:0 0 16px #5476ff38}.game-status{color:#7f8ba1;margin-top:9px;font-size:12px;line-height:1.45}.two-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.primary-button,.secondary-button,.select-build-button{cursor:pointer;letter-spacing:-.01em;border:1px solid #0000;font-family:Space Grotesk,Arial,sans-serif;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s,border-color .18s;position:relative;overflow:hidden}.primary-button:before,.select-build-button:before{opacity:.45;content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:55%;height:100%;transition:left .48s;position:absolute;top:0;left:-100%;transform:skew(-22deg)}.primary-button:hover:before,.select-build-button:hover:before{left:150%}.primary-button{color:#fff;background:linear-gradient(110deg,#356cff,#6c46ed 52%,#a943f5);border-color:#a5b9ff94;border-radius:16px;width:100%;min-height:54px;margin-top:24px;font-size:16px;box-shadow:0 12px 28px #435dff4d,inset 0 1px #ffffff6b}.primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 15px 35px #5359ff75,0 0 22px #9843f536,inset 0 1px #ffffff73}.primary-button:active:not(:disabled),.select-build-button:active,.secondary-button:active{transform:translateY(0)scale(.985)}.primary-button:disabled{cursor:wait;opacity:.6}.form-note{color:#7c879c;margin:13px 4px 0;font-size:11px;line-height:1.5}.error-message{color:#ffd8e0;background:linear-gradient(145deg,#56172ac2,#230f1adb);border-color:#ff657e59;margin-top:18px;padding:16px}.error-message strong{font-family:Space Grotesk,Arial,sans-serif}.error-message p{color:#ebb9c7;margin:7px 0 0;font-size:13px;line-height:1.5}.alternatives-section{margin-top:20px;padding:20px}.section-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.section-heading h2{color:#f6f8ff;letter-spacing:-.03em;margin:6px 0 0;font-size:21px}.build-count{color:#98b2ff;background:#3a56a52e;border:1px solid #7391e845;border-radius:999px;flex-shrink:0;padding:7px 10px;font-size:11px;font-weight:800}.alternatives-list{gap:12px;display:grid}.alternative-card{background:linear-gradient(145deg,#1b2235d1,#0d111ed9);border:1px solid #889fd129;border-radius:19px;padding:16px;transition:border-color .2s,transform .2s,box-shadow .2s,background .2s;position:relative;overflow:hidden;box-shadow:0 9px 25px #00000026,inset 0 1px #ffffff0a}.alternative-card:after{opacity:0;content:"";pointer-events:none;background:radial-gradient(circle,#6888ff2e,#0000 66%);border-radius:50%;width:180px;height:180px;transition:opacity .25s;position:absolute;top:-80px;right:-80px}.alternative-card:hover,.alternative-card.selected{background:linear-gradient(145deg,#222d4af0,#0f1525f0);border-color:#7597ff94;transform:translateY(-2px);box-shadow:0 14px 33px #00000040,0 0 0 1px #6787ff1a,inset 0 1px #ffffff12}.alternative-card:hover:after,.alternative-card.selected:after{opacity:1}.alternative-top{z-index:1;align-items:flex-start;gap:11px;display:flex;position:relative}.strategy-icon{background:linear-gradient(135deg,#374fa2a6,#2f1d6fa8);border:1px solid #89a5ff47;border-radius:13px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:18px;display:grid;box-shadow:inset 0 1px #ffffff24}.strategy-title{flex:1;min-width:0}.strategy-title h3{color:#f2f5ff;letter-spacing:-.02em;margin:0;font-size:17px}.strategy-title p{color:#8d9ab3;margin:5px 0 0;font-size:12px;line-height:1.42}.selected-badge{color:#8effc4;background:#29ac7021;border:1px solid #6cffb65e;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:800}.alternative-stats{grid-template-columns:1.3fr .7fr 1fr;gap:8px;margin-top:15px;display:grid}.alternative-stats>div{background:#05080f59;border:1px solid #8ba1d321;border-radius:13px;min-width:0;padding:10px}.alternative-stats span,.part-content span,.stat span,.price-block span,.upgrade-tip span{color:#7e8ba3;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.alternative-stats b{color:#e9eeff;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-family:Space Grotesk,Arial,sans-serif;font-size:14px;display:block;overflow:hidden}.alternative-parts{gap:7px;margin:13px 0 0;display:grid}.alternative-parts p{color:#c1cadb;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.alternative-parts span{color:#7b97ec;letter-spacing:.07em;min-width:34px;margin-right:6px;font-family:Space Grotesk,Arial,sans-serif;font-size:10px;font-weight:700;display:inline-block}.fps-result{margin:13px 0;font-size:12px;font-weight:800}.fps-success{color:#7bf1ae}.fps-warning{color:#ffd27d}.select-build-button{color:#dae4ff;background:linear-gradient(135deg,#3851a39e,#34236fa6);border-color:#809fff66;border-radius:13px;width:100%;min-height:43px;font-size:13px;box-shadow:0 8px 18px #0000002b,inset 0 1px #ffffff1f}.select-build-button:hover{color:#fff;background:linear-gradient(135deg,#3d66e0c2,#703acfc7);border-color:#9db4ffbd;transform:translateY(-1px);box-shadow:0 10px 22px #425cff3d,inset 0 1px #ffffff29}.result-card{margin-top:20px;padding:20px}.result-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.result-heading h2{color:#f7f9ff;letter-spacing:-.035em;margin:6px 0 0;font-size:22px;line-height:1.15}.price-block{text-align:right;background:linear-gradient(145deg,#165b3e59,#0f2d2661);border:1px solid #58eeaa38;border-radius:14px;flex-shrink:0;min-width:112px;padding:10px}.price-block strong{color:#7df3b2;letter-spacing:-.03em;margin-top:4px;font-family:Space Grotesk,Arial,sans-serif;font-size:16px;display:block}.summary{color:#9ca9c0;margin:15px 0 0;font-size:13px;line-height:1.55}.budget-summary{color:#aab5ca;background:#04070d57;border:1px solid #8ca1cc24;border-radius:13px;flex-wrap:wrap;gap:8px 18px;margin:15px 0;padding:11px 12px;font-size:12px;display:flex}.budget-summary b{color:#e7edfc}.remaining-positive{color:#a0c9af}.remaining-positive b{color:#86f2b6}.remaining-negative{color:#e1a6ad}.remaining-negative b{color:#ff909d}.stats-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0;display:grid}.stat{background:linear-gradient(145deg,#212a449e,#0d121fb8),#121825;border:1px solid #8aa2d326;border-radius:15px;min-width:0;padding:12px;box-shadow:inset 0 1px #ffffff0a}.stat b{color:#f3f6ff;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-family:Space Grotesk,Arial,sans-serif;font-size:18px;display:block;overflow:hidden}.stat small{color:#8997af;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;display:block;overflow:hidden}.game-title-stat{font-size:13px!important}.target-status,.info-note,.success-note,.compatibility-check{border-radius:13px;font-size:12px;line-height:1.48}.target-status{margin:14px 0 10px;padding:11px 12px;font-weight:800}.target-success{color:#8cf1b8;background:#197f4c26;border:1px solid #4ee9943d}.target-warning{color:#ffd47c;background:#7a4f1429;border:1px solid #ffc3543d}.info-note{color:#aab8d7;background:#33498921;border:1px solid #6791ff2b;margin:0;padding:12px}.compatibility-block,.parts-section{margin-top:23px}.compatibility-block h3,.parts-section h3{color:#edf2ff;letter-spacing:-.02em;margin:0 0 11px;font-size:17px}.success-note{color:#8df5bc;background:#1a804d21;border:1px solid #4de7913b;margin:0;padding:11px 12px}.checks-list{gap:7px;margin-top:9px;display:grid}.compatibility-check{color:#b3bed1;background:#070b136e;border:1px solid #8aa0cf1f;margin:0;padding:10px 11px}.parts-list{gap:8px;display:grid}.part{background:linear-gradient(135deg,#1f273d91,#0c111ca6);border:1px solid #8aa2d326;border-radius:15px;justify-content:space-between;align-items:center;gap:13px;padding:13px;transition:border-color .18s,transform .18s,background .18s;display:flex}.part:hover{background:linear-gradient(135deg,#273454b8,#101625c2);border-color:#7b9dff61;transform:translate(2px)}.part-content{min-width:0}.part-content b{color:#e4e9f7;text-overflow:ellipsis;margin-top:4px;font-size:13px;line-height:1.35;display:block;overflow:hidden}.part-content small{color:#8592a8;margin-top:4px;font-size:11px;line-height:1.35;display:block}.part>strong{color:#c4d2ff;white-space:nowrap;flex-shrink:0;font-family:Space Grotesk,Arial,sans-serif;font-size:13px}.upgrade-tip{background:linear-gradient(135deg,#30448b3d,#1c154b45);border:1px solid #7391ff3b;border-left:3px solid #7296ff;border-radius:15px;margin-top:20px;padding:14px}.upgrade-tip p{color:#c0cae2;margin:6px 0 0;font-size:12px;line-height:1.55}.secondary-button{color:#cbd7f2;background:#33406154;border-color:#829ede4d;border-radius:15px;width:100%;min-height:48px;margin-top:18px;font-size:14px;box-shadow:0 8px 18px #00000021,inset 0 1px #ffffff14}.secondary-button:hover{color:#fff;background:#45588c7a;border-color:#94b0ff99;transform:translateY(-1px)}@media (width<=540px){.app{padding:16px 12px 36px}.hero,.form-card,.result-card,.alternatives-section{border-radius:20px;padding:16px}.two-columns{grid-template-columns:1fr;gap:0}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid .stat:last-child{grid-column:span 2}.result-heading{flex-direction:column}.price-block{text-align:left;width:100%}.alternative-stats{grid-template-columns:1.25fr .7fr 1fr}}@media (width<=365px){.alternative-stats,.stats-grid{grid-template-columns:1fr}.stats-grid .stat:last-child{grid-column:auto}.section-heading{flex-direction:column}}.quick-budget-label{color:#7f8ba1;letter-spacing:.08em;text-transform:uppercase;margin-top:12px;font-size:11px;font-weight:800}.budget-hint{color:#8d9ab3;margin:9px 3px 0;font-size:12px}.quality-alternatives{background:linear-gradient(145deg,#704b1833,#3020122e);border:1px solid #ffc55b3d;border-radius:17px;margin-top:18px;padding:15px}.quality-alternatives h3{color:#ffe0a0;margin:0 0 7px;font-size:17px}.quality-alternatives-description{color:#c7b38c;margin:0 0 12px;font-size:12px;line-height:1.5}.quality-options{gap:8px;display:grid}.quality-option{background:#05080f57;border:1px solid #8ea2ca2e;border-radius:12px;padding:11px 12px}.quality-option>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.quality-option strong{color:#e1e8f8;font-size:13px}.quality-option span{color:#d9e2ff;font-family:Space Grotesk,Arial,sans-serif;font-size:14px;font-weight:800}.quality-option small{color:#8d9ab3;margin-top:4px;font-size:11px;display:block}.quality-option.recommended{background:#21824f26;border-color:#57eb9a6e}.quality-option.recommended small{color:#8ff3b9}.part-clickable{cursor:pointer}.part-clickable:after{color:#8da7ff;content:"›";margin-left:6px;font-size:24px;line-height:1}.part-clickable:hover{border-color:#779bffb3;box-shadow:0 0 0 1px #698fff26}.gpu-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.gpu-modal{background:radial-gradient(circle at 90% 0,#6946ff33,#0000 35%),linear-gradient(145deg,#1a2338,#0d111c);border:1px solid #7a9bff66;border-radius:24px;width:100%;max-width:700px;max-height:min(88vh,800px);padding:22px;position:relative;overflow-y:auto;box-shadow:0 -15px 55px #00000073,inset 0 1px #ffffff14}.gpu-modal-close{color:#dce5ff;cursor:pointer;background:#080c16b3;border:1px solid #8fa3d545;border-radius:12px;place-items:center;width:36px;height:36px;font-size:26px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.gpu-modal-close:hover{color:#fff;background:#4a568f9e;border-color:#b8c5ffa6}.gpu-modal h2{color:#f4f7ff;max-width:calc(100% - 44px);margin:8px 0 10px;font-size:23px;line-height:1.18}.gpu-modal-note{color:#aab7d0;margin:0;font-size:13px;line-height:1.55}.gpu-specs-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px;display:grid}.gpu-spec{background:#05080f73;border:1px solid #8aa2d329;border-radius:14px;padding:12px}.gpu-spec span,.gpu-connectors>span,.gpu-features>span{color:#8190aa;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.gpu-spec b{color:#ecf1ff;margin-top:6px;font-family:Space Grotesk,Arial,sans-serif;font-size:13px;line-height:1.35;display:block}.gpu-connectors,.gpu-features{background:#05080f59;border:1px solid #8aa2d329;border-radius:14px;margin-top:14px;padding:13px}.gpu-connectors p{color:#d2daed;margin:6px 0 0;font-size:13px;line-height:1.45}.gpu-feature-chips{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.gpu-feature-chip{color:#b9cbff;background:#3d58b12e;border:1px solid #7598ff4f;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:700}.gpu-modal-footer{color:#7c8ba6;text-align:center;margin:15px 0 0;font-size:11px}@media (width<=420px){.gpu-modal-backdrop{padding:8px}.gpu-modal{border-radius:20px;max-height:92vh;padding:18px}.gpu-specs-grid{grid-template-columns:1fr}}.parts-list .part{visibility:visible;opacity:1;justify-content:space-between;align-items:center;min-height:74px;display:flex}.parts-list .part-content{opacity:1;visibility:visible;flex:1;min-width:0;display:block}.parts-list .part-content span{color:#8ea7ef;letter-spacing:.08em;opacity:1;visibility:visible;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;line-height:1.2;display:block}.parts-list .part-content b{color:#f4f7ff;opacity:1;visibility:visible;text-overflow:clip;white-space:normal;font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:800;line-height:1.35;display:block;overflow:visible}.parts-list .part>strong{color:#9eb6ff;opacity:1;visibility:visible;white-space:nowrap;flex:none;margin-left:12px;font-family:Space Grotesk,Arial,sans-serif;font-size:13px;font-weight:800;display:block}.parts-list .part-clickable:after{display:none}.parts-list .part-clickable{border-color:#698eff6b}.parts-list .part-clickable .part-content:after{color:#91acff;content:"Нажми для характеристик видеокарты →";margin-top:6px;font-size:11px;font-weight:700;display:inline-block}.visible-part{opacity:1!important;visibility:visible!important;color:#f4f7ff!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;min-height:82px!important;padding:16px!important;display:flex!important}.visible-part-content{opacity:1!important;visibility:visible!important;flex-direction:column!important;flex:auto!important;gap:6px!important;min-width:0!important;display:flex!important}.visible-part-category{color:#91aaff!important;letter-spacing:.08em!important;opacity:1!important;visibility:visible!important;text-transform:uppercase!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;display:block!important}.visible-part-name{color:#f7f9ff!important;opacity:1!important;visibility:visible!important;text-overflow:clip!important;white-space:normal!important;font-family:Manrope,Arial,sans-serif!important;font-size:15px!important;font-weight:800!important;line-height:1.35!important;display:block!important;overflow:visible!important}.visible-part-notes{color:#8e9bb2!important;opacity:1!important;visibility:visible!important;font-size:11px!important;display:block!important}.visible-part-price{color:#a9bdff!important;opacity:1!important;visibility:visible!important;white-space:nowrap!important;flex:none!important;font-family:Space Grotesk,Arial,sans-serif!important;font-size:14px!important;font-weight:800!important;display:block!important}.visible-part:hover{transform:translate(2px);background:linear-gradient(135deg,#273454b8,#101625c2)!important;border-color:#779bffb3!important}@media (width<=420px){.visible-part{align-items:flex-start!important}.visible-part-price{font-size:12px!important}.visible-part-name{font-size:13px!important}}.compatibility-card{background:linear-gradient(135deg,#182846d1,#0e1626e0);border:1px solid #659cff47;border-radius:18px;margin-top:16px;padding:16px}.compatibility-card__header{align-items:flex-start;gap:12px;display:flex}.compatibility-card__header h3{color:#f5f7ff;margin:0;font-size:15px;font-weight:800}.compatibility-card__header p{color:#9db1d9;margin:6px 0 0;font-size:13px;line-height:1.4}.compatibility-card__icon{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:16px;font-weight:900;display:grid}.compatibility-card__icon--ok{color:#76f0b2;background:#2491612e;border:1px solid #46e2a485}.compatibility-card__icon--error{color:#ff9aa8;background:#b431442e;border:1px solid #ff647894}.compatibility-card__warnings,.compatibility-card__errors{border-radius:12px;margin-top:13px;padding:10px 12px;font-size:12px;line-height:1.45}.compatibility-card__warnings{color:#ffd28a;background:#9b621c24;border:1px solid #ffbf584d}.compatibility-card__errors{color:#ffb0ba;background:#9b273929;border:1px solid #ff6e7d52}.compatibility-card__warnings p,.compatibility-card__errors p{margin:0}.compatibility-card__warnings p+p,.compatibility-card__errors p+p{margin-top:6px}.save-build-button{color:#b8cbff;width:100%;font:inherit;cursor:pointer;background:#25376047;border:1px solid #8fabff52;border-radius:13px;margin-top:9px;padding:11px 14px;font-size:13px;font-weight:800}.save-build-button:hover{color:#f4f7ff;background:#39528d66;border-color:#a4bcff9e}.saved-builds-section{background:#0c13229e;border:1px solid #7090eb38;border-radius:22px;margin-top:20px;padding:18px}.saved-builds-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.saved-builds-header h2{color:#f4f7ff;margin:5px 0 0;font-size:19px}.saved-builds-header>span{color:#dbe6ff;background:#597cdb47;border-radius:50%;place-items:center;width:31px;height:31px;font-size:13px;font-weight:900;display:grid}.saved-builds-list{gap:10px;margin-top:15px;display:grid}.saved-build-card{background:#060b1657;border:1px solid #7391e02e;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.saved-build-strategy{color:#99b4ff;margin:0 0 5px;font-size:12px;font-weight:800}.saved-build-card h3{color:#f3f6ff;margin:0;font-size:14px;line-height:1.35}.saved-build-meta{color:#cbd8f4;margin:7px 0 3px;font-size:13px;font-weight:700}.saved-build-card small{color:#8494b5;font-size:11px}.saved-build-actions{align-items:center;gap:8px;display:flex}.saved-build-open,.saved-build-remove{font:inherit;cursor:pointer;border:0}.saved-build-open{color:#eaf0ff;background:#506ecd75;border-radius:10px;padding:9px 11px;font-size:12px;font-weight:800}.saved-build-remove{color:#ffacb7;background:#8428372e;border:1px solid #ff788947;border-radius:10px;place-items:center;width:30px;height:30px;font-size:21px;line-height:1;display:grid}@media (width<=420px){.saved-build-card{align-items:flex-start}.saved-build-actions{flex-direction:column}}.saved-build-export{color:#b9d2ff;width:30px;height:30px;font:inherit;cursor:pointer;background:#2d60a433;border:1px solid #87b5ff57;border-radius:10px;place-items:center;font-size:17px;font-weight:900;line-height:1;display:grid}.saved-build-export:hover{color:#f3f8ff;background:#3d77c961;border-color:#9bc5ffad}
