.tools-jump{display:flex;gap:10px;flex-wrap:wrap;margin:39px 0 55px}.tools-jump a{background:#1e2430;border:1px solid #363c48;border-radius:100px;color:#d0d5de;font-size:12px;font-weight:760;padding:10px 17px}.tools-jump a:hover{border-color:#f34e63;color:white}.tool-module{scroll-margin-top:30px;padding:37px 0 75px;border-top:1px solid #343945}.tool-head{margin-bottom:25px}.tool-head .tool-count{font-size:11px;font-weight:850;letter-spacing:1.9px;color:#fc5e6e}.tool-head h2{font:850 clamp(28px,4vw,40px) var(--display);letter-spacing:-1.5px;margin:11px 0 5px}.tool-head p{margin:0;color:#a0aab9;font-size:13px}.calculator-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:18px;align-items:start}.tool-panel,.result-panel,.timer-panel{background:#171d27;border:1px solid #323947;border-radius:16px;padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#c2c8d2;font-weight:660}.form-grid input,.form-grid select{width:100%;background:#0e131c;color:#fff;border:1px solid #3d4553;border-radius:8px;outline:0;padding:11px 13px;min-height:44px}.form-grid input:focus,.form-grid select:focus{border-color:#fd6778}.tool-hint{color:#8b96a4;font-size:11px;line-height:1.8;margin:13px 0}.result-panel{background:radial-gradient(circle at 90% 0,#71314045,transparent 60%),#171d27;position:sticky;top:20px}.result-label{font-size:10px;letter-spacing:1.6px;font-weight:850;color:#cbd1da}.result-price{font:900 clamp(36px,4vw,56px) var(--display);letter-spacing:-2.5px;color:#ff5b6b;padding:18px 0 27px;line-height:1}.result-line{border-top:1px solid #343a45;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:12px;color:#adb5c1}.result-line strong{color:#f3f5f8;text-align:right}.result-line.final{color:#fff;font-weight:800}.result-line.final strong{color:#fb6877}.copy-summary,.action-small,.secondary-small{border:0;min-height:44px;padding:11px 17px;border-radius:9px;font-size:12px;font-weight:800}.copy-summary,.action-small{background:#e84152;color:#fff}.copy-summary{margin-top:17px;width:100%}.secondary-small{background:#292f3b;border:1px solid #3f4754;color:#eef1f5}.palette-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.palette-controls span{font-size:11px;color:#929baa}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.palette-swatch{height:225px;border-radius:13px;display:flex;align-items:end;justify-content:space-between;flex-direction:column;padding:14px;transition:transform .2s}.palette-swatch:hover{transform:translateY(-4px)}.palette-swatch button{background:#ffffffdb;color:#1d1f26;border:0;border-radius:7px;padding:6px 10px;font-weight:800;font-size:12px;cursor:pointer}.palette-swatch .lock-button{background:#ffffffaf;font-size:13px}.palette-swatch .lock-button[aria-pressed="true"]{background:#141820;color:#fff}.timer-panel{min-height:430px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px}.timer-modes{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.mode-btn{background:#262c38;color:#aeb8c8;border:1px solid #3a414d;border-radius:100px;padding:9px 18px;font-size:12px;font-weight:780}.mode-btn.active{background:#e84253;color:#fff;border-color:#e84253}.timer-circle{border:8px solid #e9435470;border-radius:50%;width:245px;height:245px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,#411f2b 5%,#1b202b 75%)}.timer-time{font:900 64px/.95 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-4px}.timer-circle p{font-size:12px;margin:12px 0 0;color:#aeb6c2}.timer-actions{display:flex;gap:10px}.timer-actions button{min-width:120px}@media(max-width:800px){.calculator-layout{grid-template-columns:1fr}.result-panel{position:static}.palette-swatch{height:160px;padding:9px}.palette-swatch button{font-size:10px;padding:5px}}@media(max-width:530px){.tool-panel,.result-panel,.timer-panel{padding:18px}.form-grid{gap:10px}.form-grid label{font-size:11px}.form-grid input,.form-grid select{padding:9px}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.palette-swatch{height:135px;padding:5px}.palette-swatch button{font-size:9px;max-width:100%;padding:4px 2px}.palette-swatch .lock-button{font-size:12px}.timer-circle{width:220px;height:220px}.timer-time{font-size:55px}}
