.cp-tool{--t-ink:#050507;--t-ink-2:#0b0b0f;--t-ink-3:#131318;--t-line:rgba(255,255,255,0.1);--t-line-2:rgba(255,255,255,0.2);--t-paper:#f3f1ec;--t-text:#c9c6cf;--t-mute:#a19eaa;--t-pink:#ff2d78;--t-pink-2:#e0136a;display:grid;grid-gap:18px;gap:18px;color:var(--t-paper)}.cp-tool-form{display:flex;flex-wrap:wrap;gap:14px;padding:18px;border:1px solid var(--t-line);border-radius:16px;background:var(--t-ink-2)}.cp-field{display:grid;grid-gap:6px;gap:6px;flex:1 1 100%;min-width:0}.cp-field.half{flex:1 1 200px}.cp-field>span{font-size:13.5px;font-weight:600;color:var(--t-text)}.cp-field input,.cp-field select{width:100%;box-sizing:border-box;min-height:46px;padding:10px 14px;border-radius:12px;border:1px solid var(--t-line-2);background:var(--t-ink);color:var(--t-paper);font:inherit;font-size:16px}.cp-field input::placeholder{color:#8f8c98}.cp-field input:focus-visible,.cp-field select:focus-visible{outline:2px solid var(--t-pink);outline-offset:2px;border-color:transparent}.cp-tool-go{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;border:0;background:linear-gradient(180deg,#ff4a8c,var(--t-pink-2));color:#fff;font-weight:600;font-size:15px;line-height:1;font-family:inherit;cursor:pointer;text-decoration:none}.cp-tool-form .cp-tool-go{flex:1 1 100%}.cp-tool-go:disabled{opacity:.7;cursor:progress}.cp-mini:focus-visible,.cp-tool-go:focus-visible{outline:2px solid var(--t-paper);outline-offset:2px}.cp-tool-error{margin:0;padding:12px 14px;border-radius:12px;background:rgba(255,45,120,.12);border:1px solid rgba(255,45,120,.4);color:var(--t-paper)}.cp-tool-results{display:grid;grid-gap:12px;gap:12px}.cp-tool-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cp-tool-results-head h2{margin:0;font-size:18px;font-weight:700;color:var(--t-paper)}.cp-tool-results ol{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.cp-tool-results li{padding:14px 16px;border-radius:14px;border:1px solid var(--t-line);background:var(--t-ink-3);display:grid;grid-gap:10px;gap:10px}.cp-tool-results li p{margin:0;font-size:16px;line-height:1.55;color:var(--t-paper);white-space:pre-wrap;overflow-wrap:anywhere}.cp-tool-row{display:flex;gap:8px;flex-wrap:wrap}.cp-mini{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 16px;border-radius:999px;border:1px solid var(--t-line-2);background:rgba(255,255,255,.06);color:var(--t-paper);font-weight:600;font-size:13.5px;line-height:1;font-family:inherit;cursor:pointer;text-decoration:none}.cp-mini:hover{background:rgba(255,255,255,.12)}.cp-mini.ghost{background:transparent}.cp-tool-cta{display:grid;grid-gap:12px;gap:12px;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,45,120,.35);background:rgba(255,45,120,.07)}.cp-tool-cta p{margin:0;color:var(--t-text);font-size:15px;line-height:1.55}.cp-tool-cta .cp-tool-go{justify-self:start}@media (max-width:560px){.cp-tool-form{padding:14px}.cp-tool-cta .cp-tool-go{justify-self:stretch;text-align:center}}.mk .cp-tools-hero{padding:clamp(32px,5vw,72px) 0 clamp(20px,3vw,36px)}.mk .cp-tools-hero .x-display{font-size:clamp(38px,5.6vw,80px);max-width:18ch}.mk .cp-tool-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);grid-gap:clamp(24px,3.4vw,56px);gap:clamp(24px,3.4vw,56px);align-items:start}.mk .cp-tool-aside{display:grid;grid-gap:16px;gap:16px}.mk .cp-box{border:1px solid var(--x-line);border-radius:16px;padding:18px;background:var(--x-ink-2);display:grid;grid-gap:10px;gap:10px}.mk .cp-box h2{margin:0;font-size:17px;font-weight:700;color:var(--x-paper)}.mk .cp-box p{margin:0;color:var(--x-text);font-size:14.5px;line-height:1.6}.mk .cp-box code{display:block;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--x-text);background:var(--x-ink);border:1px solid var(--x-line);border-radius:10px;padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere}.mk .cp-box .cp-mini{justify-self:start}.mk .cp-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.mk .cp-steps li{counter-increment:s;border:1px solid var(--x-line);border-radius:16px;padding:18px;background:var(--x-ink-2);display:grid;grid-gap:6px;gap:6px}.mk .cp-steps li:before{content:counter(s);font:700 13px/1 var(--x-sans);color:var(--x-pink)}.mk .cp-steps b{color:var(--x-paper);font-size:16px}.mk .cp-steps span{color:var(--x-text);font-size:14.5px;line-height:1.55}.mk .cp-tool-grid{list-style:none;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.mk .cp-tool-grid a{display:grid;grid-gap:8px;gap:8px;height:100%;box-sizing:border-box;padding:20px;border-radius:16px;border:1px solid var(--x-line);background:var(--x-ink-2);color:inherit;text-decoration:none;transition:border-color .2s,background .2s}.mk .cp-tool-grid a:focus-visible,.mk .cp-tool-grid a:hover{border-color:rgba(255,45,120,.55);background:var(--x-ink-3)}.mk .cp-tool-grid b{font-size:17px;color:var(--x-paper)}.mk .cp-tool-grid span{color:var(--x-text);font-size:14.5px;line-height:1.55}.mk .cp-tool-grid small{color:var(--x-pink);font-weight:600;font-size:13px}@media (max-width:860px){.mk .cp-steps,.mk .cp-tool-main{grid-template-columns:minmax(0,1fr)}}