:root{color-scheme:light;--cx-bg: #faf8f4;--cx-bg-rgb: 250, 248, 244;--cx-surface: #ffffff;--cx-surface-soft: #f4f0ea;--cx-surface-strong: #f0ebe4;--cx-ink: #232321;--cx-ink-soft: #3a3935;--cx-muted: #716c65;--cx-muted-2: #969087;--cx-line: #e7e0d7;--cx-line-strong: #d5ccc1;--cx-accent: #ff7901;--cx-accent-hover: #e96c00;--cx-accent-soft: #fff0e3;--cx-accent-contrast: #ffffff;--cx-success: #2d7657;--cx-success-dot: #57b686;--cx-success-soft: #e7f6ef;--cx-grid: rgba(51, 51, 51, .018);--cx-shadow: 0 16px 44px rgba(55, 39, 24, .075);--cx-shadow-soft: 0 8px 24px rgba(55, 39, 24, .055);--cx-topbar-bg: rgba(250, 248, 244, .9);--cx-topbar-border: rgba(201, 201, 192, .8);--cx-nav-link: #383834;--cx-announcement-bg: #2f2f2d;--cx-announcement-ink: #ffffff;--cx-search-btn-bg: var(--cx-accent);--cx-search-btn-ink: var(--cx-accent-contrast);--cx-card-bg: rgba(255, 255, 255, .46);--cx-card-hover-bg: var(--cx-surface);--cx-tool-bg: #333333;--cx-tool-2: #414141;--cx-tool-line: #3c3d39;--cx-tool-text: #ffffff;--cx-tool-muted: #a9aaa6;--cx-tool-tabs-bg: #292929;--cx-tool-tabs-line: #383936;--cx-row-hover: rgba(255, 255, 255, .62);--cx-feature-bg: rgba(255, 255, 255, .62);--cx-modal-overlay: rgba(17, 18, 15, .58);--cx-kbd-bg: var(--cx-surface-soft);--cx-footer-bg: #2d2d2d;--cx-footer-ink: #ffffff;--cx-footer-muted: #a7a8a2;--cx-footer-link: #d1d1cd;--cx-footer-border: #333430;--cx-radius: 14px;--cx-max: 1240px;--cx-font: "DM Sans", ui-sans-serif, system-ui, sans-serif;--cx-display: "DM Sans", ui-sans-serif, system-ui, sans-serif}html[data-theme=dark]{color-scheme:dark;--cx-bg: #111314;--cx-bg-rgb: 17, 19, 20;--cx-surface: #171a1c;--cx-surface-soft: #1d2124;--cx-surface-strong: #20262a;--cx-ink: #f3f2ee;--cx-ink-soft: #ddd9d2;--cx-muted: #a7a29a;--cx-muted-2: #7f7c76;--cx-line: #272d31;--cx-line-strong: #343b40;--cx-accent: #ff8a1d;--cx-accent-hover: #ff9a42;--cx-accent-soft: rgba(255, 138, 29, .14);--cx-accent-contrast: #111314;--cx-success: #82d8ac;--cx-success-dot: #82d8ac;--cx-success-soft: rgba(83, 190, 135, .12);--cx-grid: rgba(255, 255, 255, .03);--cx-shadow: 0 18px 46px rgba(0, 0, 0, .34);--cx-shadow-soft: 0 10px 28px rgba(0, 0, 0, .22);--cx-topbar-bg: rgba(17, 19, 20, .88);--cx-topbar-border: rgba(255, 255, 255, .06);--cx-nav-link: #ece9e2;--cx-announcement-bg: #0d0f10;--cx-announcement-ink: #f3f2ee;--cx-search-btn-bg: var(--cx-accent);--cx-search-btn-ink: #111314;--cx-card-bg: rgba(255, 255, 255, .025);--cx-card-hover-bg: rgba(255, 255, 255, .045);--cx-tool-bg: #0f1113;--cx-tool-2: #171b1e;--cx-tool-line: #2a3035;--cx-tool-text: #f5f4f0;--cx-tool-muted: #aaa69f;--cx-tool-tabs-bg: #13171a;--cx-tool-tabs-line: #272d31;--cx-row-hover: rgba(255, 255, 255, .03);--cx-feature-bg: rgba(255, 255, 255, .025);--cx-modal-overlay: rgba(2, 4, 5, .72);--cx-kbd-bg: #20262a;--cx-footer-bg: #0e1011;--cx-footer-ink: #f3f2ee;--cx-footer-muted: #9b978f;--cx-footer-link: #dad6cf;--cx-footer-border: #24282c}*,*:before,*:after{box-sizing:border-box}html.cx-root{scroll-behavior:smooth}body.cx-body{margin:0;min-width:320px;color:var(--cx-ink);background:linear-gradient(var(--cx-grid) 1px,transparent 1px),linear-gradient(90deg,var(--cx-grid) 1px,transparent 1px),var(--cx-bg);background-size:32px 32px;font-family:var(--cx-font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}.cx-body a{color:inherit;text-decoration:none}.cx-body button,.cx-body input,.cx-body select{font:inherit}.cx-body button{color:inherit}.cx-body img{max-width:100%}.cx-body :focus-visible{outline:3px solid color-mix(in srgb,var(--cx-accent) 45%,transparent);outline-offset:2px}.cx-shell{width:min(var(--cx-max),calc(100% - 48px));margin-inline:auto}.cx-announcement{display:flex;align-items:center;justify-content:center;gap:10px;min-height:38px;padding:8px 20px;border-bottom:1px solid var(--cx-line);background:var(--cx-announcement-bg);color:var(--cx-announcement-ink);font-size:12px;text-align:center}.cx-announcement .pill{padding:3px 7px;border-radius:99px;background:var(--cx-accent);color:#fff;font-weight:750}html[data-theme=dark] .cx-announcement .pill{color:#111314}.cx-topbar{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--cx-topbar-border);background:var(--cx-topbar-bg);backdrop-filter:blur(18px)}.cx-nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cx-brand{display:inline-flex;align-items:center;border-radius:12px;flex:0 0 auto}.cx-brand img{display:block;width:194px;height:auto}.cx-brand .cx-logo-dark,html[data-theme=dark] .cx-brand .cx-logo-light{display:none}html[data-theme=dark] .cx-brand .cx-logo-dark{display:block}.cx-nav-links{display:flex;align-items:center;gap:4px}.cx-nav-links a{padding:9px 12px;border-radius:9px;color:var(--cx-nav-link);font-size:15px;font-weight:600}.cx-nav-links a:hover{background:var(--cx-surface-soft)}.cx-nav-actions{display:flex;align-items:center;gap:8px}.cx-control{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid var(--cx-line-strong);border-radius:10px;background:color-mix(in srgb,var(--cx-surface) 84%,transparent);color:var(--cx-ink-soft);cursor:pointer;font-size:13px;font-weight:650}.cx-search-trigger{width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--cx-ink-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.cx-search-trigger-icon{display:block;width:22px;height:22px}.cx-search-trigger:hover{color:var(--cx-ink);background:color-mix(in srgb,var(--cx-ink) 6%,transparent)}.cx-search-trigger:focus-visible{outline:2px solid var(--cx-accent);outline-offset:2px}.cx-icon-menu-btn{display:none;width:40px;height:40px;padding:0;border:1px solid var(--cx-line-strong);border-radius:11px;background:color-mix(in srgb,var(--cx-surface) 84%,transparent);cursor:pointer;align-items:center;justify-content:center;flex:0 0 auto}.cx-icon-menu-btn img{display:block;width:26px;height:26px;border-radius:6px}.cx-nav-drawer{position:fixed;inset:0;z-index:80}.cx-nav-drawer[hidden]{display:none}.cx-nav-drawer-backdrop{position:absolute;inset:0;border:0;background:var(--cx-modal-overlay);backdrop-filter:blur(6px);cursor:pointer}.cx-nav-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,88vw);display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--cx-surface);border-left:1px solid var(--cx-line-strong);box-shadow:var(--cx-shadow);overflow:auto}.cx-nav-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.cx-nav-drawer-brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px}.cx-nav-drawer-brand img{display:block;width:28px;height:28px;border-radius:7px}.cx-nav-drawer-close{width:36px;padding:0;font-size:22px;line-height:1}.cx-nav-drawer-actions{display:grid;gap:8px;margin-bottom:8px}.cx-nav-drawer-item{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--cx-line-strong);border-radius:11px;background:var(--cx-surface-soft);color:var(--cx-ink);cursor:pointer;font-size:14px;font-weight:650;text-align:left}.cx-nav-drawer-item kbd{margin-left:auto;padding:2px 6px;border:1px solid var(--cx-line);border-radius:5px;background:var(--cx-kbd-bg);color:var(--cx-muted);font-size:11px}.cx-nav-drawer-links{display:grid;border-top:1px solid var(--cx-line);padding-top:8px}.cx-nav-drawer-links a{padding:13px 4px;border-bottom:1px solid var(--cx-line);font-size:15px;font-weight:600}.cx-nav-drawer-links a:hover{color:var(--cx-accent)}.cx-hero{padding:78px 0 60px;border-bottom:1px solid var(--cx-line-strong)}.cx-hero--entry{padding:88px 0 72px;border-bottom:0}.cx-hero-entry{max-width:min(960px,100%)}.cx-hero-tagline{margin:0;font-family:var(--cx-display);font-size:clamp(26px,3.4vw,42px);font-weight:700;letter-spacing:-.032em;line-height:1.15;color:var(--cx-ink)}.cx-hero--entry .cx-hero-copy{margin-top:18px;max-width:640px;font-size:clamp(16px,1.8vw,18px)}.cx-hero--entry h1.cx-hero-tagline{max-width:none;margin:0;font-size:clamp(26px,3.4vw,42px);line-height:1.15;letter-spacing:-.032em;font-weight:700;color:var(--cx-ink);white-space:nowrap}.cx-search-hint{margin:10px 0 0;color:var(--cx-muted-2);font-size:13px}.cx-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:70px;align-items:end}.cx-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:22px;color:var(--cx-ink-soft);font-size:14px;font-weight:650;text-transform:uppercase;letter-spacing:.08em}.cx-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cx-accent)}.cx-eyebrow.accent{color:var(--cx-accent);font-weight:760;letter-spacing:.09em;margin-bottom:16px}.cx-hero h1,.cx-intro h1{max-width:900px;margin:0;font-family:var(--cx-display);font-size:clamp(40px,5.2vw,64px);line-height:1.08;letter-spacing:-.035em;font-weight:700}.cx-intro h1{font-size:clamp(32px,4.2vw,48px);line-height:1.12;letter-spacing:-.03em}.cx-hero-copy{max-width:700px;margin:26px 0 0;color:var(--cx-muted);font-size:clamp(17px,2vw,21px);line-height:1.55;letter-spacing:-.018em}.cx-hero-side{padding-left:28px;border-left:1px solid var(--cx-line-strong)}.cx-metric-lockup{display:flex;align-items:center;gap:18px}.cx-hero-symbol{display:block;width:68px;height:68px;flex:0 0 auto;padding:8px;border:1px solid var(--cx-line-strong);border-radius:16px;background:var(--cx-surface);box-shadow:var(--cx-shadow)}.cx-metric-label{color:var(--cx-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.cx-metric-value{margin:6px 0 22px;font-size:36px;font-weight:700;letter-spacing:-.04em;font-family:var(--cx-display)}.cx-hero-side p{color:var(--cx-muted);font-size:14px;line-height:1.55}.cx-search-wrap{position:relative;max-width:790px;margin-top:40px}.cx-main-search{width:100%;height:66px;padding:0 128px 0 52px;border:1px solid var(--cx-ink);border-radius:13px;outline:none;background:var(--cx-surface);color:var(--cx-ink);box-shadow:var(--cx-shadow);font-size:17px}.cx-main-search:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--cx-accent) 22%,transparent),var(--cx-shadow)}.cx-search-icon{position:absolute;left:19px;top:50%;transform:translateY(-50%);color:var(--cx-muted)}.cx-search-submit{position:absolute;top:8px;right:8px;height:50px;padding:0 18px;border:0;border-radius:9px;background:var(--cx-search-btn-bg);color:var(--cx-search-btn-ink);font-weight:680;cursor:pointer}.cx-search-submit:hover{background:var(--cx-accent-hover);color:var(--cx-accent-contrast)}.cx-popular-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.cx-popular-tags button{padding:7px 10px;border:1px solid var(--cx-line-strong);border-radius:99px;background:color-mix(in srgb,var(--cx-surface) 80%,transparent);color:var(--cx-ink-soft);font-size:12px;cursor:pointer}.cx-popular-tags button:hover{border-color:var(--cx-ink);color:var(--cx-ink)}.cx-hero--entry .cx-popular-tags{margin-top:16px}.cx-hero--entry .cx-search-wrap{margin-top:32px}.cx-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}.cx-task-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--cx-line);color:inherit;text-decoration:none;transition:color .18s ease}.cx-task-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.cx-task-copy strong{font-size:17px;font-weight:680;letter-spacing:-.02em}.cx-task-copy span{color:var(--cx-muted);font-size:13px;line-height:1.45}.cx-task-arrow{flex:0 0 auto;color:var(--cx-muted-2);font-size:18px;transition:transform .18s ease,color .18s ease}.cx-task-row:hover .cx-task-arrow{color:var(--cx-accent);transform:translate(4px)}.cx-task-row:hover strong{color:var(--cx-accent)}.cx-section--home{padding:64px 0;border-bottom:0}.cx-section--trust{padding-top:72px;padding-bottom:72px;border-bottom:0}.cx-trust-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--cx-line-strong);border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--cx-surface) 88%,transparent)}.cx-trust-item{display:flex;flex-direction:column;gap:12px;padding:28px 22px 26px;border-right:1px solid var(--cx-line);color:var(--cx-ink-soft);opacity:0;transform:translateY(10px);animation:cx-trust-in .48s ease forwards;animation-delay:calc(var(--cx-trust-i, 0) * 60ms)}.cx-trust-item:last-child{border-right:0}.cx-trust-symbol{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--cx-accent) 35%,var(--cx-line));border-radius:14px;background:color-mix(in srgb,var(--cx-accent) 12%,transparent);color:var(--cx-accent);font-family:var(--cx-display);font-size:26px;font-weight:700;letter-spacing:-.04em;line-height:1}.cx-trust-label{margin:0;color:var(--cx-ink);font-size:16px;font-weight:700;letter-spacing:-.02em;line-height:1.25}.cx-trust-blurb{color:var(--cx-muted);font-size:13px;font-weight:500;line-height:1.5}@keyframes cx-trust-in{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.cx-trust-item{opacity:1;transform:none;animation:none}}@media (max-width: 1100px){.cx-trust-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.cx-trust-item:nth-child(3){border-right:0}.cx-trust-item:nth-child(n+4){border-top:1px solid var(--cx-line)}.cx-trust-item:nth-child(5){border-right:0}}@media (max-width: 900px){.cx-task-grid{grid-template-columns:1fr;column-gap:0}.cx-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-trust-item{border-right:1px solid var(--cx-line)}.cx-trust-item:nth-child(2n){border-right:0}.cx-trust-item:nth-child(n+3){border-top:1px solid var(--cx-line)}.cx-trust-item:nth-child(3){border-right:1px solid var(--cx-line)}.cx-trust-item:nth-child(5){border-right:0}}@media (max-width: 640px){.cx-hero--entry{padding:56px 0 48px}.cx-hero--entry h1.cx-hero-tagline{white-space:normal;font-size:clamp(26px,7.2vw,34px)}.cx-section--home{padding:48px 0}.cx-section--trust{padding-top:48px;padding-bottom:48px}.cx-trust-strip{grid-template-columns:1fr}.cx-trust-item{padding:20px 18px;border-right:0!important;border-top:0!important;border-bottom:1px solid var(--cx-line);flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:10px 14px}.cx-trust-item:last-child{border-bottom:0}.cx-trust-symbol{width:48px;height:48px;font-size:24px}.cx-trust-label{flex:1;align-self:center;font-size:15px}.cx-trust-blurb{flex:1 1 100%;padding-left:62px;margin-top:-4px}.cx-category-card{min-height:190px}}.cx-section{padding:72px 0;border-bottom:1px solid var(--cx-line-strong)}.cx-section.cx-section--home,.cx-section.cx-section--trust,.cx-hero.cx-hero--entry{border-bottom:0}.cx-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.cx-section-heading h2{margin:0;font-family:var(--cx-display);font-size:clamp(24px,3vw,36px);line-height:1.15;letter-spacing:-.025em;font-weight:700}.cx-section-heading p{max-width:520px;margin:0;color:var(--cx-muted);font-size:14px;line-height:1.55}.cx-section-link{white-space:nowrap;padding-bottom:2px;border-bottom:1px solid var(--cx-ink);font-size:13px;font-weight:650}.cx-category-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--cx-line-strong);border-left:1px solid var(--cx-line-strong)}.cx-category-card{position:relative;display:block;min-height:230px;padding:26px;border-right:1px solid var(--cx-line-strong);border-bottom:1px solid var(--cx-line-strong);background:var(--cx-card-bg);color:inherit;text-decoration:none;transition:background .2s ease,transform .2s ease;overflow:hidden}.cx-category-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--cx-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.cx-category-card:hover{background:var(--cx-card-hover-bg);transform:translateY(-2px)}.cx-category-card:hover:before{transform:scaleX(1)}.cx-category-card .num{color:var(--cx-muted);font-size:11px;letter-spacing:.08em}.cx-category-card h3{max-width:220px;margin:34px 0 10px;font-family:var(--cx-display);font-size:24px;letter-spacing:-.035em;font-weight:700;color:var(--cx-ink)}.cx-category-card p{max-width:265px;margin:0;color:var(--cx-muted);font-size:13px;line-height:1.5}.cx-category-card .arrow{position:absolute;right:22px;top:22px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--cx-line);border-radius:50%;background:var(--cx-surface)}.cx-category-card .glyph{position:absolute;right:18px;bottom:-21px;color:color-mix(in srgb,var(--cx-ink) 6%,transparent);font-size:100px;font-weight:800;letter-spacing:-.08em}.cx-workspace{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;border:1px solid var(--cx-line-strong);border-radius:var(--cx-radius);background:var(--cx-surface);overflow:hidden;box-shadow:var(--cx-shadow)}.cx-tool-panel{padding:32px;background:var(--cx-tool-bg);color:var(--cx-tool-text)}.cx-tool-panel .label{color:var(--cx-tool-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.cx-tool-panel h3{margin:18px 0 8px;font-family:var(--cx-display);font-size:28px;letter-spacing:-.025em;font-weight:700}.cx-tool-panel>p{margin:0 0 28px;color:var(--cx-tool-muted);font-size:14px;line-height:1.55}.cx-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border:1px solid var(--cx-tool-tabs-line);border-radius:10px;background:var(--cx-tool-tabs-bg)}.cx-tab{padding:10px 8px;border:0;border-radius:7px;background:transparent;color:var(--cx-tool-muted);font-size:12px;font-weight:650;cursor:pointer}.cx-tab.active{background:var(--cx-accent);color:var(--cx-accent-contrast)}.cx-calc-form{display:grid;gap:14px;margin-top:28px}.cx-field label,.cx-field-label{display:block;margin-bottom:7px;color:color-mix(in srgb,var(--cx-tool-text) 75%,transparent);font-size:13px}.cx-field input,.cx-field select{width:100%;height:48px;padding:0 13px;border:1px solid var(--cx-tool-line);border-radius:9px;outline:none;background:var(--cx-tool-2);color:var(--cx-tool-text);font-family:inherit;font-size:15px}.cx-field input[type=number]{-moz-appearance:textfield;appearance:textfield}.cx-field input[type=number]::-webkit-outer-spin-button,.cx-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cx-field select{padding-right:44px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--cx-tool-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.75L6 6.25L10.5 1.75' stroke='%23aaa69f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px}.cx-field select option{background:var(--cx-tool-2);color:var(--cx-tool-text)}.cx-field input:focus,.cx-field select:focus{border-color:var(--cx-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cx-accent) 16%,transparent)}.cx-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cx-calculate-btn{height:49px;border:0;border-radius:9px;background:var(--cx-accent);color:var(--cx-accent-contrast);font-weight:750;cursor:pointer}.cx-result-panel{display:flex;flex-direction:column;justify-content:space-between;min-height:510px;padding:34px;background:var(--cx-surface)}.cx-status{display:inline-flex;align-items:center;gap:7px;color:var(--cx-success);font-size:12px;font-weight:650}.cx-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cx-success-dot)}.cx-result-label{margin-top:56px;color:var(--cx-muted);font-size:13px}.cx-result-value{margin-top:9px;font-family:var(--cx-display);font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.03em;font-weight:700;overflow-wrap:anywhere}.cx-result-value:empty{display:none;margin:0}.cx-result-note{margin-top:16px;max-width:500px;color:var(--cx-muted);font-size:15px;line-height:1.55}.cx-result-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--cx-line)}.cx-result-meta div{padding:18px 14px 0 0}.cx-result-meta span{display:block;color:var(--cx-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.cx-result-meta strong{display:block;margin-top:6px;font-size:15px}.cx-tool-row{display:grid;grid-template-columns:54px minmax(230px,1.5fr) 1fr 40px;align-items:center;column-gap:18px;min-height:74px;border-top:1px solid var(--cx-line);transition:background .16s ease}.cx-tool-row:hover{background:var(--cx-row-hover)}.cx-rank{color:var(--cx-muted);font-variant-numeric:tabular-nums}.cx-tool-name{display:flex;align-items:center;gap:12px;font-weight:680}.cx-tool-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--cx-line-strong);border-radius:9px;background:var(--cx-surface);font-size:12px}.cx-tool-category{color:var(--cx-muted);font-size:13px}.cx-row-arrow{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--cx-line);border-radius:50%;background:var(--cx-surface)}.cx-table-head{display:grid;grid-template-columns:54px minmax(230px,1.5fr) 1fr 40px;align-items:center;column-gap:18px;min-height:44px;color:var(--cx-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.cx-reference-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.cx-feature-story,.cx-brief-list{border:1px solid var(--cx-line-strong);background:var(--cx-feature-bg)}.cx-feature-story{min-height:390px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.cx-story-kicker{color:var(--cx-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.cx-feature-story h3{max-width:620px;margin:22px 0 12px;font-family:var(--cx-display);font-size:clamp(24px,3vw,40px);line-height:1.12;letter-spacing:-.025em;font-weight:700}.cx-feature-story p{max-width:570px;color:var(--cx-muted);font-size:14px;line-height:1.6}.cx-story-footer{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-top:35px;border-top:1px solid var(--cx-line)}.cx-brief-item{display:block;min-height:128px;padding:22px;border-bottom:1px solid var(--cx-line)}.cx-brief-item:last-child{border-bottom:0}.cx-brief-item small{color:var(--cx-muted)}.cx-brief-item h4{margin:12px 0 5px;font-size:17px}.cx-brief-item p{margin:0;color:var(--cx-muted);font-size:12px;line-height:1.45}.cx-footer{padding:54px 0 34px;background:var(--cx-footer-bg);color:var(--cx-footer-ink)}.cx-footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:30px}.cx-footer-brand p{max-width:380px;color:var(--cx-footer-muted);font-size:13px;line-height:1.6}.cx-footer h5{margin:0 0 15px;color:var(--cx-footer-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.cx-footer a{display:block;width:fit-content;margin:10px 0;color:var(--cx-footer-link);font-size:13px}.cx-footer-brand .cx-brand{margin:0 0 12px}.cx-footer-brand .cx-brand img,.cx-footer-logo img{display:block;width:176px;height:auto}.cx-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:50px;padding-top:22px;border-top:1px solid var(--cx-footer-border);color:var(--cx-footer-muted);font-size:11px}.cx-footer-bottom-meta{display:inline-flex;align-items:center;gap:14px}.cx-footer-theme{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid var(--cx-footer-border);border-radius:10px;background:transparent;color:var(--cx-footer-ink);cursor:pointer;font-size:12px;font-weight:650}.cx-footer-theme:hover{border-color:color-mix(in srgb,var(--cx-footer-ink) 35%,var(--cx-footer-border));background:color-mix(in srgb,var(--cx-footer-ink) 8%,transparent)}.cx-footer-theme .theme-symbol{font-size:13px;line-height:1}.cx-search-modal{position:fixed;inset:0;z-index:100;display:none;place-items:start center;padding:14vh 20px 20px;background:var(--cx-modal-overlay);backdrop-filter:blur(8px)}.cx-search-modal.open{display:grid}.cx-search-dialog{width:min(680px,100%);overflow:hidden;border:1px solid var(--cx-line-strong);border-radius:15px;background:var(--cx-surface);box-shadow:0 24px 70px #0000003d;position:relative}.cx-dialog-input{width:100%;height:64px;padding:0 52px 0 20px;border:0;border-bottom:1px solid var(--cx-line);outline:none;font-size:17px;background:var(--cx-surface);color:var(--cx-ink)}.cx-close-search{position:absolute;right:14px;top:16px;width:32px;height:32px;border:0;border-radius:7px;background:var(--cx-surface-soft);color:var(--cx-ink);cursor:pointer}.cx-search-results{max-height:360px;overflow:auto;padding:8px}.cx-search-result{display:flex;justify-content:space-between;gap:16px;padding:14px;border-radius:9px}.cx-search-result:hover{background:var(--cx-surface-soft)}.cx-search-result strong{display:block;font-size:14px}.cx-search-result span{color:var(--cx-muted);font-size:12px}.cx-empty-state{padding:36px 20px;color:var(--cx-muted);text-align:center;font-size:13px}.cx-breadcrumb-wrap{border-bottom:0}.cx-breadcrumb{min-height:48px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--cx-muted);font-size:12px}.cx-intro{padding:58px 0 36px}.cx-intro-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:62px;align-items:end}.cx-lede{max-width:none;margin:23px 0 0;color:var(--cx-muted);font-size:clamp(16px,1.8vw,20px);line-height:1.55}.cx-formula-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 24px 24px}.cx-formula-block .cx-formula-grid{padding-top:16px}.cx-formula-card{min-height:0;padding:18px 20px;border:1px solid var(--cx-line-strong);border-radius:14px;background:color-mix(in srgb,var(--cx-surface) 88%,transparent);box-shadow:var(--cx-shadow-soft)}.cx-formula-card small{color:var(--cx-muted);font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.cx-formula-card strong{display:block;margin-top:12px;font-family:var(--cx-display);font-size:clamp(18px,1.8vw,24px);font-weight:600;letter-spacing:-.02em}.cx-formula-note{grid-column:1 / -1;display:flex;gap:9px;padding:3px 2px 0;color:var(--cx-muted);font-size:12px;line-height:1.5}.cx-info-dot{width:18px;height:18px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--cx-line-strong);border-radius:50%;font-size:11px;font-weight:750}.cx-calculator-shell{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);overflow:hidden;border:1px solid var(--cx-line-strong);border-radius:16px;background:var(--cx-surface);box-shadow:var(--cx-shadow)}.cx-calculator-shell[data-calculator=timezone]{display:flex;flex-direction:column}.cx-calculator-shell[data-calculator=timezone] .cx-result-panel{order:-1;min-height:0;padding:28px 32px 22px;border-bottom:1px solid var(--cx-line);text-align:center}.cx-calculator-shell[data-calculator=timezone] .cx-result-main{display:flex;flex-direction:column;align-items:center}.cx-calculator-shell[data-calculator=timezone] .cx-result-heading{margin-top:14px;font-size:14px;font-weight:650;color:var(--cx-muted)}.cx-calculator-shell[data-calculator=timezone] .cx-result-value{margin-top:6px;font-size:clamp(52px,9vw,96px);font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:1}.cx-calculator-shell[data-calculator=timezone] .cx-result-note,.cx-calculator-shell[data-calculator=timezone] .cx-result-explainer{margin-top:12px;max-width:none;font-size:16px;font-weight:550;color:var(--cx-ink-soft)}.cx-calculator-shell[data-calculator=timezone] .cx-result-meta{margin-top:22px;max-width:520px;margin-left:auto;margin-right:auto;width:100%}.cx-calculator-shell[data-calculator=timezone] .cx-result-meta div{padding:14px 10px 0;text-align:center}.cx-calculator-shell[data-calculator=timezone] .cx-calculator-panel{padding:14px 20px 16px}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch],.cx-tool-page .cx-calculator-shell[data-tool=countdown],.cx-tool-page .cx-calculator-shell[data-tool=clock],.cx-tool-page .cx-calculator-shell[data-tool=date]{display:flex;flex-direction:column;min-height:0;max-height:none;height:auto}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-result-panel,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-result-panel,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-result-panel,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-result-panel{order:-1;flex:0 0 auto;min-height:0;padding:22px 20px 16px;border-bottom:1px solid var(--cx-line);text-align:center}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-result-main,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-result-main,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-result-main,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-result-main{display:flex;flex-direction:column;align-items:center;grid-template-columns:none}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-result-heading,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-result-heading,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-result-heading,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-result-heading{margin-top:10px;font-size:13px;font-weight:650;color:var(--cx-muted)}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-result-value,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-result-value,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-result-value,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-result-value{margin-top:4px;font-size:clamp(44px,9vw,80px);font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:1;text-align:center}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-result-explainer,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-result-explainer,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-result-explainer,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-result-explainer{margin-top:10px;max-width:none;text-align:center}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-calculator-panel,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-calculator-panel,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-calculator-panel,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-calculator-panel{order:0;flex:0 0 auto;min-height:0;padding:14px 16px 16px}.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-bar-axis-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-lap-list{max-height:min(28vh,200px);overflow:auto;margin-top:8px}.cx-tz-form{display:flex;flex-direction:column;gap:8px}.cx-tz-form .cx-tz-label{display:block;margin:0;font-size:12px;font-weight:600;color:var(--cx-muted)}.cx-tz-form .cx-tz-row{display:flex;align-items:center;gap:12px}.cx-tz-form .cx-tz-row .cx-input-wrap{flex:1;min-width:0}.cx-tz-form .cx-input-wrap input{height:42px;font-size:14px;font-weight:600}.cx-tz-form .cx-tz-refresh{flex:0 0 auto;height:42px;min-width:108px;padding:0 18px;margin:0;align-self:center}.cx-tz-form .cx-tz-note{margin:0;padding:0;font-size:12px}@media (max-width: 520px){.cx-tz-form .cx-tz-row{flex-direction:column;align-items:stretch}.cx-tz-form .cx-tz-refresh{width:100%}}.cx-calculator-panel{padding:28px;background:var(--cx-tool-bg);color:var(--cx-tool-text)}.cx-conversion-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));margin-bottom:26px;border-bottom:1px solid var(--cx-tool-line)}.cx-conversion-tabs button{position:relative;padding:0 6px 15px;border:0;background:transparent;color:var(--cx-tool-muted);cursor:pointer;font-size:14px;font-weight:700}.cx-conversion-tabs button.active{color:var(--cx-tool-text)}.cx-conversion-tabs button.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:var(--cx-accent)}.cx-input-wrap{position:relative}.cx-input-wrap input,.cx-input-wrap select{width:100%;height:50px;padding:0 14px;border:1px solid var(--cx-tool-line);border-radius:9px;outline:none;background:var(--cx-tool-2);color:var(--cx-tool-text);font-weight:650;font-family:inherit;font-size:15px}.cx-input-wrap input[type=checkbox]{width:16px;height:16px;min-width:16px;padding:0;margin:0;border-radius:4px;flex:0 0 auto;accent-color:var(--cx-accent, #f06a1a);cursor:pointer}.cx-input-wrap:has(.cx-unit) input{padding-right:55px}.cx-input-wrap input[type=number]{-moz-appearance:textfield;appearance:textfield}.cx-input-wrap input[type=number]::-webkit-outer-spin-button,.cx-input-wrap input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cx-input-wrap select{padding-right:44px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--cx-tool-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.75L6 6.25L10.5 1.75' stroke='%23aaa69f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px}.cx-input-wrap select:hover{border-color:color-mix(in srgb,var(--cx-tool-text) 22%,var(--cx-tool-line))}.cx-input-wrap select:focus{border-color:var(--cx-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cx-accent) 16%,transparent)}.cx-input-wrap select option{background:var(--cx-tool-2);color:var(--cx-tool-text);padding:10px 12px}.cx-unit{position:absolute;right:1px;top:1px;bottom:1px;min-width:43px;display:grid;place-items:center;border-left:1px solid var(--cx-tool-line);border-radius:0 8px 8px 0;color:var(--cx-tool-muted);background:color-mix(in srgb,var(--cx-tool-2) 65%,#000);font-size:13px;font-weight:750;pointer-events:none}.cx-segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--cx-tool-line);border-radius:9px;background:color-mix(in srgb,var(--cx-tool-2) 55%,#000)}.cx-segmented button{height:40px;border:0;border-radius:7px;background:transparent;color:var(--cx-tool-muted);cursor:pointer;font-family:inherit;font-size:14px;font-weight:650;transition:background .15s ease,color .15s ease}.cx-segmented button:hover{color:var(--cx-tool-text)}.cx-segmented button.active{background:var(--cx-tool-2);color:var(--cx-tool-text);box-shadow:0 1px 2px #00000038}.cx-segmented button:focus-visible{outline:2px solid var(--cx-accent);outline-offset:1px}.cx-field-help{display:block;margin-top:7px;color:var(--cx-tool-muted);font-size:13px;line-height:1.5}.cx-optional{padding:3px 7px;border-radius:99px;background:#ffffff14;color:var(--cx-tool-muted);font-size:11px;font-weight:650}.cx-privacy-note{display:flex;align-items:center;justify-content:flex-start;gap:7px;margin-top:13px;color:var(--cx-tool-muted);font-size:12.5px;text-align:left}.cx-result-status{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:6px 9px;border-radius:99px;background:var(--cx-success-soft);color:var(--cx-success);font-size:12px;font-weight:760}.cx-result-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cx-success)}.cx-result-heading{margin-top:24px;color:var(--cx-ink-soft);font-size:16px;font-weight:700}.cx-chart-wrap{height:142px;margin-top:22px;padding-top:10px;border-bottom:1px solid var(--cx-line)}.cx-chart-wrap.is-bar-tall,.cx-chart-wrap.is-chart-tall,.cx-tool-page .cx-chart-wrap.is-bar-tall,.cx-tool-page .cx-chart-wrap.is-chart-tall{height:min(320px,42dvh);min-height:160px}.cx-chart-wrap canvas{display:block;width:100%;height:100%}.cx-bar-axis-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cx-bar-options{display:flex;flex-wrap:wrap;gap:12px 16px;margin:0 0 12px}@media (max-width: 640px){.cx-bar-axis-row{grid-template-columns:1fr}.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-bar-axis-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.cx-support-stack{display:grid;gap:22px;padding:28px 0 72px}.cx-section-card{border:1px solid var(--cx-line-strong);border-radius:14px;background:color-mix(in srgb,var(--cx-surface) 84%,transparent);box-shadow:var(--cx-shadow-soft)}.cx-section-card-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:23px 24px 0}.cx-section-card h2{margin:0;font-family:var(--cx-display);font-size:20px;letter-spacing:-.02em;font-weight:700}.cx-section-card-head p{max-width:500px;margin:0;color:var(--cx-muted);font-size:13.5px;line-height:1.5}.cx-spec-grid{display:grid;gap:18px;margin:0;padding:18px 24px 24px}.cx-spec-grid>div{display:grid;gap:6px;padding-top:14px;border-top:1px solid var(--cx-line)}.cx-spec-grid>div:first-child{padding-top:0;border-top:0}.cx-spec-grid dt{margin:0;color:var(--cx-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cx-spec-grid dd{margin:0;color:var(--cx-ink-soft);font-size:15.5px;line-height:1.65}.cx-spec-grid ul{margin:0;padding-left:1.15em}.cx-spec-grid li{margin:.25em 0}.cx-spec-formula{display:block;padding:10px 12px;border:1px solid var(--cx-line-strong);border-radius:10px;background:color-mix(in srgb,var(--cx-surface) 80%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;white-space:pre-wrap;word-break:break-word}.cx-spec-notes{margin-top:14px}.cx-spec-notes.cx-prose{width:100%;margin:0;padding:0}.cx-spec-notes.cx-prose h2,.cx-spec-notes.cx-prose h3{margin-top:.85em;font-size:1rem}.cx-spec-notes.cx-prose>:first-child{margin-top:0}.cx-calc-article .cx-prose{width:100%;margin:0;padding:8px 24px 24px}.cx-spec-table{margin-top:4px}.cx-steps{display:grid;grid-template-columns:repeat(3,1fr);padding:26px 24px 25px}.cx-step{display:grid;grid-template-columns:32px 1fr;gap:12px;padding-right:28px}.cx-step+.cx-step{padding-left:28px;border-left:1px solid var(--cx-line)}.cx-step-num{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--cx-accent);color:var(--cx-accent-contrast);font-size:13px;font-weight:800}.cx-step h3{margin:2px 0 6px;font-size:15.5px}.cx-step p{margin:0;color:var(--cx-muted);font-size:13.5px;line-height:1.55}.cx-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:24px}.cx-example{min-height:155px;padding:18px;border:1px solid var(--cx-line);border-radius:11px;background:var(--cx-surface)}.cx-example-top{display:flex;align-items:flex-start;gap:12px}.cx-bolt{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--cx-accent-soft);color:var(--cx-accent);font-size:20px}.cx-example h3{margin:1px 0 4px;font-size:15.5px}.cx-example p{margin:0;color:var(--cx-muted);font-size:13.5px}.cx-formula-chip{display:inline-flex;margin:17px 0 0 50px;padding:5px 8px;border-radius:6px;background:var(--cx-surface-soft);color:var(--cx-ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.cx-example-result{margin:10px 0 0 50px;color:var(--cx-accent);font-size:18px;font-weight:800}.cx-split-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:22px}.cx-table-wrap{padding:20px 24px 22px;overflow-x:auto}.cx-table-wrap table{width:100%;min-width:650px;border-collapse:collapse;font-size:13.5px}.cx-table-wrap th{padding:11px 10px;color:var(--cx-muted);background:var(--cx-surface-soft);border:1px solid var(--cx-line);text-align:left;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase}.cx-table-wrap td{padding:11px 10px;border:1px solid var(--cx-line);color:var(--cx-ink-soft)}.cx-table-note{display:flex;gap:8px;margin-top:11px;color:var(--cx-muted);font-size:12px}.cx-related-list{padding:14px 18px 20px}.cx-related-row{min-height:54px;display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:10px;border-bottom:1px solid var(--cx-line)}.cx-related-row:last-child{border-bottom:0}.cx-related-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--cx-accent-soft);color:var(--cx-accent);font-size:14px;font-weight:750}.cx-related-row strong{font-size:14.5px}.cx-related-row:hover strong{color:var(--cx-accent)}.cx-faq-list{padding:18px 24px 24px}.cx-faq-list details{border:1px solid var(--cx-line);border-bottom:0;background:var(--cx-surface)}.cx-faq-list details:first-child{border-radius:10px 10px 0 0}.cx-faq-list details:last-child{border-bottom:1px solid var(--cx-line);border-radius:0 0 10px 10px}.cx-faq-list summary{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;cursor:pointer;font-size:14.5px;font-weight:650;list-style:none}.cx-faq-list summary::-webkit-details-marker{display:none}.cx-faq-list summary:after{content:"+";color:var(--cx-muted);font-size:18px;font-weight:400}.cx-faq-list details[open] summary:after{content:"−"}.cx-faq-list details p{margin:0;padding:0 14px 16px;color:var(--cx-muted);font-size:13.5px;line-height:1.6}.cx-prose{width:min(var(--cx-max),calc(100% - 48px));max-width:none;margin:48px auto 72px;padding:0;color:var(--cx-ink-soft);font-size:16px;line-height:1.7}.cx-prose h1{font-family:var(--cx-display);font-size:clamp(28px,3.5vw,40px);letter-spacing:-.025em;font-weight:700;margin:0 0 16px}.cx-prose h2{font-family:var(--cx-display);margin-top:2em;font-size:1.35rem;letter-spacing:-.02em;font-weight:700}.cx-prose h3,.cx-prose h4{margin-top:1.5em;font-size:1.1rem}.cx-prose p{margin:.85em 0}.cx-prose a{color:var(--cx-accent);text-decoration:underline}.cx-prose .mathcode,.cx-prose code.formula{display:block;margin:12px 0;padding:12px 14px;border:1px solid var(--cx-line-strong);border-radius:10px;background:color-mix(in srgb,var(--cx-surface) 80%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95em;overflow-x:auto}.cx-prose ul,.cx-prose ol{padding-left:1.25em;margin:.85em 0}.cx-prose li{margin:.35em 0}.cx-tool-loading{margin:12px 0;color:var(--cx-tool-muted);font-size:13px}.cx-tool-status{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;padding:12px 28px 18px;border-top:1px solid var(--cx-line);color:var(--cx-muted);font-size:13px}.cx-tool-status strong{color:var(--cx-ink);font-size:15px}.cx-tool-textarea{width:100%;min-height:140px;padding:12px;border:1px solid var(--cx-line-strong);border-radius:10px;background:color-mix(in srgb,var(--cx-surface) 88%,transparent);color:var(--cx-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.45;resize:vertical}.cx-sum-work{margin:14px 0 0;padding:12px 14px;border:1px solid var(--cx-line);border-radius:10px;background:color-mix(in srgb,var(--cx-surface) 92%,var(--cx-accent) 4%);color:var(--cx-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-x:auto}.cx-tool-row-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cx-tool-row-btns .cx-calculate-btn{flex:1;min-width:110px}.cx-tool-secondary{background:transparent!important;border:1px solid var(--cx-line-strong)!important;color:var(--cx-ink)!important}.cx-tool-preview{margin-top:12px;padding:12px;border:1px solid var(--cx-line);border-radius:10px;background:#fff;color:#111;min-height:80px;overflow:auto}.cx-html-table-layout{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(0,1.15fr);gap:14px 16px;flex:1 1 auto;min-height:0;align-items:stretch}.cx-html-table-controls,.cx-html-table-output{display:flex;flex-direction:column;min-width:0;min-height:0}.cx-html-table-dims{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cx-html-table-dims .cx-field{margin-bottom:0}.cx-html-table-check{display:flex;align-items:center;gap:8px;min-height:0;height:auto;padding:8px 0;border:0;background:transparent}.cx-html-table-controls .cx-tool-row-btns{margin-top:2px}.cx-html-table-preview-wrap{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin-top:4px}.cx-html-table-preview-wrap>label{display:block;margin-bottom:7px;font-size:13px;font-weight:650;color:var(--cx-tool-muted)}.cx-html-table-preview{margin-top:0;flex:1 1 auto;min-height:96px;max-height:none}.cx-html-table-preview table{width:100%;border-collapse:collapse;font-size:13px}.cx-html-table-preview th,.cx-html-table-preview td{border:1px solid #c9c9c9;padding:6px 8px;text-align:left}.cx-html-table-preview th{background:#f3f3f3;font-weight:700}.cx-html-table-output .cx-field{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin-bottom:0}.cx-html-table-output .cx-tool-textarea{flex:1 1 auto;min-height:160px;height:auto;resize:none}.cx-guide-page--tool .cx-html-table-layout{height:100%}.cx-guide-page--tool [data-tool=html-table] .cx-calculator-panel{overflow:hidden}.cx-guide-page--tool [data-tool=html-table] .cx-privacy-note{flex-shrink:0}@media (max-width: 720px){.cx-html-table-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:10px}.cx-html-table-preview{min-height:72px}.cx-html-table-output .cx-tool-textarea{min-height:120px}}@media (max-width: 520px){.cx-html-table-layout{grid-template-columns:1fr 1fr;gap:8px}.cx-html-table-dims{grid-template-columns:1fr 1fr;gap:6px}.cx-html-table-controls .cx-field,.cx-html-table-preview-wrap>label{margin-bottom:4px}.cx-html-table-controls .cx-tool-row-btns .cx-calculate-btn{min-width:0;padding:0 10px;height:36px}.cx-html-table-preview{min-height:64px;padding:8px}.cx-html-table-preview th,.cx-html-table-preview td{padding:4px 5px;font-size:11px}.cx-html-table-output .cx-tool-textarea{min-height:100px;font-size:12px}}.cx-tool-list{list-style:none;padding:0;margin:12px 0 0}.cx-tool-list li{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--cx-line)}.cx-tool-list li.is-done input[type=text]{text-decoration:line-through;opacity:.55}.cx-tool-list input[type=text]{flex:1;border:0;background:transparent;color:var(--cx-ink);font:inherit}.cx-list-remove{border:0;background:transparent;color:var(--cx-muted);cursor:pointer;font:inherit;padding:4px 8px}.cx-list-add-row{display:flex;gap:8px;align-items:stretch;margin-bottom:10px}.cx-list-add-row .cx-input-wrap{flex:1;margin:0}.cx-list-add-row .cx-calculate-btn{flex:0 0 auto;min-width:72px;height:auto}.cx-lap-list li{justify-content:space-between}.cx-lap-list strong{font-variant-numeric:tabular-nums}.cx-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.cx-preset-btn{min-height:40px;padding:0 12px;border-radius:9px;cursor:pointer}.cx-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;font-size:13px;text-align:center;margin-top:12px}.cx-cal-dow{opacity:.6;padding:6px 0;font-size:11px;font-weight:650}.cx-cal-day{padding:8px 0;border-radius:8px}.cx-cal-day.is-today{background:var(--cx-accent);color:#fff;font-weight:700}.cx-notepad-area{min-height:min(52vh,440px)}.cx-notepad{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%}.cx-notepad-field{display:flex;flex-direction:column;flex:1 1 auto;min-height:min(52vh,440px);margin-bottom:10px}.cx-notepad-field label{flex:0 0 auto}.cx-notepad-field .cx-notepad-area{flex:1 1 auto;width:100%;min-height:min(52vh,440px);height:100%;resize:vertical;box-sizing:border-box}.cx-tool-page .cx-calculator-shell[data-tool=notepad] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=notepad] .cx-calculator-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.cx-tool-page .cx-calculator-shell[data-tool=notepad] .cx-notepad-area,.cx-guide-page--tool .cx-calculator-shell[data-tool=notepad] .cx-notepad-area{min-height:min(52vh,440px);flex:1 1 auto}.cx-guide-page--tool .cx-calculator-shell[data-tool=notepad] .cx-tool-textarea.cx-notepad-area{min-height:min(52vh,440px)}.cx-tool-page .cx-calculator-shell[data-tool=notepad] .cx-tool-row-btns,.cx-tool-page .cx-calculator-shell[data-tool=notepad] .cx-privacy-note,.cx-guide-page--tool .cx-calculator-shell[data-tool=notepad] .cx-tool-row-btns,.cx-guide-page--tool .cx-calculator-shell[data-tool=notepad] .cx-privacy-note{flex:0 0 auto}@media (max-width: 700px){.cx-notepad-field,.cx-notepad-field .cx-notepad-area,.cx-tool-page .cx-calculator-shell[data-tool=notepad] .cx-notepad-area,.cx-guide-page--tool .cx-calculator-shell[data-tool=notepad] .cx-tool-textarea.cx-notepad-area{min-height:min(48dvh,320px)}}.cx-mirror-video{width:100%;max-height:min(48vh,360px);border-radius:10px;background:#000;object-fit:cover}.cx-shot-drop{min-height:min(36vh,240px);border:1.5px dashed var(--cx-tool-line);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:16px;margin-bottom:12px;background:var(--cx-tool-2);cursor:pointer;outline:none}.cx-shot-drop:focus,.cx-shot-drop.is-drag{border-color:var(--cx-accent)}.cx-shot-drop.has-image{border-style:solid;padding:8px}.cx-shot-hint{margin:0;text-align:center;color:var(--cx-tool-muted);font-size:14px;line-height:1.45}.cx-shot-drop.has-image .cx-shot-hint{display:none}.cx-shot-img{max-width:100%;max-height:min(42vh,320px);border-radius:8px;display:block}.cx-emdr-stage{position:relative;height:min(28vh,160px);margin-bottom:12px;border-radius:12px;background:#0b0d10;overflow:hidden}.cx-emdr-dot{position:absolute;top:50%;left:0;width:36px;height:36px;border-radius:50%;background:#f5f5f0;box-shadow:0 0 0 3px #f5f5f033;transform:translateY(-50%);will-change:left}.cx-input-wrap input[type=range]{width:100%;height:46px;padding:0;border:0;background:transparent;accent-color:var(--cx-accent)}.cx-gpa-head{display:grid;grid-template-columns:minmax(0,1.4fr) 88px 92px 36px;gap:8px;margin-bottom:8px;padding:0 2px;color:var(--cx-tool-muted);font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.cx-gpa-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.cx-gpa-row{display:grid;grid-template-columns:minmax(0,1.4fr) 88px 92px 36px;gap:8px;align-items:center}.cx-gpa-row input,.cx-gpa-row select{width:100%;height:42px;padding:0 10px;border:1px solid var(--cx-tool-line);border-radius:9px;background:var(--cx-tool-2);color:var(--cx-tool-text);font:inherit;font-size:13px}.cx-gpa-credits-wrap{position:relative}.cx-gpa-credits-wrap .cx-gpa-credits{padding-right:10px}.cx-gpa-remove{height:42px;border:1px solid var(--cx-tool-line);border-radius:9px;background:transparent;color:var(--cx-tool-muted);font-size:20px;line-height:1;cursor:pointer}.cx-gpa-remove:hover{color:var(--cx-tool-text);border-color:color-mix(in srgb,var(--cx-tool-text) 30%,var(--cx-tool-line))}.cx-gpa-prior{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 4px}.cx-calculator-panel:has(.cx-grade-row) .cx-gpa-head,.cx-grade-row{grid-template-columns:minmax(0,1.25fr) minmax(110px,.8fr) minmax(110px,.8fr) 36px}@media (max-width: 700px){.cx-gpa-head{display:none}.cx-gpa-row{grid-template-columns:1fr 1fr 36px;grid-template-areas:"name name name" "credits grade remove"}.cx-gpa-name{grid-area:name}.cx-gpa-credits-wrap{grid-area:credits}.cx-gpa-grade{grid-area:grade}.cx-gpa-remove{grid-area:remove}.cx-gpa-prior{grid-template-columns:1fr}}.cx-prose img{max-width:100%;height:auto;margin:12px 0;border-radius:8px;background:color-mix(in srgb,var(--cx-surface) 80%,transparent)}.cx-prose table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.92em}.cx-prose th,.cx-prose td{border:1px solid var(--cx-line);padding:8px 10px;text-align:left}.cx-prose th{background:color-mix(in srgb,var(--cx-surface) 85%,transparent)}.cx-guide-page .cx-intro{padding-bottom:8px}body:has(.cx-guide-page--tool) .cx-breadcrumb-wrap{padding-top:8px;padding-bottom:0}body:has(.cx-guide-page--tool) .cx-breadcrumb{min-height:36px}.cx-guide-page--tool .cx-intro{padding:8px 0 6px}.cx-guide-page--tool .cx-intro .cx-eyebrow{margin-bottom:2px;font-size:11px}.cx-guide-page--tool .cx-intro h1{font-size:clamp(22px,2.4vw,30px);line-height:1.12;letter-spacing:-.03em;font-weight:700;max-width:none}.cx-guide-page--tool .cx-lede{margin-top:2px;max-width:none;font-size:13px;line-height:1.3}.cx-guide-page--tool .cx-content-section{padding-top:0;padding-bottom:8px}.cx-guide-page--tool:not(.cx-convert-page) .cx-calculator-shell{min-height:0;max-height:none;height:auto;display:flex;flex-direction:column}.cx-guide-page--tool:not(.cx-convert-page) .cx-calculator-panel{padding:10px 14px;overflow:visible;min-height:0;flex:0 1 auto;display:flex;flex-direction:column}.cx-guide-page--tool .cx-ascii-table,.cx-guide-page--tool .cx-unicode-table,.cx-guide-page--tool .cx-alt-codes{flex:1 1 auto;min-height:0}.cx-guide-page--tool .cx-color-family{flex:1 1 auto;min-height:0;max-height:100%}.cx-guide-page--tool:not(.cx-convert-page) .cx-result-panel{padding:14px 16px;min-height:0;flex:0 0 auto;overflow:visible}.cx-guide-page--tool:not(.cx-convert-page) .cx-tool-status{padding:6px 14px 8px;flex-shrink:0}.cx-guide-page--tool .cx-calculator-shell[data-tool=notepad],.cx-guide-page--tool .cx-calculator-shell[data-tool=html-editor],.cx-guide-page--tool .cx-calculator-shell[data-tool=svg-editor],.cx-guide-page--tool .cx-calculator-shell[data-tool=text-editor],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-picker],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-wheel],.cx-guide-page--tool .cx-calculator-shell[data-tool=ascii-table],.cx-guide-page--tool .cx-calculator-shell[data-tool=unicode-table],.cx-guide-page--tool .cx-calculator-shell[data-tool=alt-codes],.cx-guide-page--tool .cx-calculator-shell[data-tool=html-color-codes],.cx-guide-page--tool .cx-calculator-shell[data-tool=rgb-color],.cx-guide-page--tool .cx-calculator-shell[data-tool=web-color],.cx-guide-page--tool .cx-calculator-shell[data-tool=web-safe],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-scheme],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-checker],.cx-guide-page--tool .cx-calculator-shell[data-tool=css-color],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-family],.cx-guide-page--tool .cx-calculator-shell[data-tool=mirror],.cx-guide-page--tool .cx-calculator-shell[data-tool=screenshot],.cx-guide-page--tool .cx-calculator-shell[data-tool=emdr],.cx-guide-page--tool .cx-calculator-shell[data-tool=todo],.cx-guide-page--tool .cx-calculator-shell[data-tool=grocery],.cx-guide-page--tool .cx-calculator-shell[data-tool=calendar],.cx-guide-page--tool .cx-calculator-shell[data-tool=tts]{min-height:min(62dvh,560px);max-height:calc(100dvh - 168px)}.cx-guide-page--tool .cx-calculator-shell[data-tool=notepad] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=html-editor] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=svg-editor] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=text-editor] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=color-picker] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=color-wheel] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=ascii-table] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=unicode-table] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=alt-codes] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=html-color-codes] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=rgb-color] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=web-color] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=web-safe] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=color-scheme] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=color-checker] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=css-color] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=color-family] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=mirror] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=screenshot] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=emdr] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=todo] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=grocery] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=calendar] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=tts] .cx-calculator-panel{flex:1 1 auto;min-height:0;overflow:auto}@media (min-width: 901px) and (max-height: 860px){.cx-guide-page--tool .cx-intro .cx-eyebrow,.cx-guide-page--tool .cx-lede{display:none}.cx-guide-page--tool .cx-intro{padding:4px 0}.cx-guide-page--tool .cx-intro h1{font-size:22px}.cx-guide-page--tool:not(.cx-convert-page) .cx-calculator-shell{max-height:calc(100dvh - 118px)}.cx-color-family-contrast{display:none}}.cx-guide-page--tool .cx-tool-textarea{min-height:72px}.cx-guide-page--tool .cx-field{margin-bottom:8px}.cx-guide-page--tool .cx-privacy-note{margin-top:8px;font-size:12px}.cx-guide-page--tool .cx-prose{margin-top:20px;margin-bottom:48px}.cx-color-picker{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(220px,1fr);gap:16px;align-items:start}.cx-color-picker-visual{display:flex;flex-direction:column;gap:12px}.cx-color-sv-wrap{position:relative;width:100%;border-radius:10px;overflow:hidden;border:1px solid var(--cx-tool-line);touch-action:none;cursor:crosshair;aspect-ratio:280 / 180}.cx-color-sv{display:block;width:100%;height:100%}.cx-color-cursor{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000073;pointer-events:none}.cx-color-hue{--cx-hue: 0;width:100%;height:18px;appearance:none;border-radius:999px;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);outline:none}.cx-color-hue::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid #fff;background:hsl(var(--cx-hue),100%,50%);box-shadow:0 0 0 1px #00000059;cursor:pointer}.cx-color-hue::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid #fff;background:hsl(var(--cx-hue),100%,50%);box-shadow:0 0 0 1px #00000059;cursor:pointer}.cx-color-native-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--cx-tool-muted);font-size:13px}.cx-color-native-row input[type=color]{width:48px;height:36px;padding:0;border:1px solid var(--cx-tool-line);border-radius:8px;background:transparent;cursor:pointer}.cx-color-picker-side{display:flex;flex-direction:column;gap:4px}.cx-color-swatch{display:flex;flex-direction:column;justify-content:space-between;min-height:88px;padding:12px 14px;border-radius:10px;border:1px solid var(--cx-tool-line);margin-bottom:8px}.cx-color-swatch-dark{color:#000;font-size:13px;font-weight:600;text-shadow:0 1px 0 rgba(255,255,255,.35)}.cx-color-swatch-light{color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.35);align-self:flex-end}.cx-color-rgb-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end;margin-bottom:8px}.cx-color-rgb-row .cx-field{margin-bottom:0}.cx-color-rgb-copy{display:flex;flex-direction:column;min-width:4.5rem}.cx-color-rgb-copy-label{visibility:hidden;user-select:none}.cx-input-wrap--copy input{padding-right:4.5rem}.cx-color-copy{position:absolute;right:5px;top:50%;transform:translateY(-50%);z-index:1;height:28px;min-width:3.25rem;padding:0 10px;border:0;border-radius:7px;background:var(--cx-accent, #ff7901);color:#111;font-family:inherit;font-size:12px;font-weight:750;letter-spacing:.01em;cursor:pointer;pointer-events:auto;transition:filter .15s ease,background .15s ease,color .15s ease}.cx-color-copy:hover{filter:brightness(1.06)}.cx-color-copy:focus-visible{outline:2px solid var(--cx-accent, #ff7901);outline-offset:2px}.cx-color-copy.is-copied{background:color-mix(in srgb,var(--cx-accent, #ff7901) 35%,#1a1a1a);color:#fff;filter:none}.cx-color-copy--block{position:static;transform:none;width:100%;height:50px;min-width:4.5rem;border-radius:9px}.cx-color-wheel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,1.05fr);gap:16px;align-items:start}.cx-color-wheel-visual{display:flex;flex-direction:column;gap:12px;align-items:center}.cx-color-wheel-canvas-wrap{position:relative;width:min(100%,320px);aspect-ratio:1;touch-action:none}.cx-color-wheel-canvas{display:block;width:100%;height:100%;border-radius:50%;cursor:crosshair}.cx-color-wheel-markers{position:absolute;inset:0;pointer-events:none}.cx-color-wheel-marker{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000073}.cx-color-wheel-marker.is-primary{width:20px;height:20px;margin:-10px 0 0 -10px;box-shadow:0 0 0 2px #0000008c}.cx-color-wheel-lightness{width:min(100%,320px)}.cx-color-wheel-lightness input[type=range]{width:100%;accent-color:var(--cx-accent, #ff7901)}.cx-color-wheel-side{display:flex;flex-direction:column;gap:4px;min-width:0}.cx-color-wheel-swatches{display:flex;flex-direction:column;gap:8px;margin-top:6px}.cx-color-wheel-swatch{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border:1px solid var(--cx-tool-line);border-radius:10px;background:color-mix(in srgb,var(--cx-tool-2) 70%,transparent)}.cx-color-wheel-swatch-chip{width:44px;height:44px;border-radius:8px;background:var(--swatch);border:1px solid rgba(255,255,255,.12)}.cx-color-wheel-swatch-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.cx-color-wheel-swatch-meta strong{font-size:13px;color:var(--cx-tool-text)}.cx-color-wheel-swatch-meta code{font-size:13px;font-weight:700;color:var(--cx-tool-text)}.cx-color-wheel-swatch-meta span{font-size:12px;color:var(--cx-tool-muted)}.cx-color-wheel-swatch .cx-color-copy--block{width:auto;min-width:4.25rem;height:36px;padding:0 12px}@media (max-width: 820px){.cx-color-picker{grid-template-columns:1fr}.cx-color-rgb-row{grid-template-columns:repeat(3,minmax(0,1fr))}.cx-color-rgb-copy{grid-column:1 / -1;min-width:0}.cx-color-rgb-copy-label{display:none}.cx-color-copy--block{height:36px}.cx-color-wheel{grid-template-columns:1fr}.cx-color-wheel-canvas-wrap{width:min(100%,280px)}}.cx-html-colors{display:flex;flex-direction:column;gap:12px;min-height:0}.cx-html-colors-toolbar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(140px,.6fr);gap:12px;align-items:end}.cx-html-colors-toolbar .cx-field{margin-bottom:0}.cx-html-colors-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.85fr);gap:14px;align-items:start;min-height:0}.cx-html-colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;max-height:min(520px,calc(100dvh - 280px));overflow:auto;padding-right:2px;-webkit-overflow-scrolling:touch}.cx-html-colors-swatch{display:grid;grid-template-rows:52px auto auto;gap:4px;padding:0;border:1px solid var(--cx-tool-line);border-radius:10px;background:var(--cx-tool-2);color:var(--cx-tool-text);cursor:pointer;text-align:left;font:inherit;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.cx-html-colors-swatch:hover,.cx-html-colors-swatch.is-active{border-color:color-mix(in srgb,var(--cx-accent, #ff7901) 70%,var(--cx-tool-line));box-shadow:0 0 0 1px color-mix(in srgb,var(--cx-accent, #ff7901) 40%,transparent)}.cx-html-colors-swatch-chip{display:block;background:var(--swatch);border-bottom:1px solid rgba(0,0,0,.12)}.cx-html-colors-swatch-name,.cx-html-colors-swatch-hex{padding:0 8px;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-html-colors-swatch-name{font-weight:700;padding-top:4px}.cx-html-colors-swatch-hex{color:var(--cx-tool-muted);padding-bottom:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.cx-html-colors-detail{position:sticky;top:0;border:1px solid var(--cx-tool-line);border-radius:12px;background:color-mix(in srgb,var(--cx-tool-2) 75%,transparent);padding:12px}.cx-html-colors-preview{display:flex;flex-direction:column;justify-content:space-between;min-height:96px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);margin-bottom:12px}.cx-html-colors-preview strong{font-size:18px;font-weight:750}.cx-html-colors-preview span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:650}.cx-html-colors-codes .cx-field{margin-bottom:8px}.cx-html-colors-css{margin:8px 0 0;padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--cx-tool-2) 55%,#000);color:var(--cx-tool-muted);font-size:12px;line-height:1.55}.cx-html-colors-css code{color:var(--cx-tool-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cx-html-colors-empty{margin:0;padding:16px;color:var(--cx-tool-muted);font-size:13px}.cx-ascii-table{display:flex;flex-direction:column;gap:14px}.cx-ascii-toolbar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(160px,.8fr) auto;gap:12px;align-items:end}.cx-unicode-table .cx-ascii-toolbar{grid-template-columns:minmax(0,1.2fr) minmax(180px,1fr) minmax(160px,.85fr) auto}.cx-unicode-goto-row{display:flex;gap:8px;align-items:stretch}.cx-unicode-goto-row .cx-input-wrap{flex:1 1 auto;min-width:0}.cx-unicode-goto-row .cx-calculate-btn{flex:0 0 auto;min-width:64px;height:50px;padding:0 14px}.cx-ascii-toggles{display:flex;flex-wrap:wrap;gap:10px 14px;padding-bottom:10px}.cx-ascii-check{display:inline-flex;align-items:center;gap:6px;margin:0;color:color-mix(in srgb,var(--cx-tool-text) 78%,transparent);font-size:13px;cursor:pointer}.cx-ascii-check input{width:auto;height:auto;accent-color:var(--cx-accent, #ff7901)}.cx-ascii-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr);gap:14px;align-items:start}.cx-ascii-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;max-height:min(62vh,560px);overflow:auto;padding:2px}.cx-ascii-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:8px 4px;border:1px solid var(--cx-tool-line);border-radius:9px;background:var(--cx-tool-2);color:var(--cx-tool-text);cursor:pointer;transition:border-color .12s ease,background .12s ease}.cx-ascii-cell:hover,.cx-ascii-cell.is-active{border-color:var(--cx-accent, #ff7901);background:color-mix(in srgb,var(--cx-accent, #ff7901) 12%,var(--cx-tool-2))}.cx-ascii-cell.is-dim{opacity:.28}.cx-ascii-cell-glyph{font-size:18px;font-weight:650;line-height:1.1;font-variant-numeric:tabular-nums}.cx-ascii-cell-meta{display:flex;flex-direction:column;align-items:center;gap:1px}.cx-ascii-cell-meta code{font-size:10px;color:var(--cx-tool-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cx-ascii-detail{position:sticky;top:8px;padding:14px;border:1px solid var(--cx-tool-line);border-radius:12px;background:var(--cx-tool-2)}.cx-ascii-detail-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cx-ascii-detail-char,.cx-ascii-detail-abbr{display:grid;place-items:center;width:56px;height:56px;border-radius:10px;background:color-mix(in srgb,var(--cx-accent, #ff7901) 18%,#111);color:#fff;font-size:28px;font-weight:700}.cx-ascii-detail-abbr{font-size:14px;letter-spacing:.02em}.cx-ascii-detail-head strong{display:block;font-size:15px}.cx-ascii-detail-head span{color:var(--cx-tool-muted);font-size:12px}.cx-alt-tip{margin:0 0 12px;color:var(--cx-tool-muted);font-size:12px;line-height:1.45}.cx-ascii-codes{display:grid;gap:8px}.cx-ascii-codes .cx-field{margin:0}.cx-ascii-empty{margin:0;padding:16px;color:var(--cx-tool-muted);font-size:13px}@media (max-width: 900px){.cx-ascii-toolbar,.cx-unicode-table .cx-ascii-toolbar,.cx-ascii-layout{grid-template-columns:1fr}.cx-ascii-detail{position:static}.cx-ascii-grid{max-height:none}.cx-unicode-goto-row .cx-calculate-btn{height:40px}}.cx-rgb-color{display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(240px,1fr);gap:16px;align-items:start}.cx-rgb-color-visual{display:flex;flex-direction:column;gap:8px}.cx-rgb-color-chart-wrap{position:relative;width:100%;border-radius:10px;overflow:hidden;border:1px solid var(--cx-tool-line);touch-action:none;cursor:crosshair;aspect-ratio:360 / 160}.cx-rgb-color-chart{display:block;width:100%;height:100%}.cx-rgb-color-cursor{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000073;pointer-events:none}.cx-rgb-color-hint{margin:0;color:var(--cx-tool-muted);font-size:12px;line-height:1.4}.cx-rgb-color-side{display:flex;flex-direction:column;gap:4px;min-width:0}.cx-rgb-color-preview{display:flex;flex-direction:column;justify-content:space-between;min-height:84px;padding:12px 14px;border-radius:10px;border:1px solid var(--cx-tool-line);margin-bottom:8px}.cx-rgb-color-preview-dark{color:#000;font-size:13px;font-weight:600;text-shadow:0 1px 0 rgba(255,255,255,.35)}.cx-rgb-color-preview-light{color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.35);align-self:flex-end}.cx-rgb-channel{display:grid;grid-template-columns:52px minmax(0,1fr) 64px;gap:8px;align-items:center;margin-bottom:8px}.cx-rgb-channel label{margin:0;color:color-mix(in srgb,var(--cx-tool-text) 75%,transparent);font-size:13px;font-weight:650}.cx-rgb-channel label span{color:var(--cx-tool-text);font-variant-numeric:tabular-nums}.cx-rgb-channel input[type=range]{width:100%;accent-color:var(--cx-accent, #ff7901)}.cx-rgb-channel input[type=number]{width:100%;height:36px;padding:0 8px;border:1px solid var(--cx-tool-line);border-radius:8px;background:var(--cx-tool-2);color:var(--cx-tool-text);font:inherit;font-size:13px;font-weight:650}.cx-rgb-color-named{margin:4px 0 0;color:var(--cx-tool-muted);font-size:12px}.cx-rgb-color-named code{color:var(--cx-tool-text);font-weight:700}.cx-web-color{display:flex;flex-direction:column;gap:12px;min-height:0}.cx-web-color .cx-conversion-tabs{margin-bottom:0}.cx-web-color-lede{margin:0 0 10px;color:var(--cx-tool-muted);font-size:13px;line-height:1.45}.cx-web-color-lede code{color:var(--cx-tool-text);font-weight:650}.cx-web-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.cx-web-color-swatch{display:grid;grid-template-rows:48px auto auto;gap:3px;padding:0;border:1px solid var(--cx-tool-line);border-radius:10px;background:var(--cx-tool-2);color:var(--cx-tool-text);cursor:pointer;text-align:left;font:inherit;overflow:hidden}.cx-web-color-swatch:hover{border-color:color-mix(in srgb,var(--cx-accent, #ff7901) 65%,var(--cx-tool-line))}.cx-web-color-swatch-chip{display:block;background:var(--swatch);border-bottom:1px solid rgba(0,0,0,.12)}.cx-web-color-swatch strong,.cx-web-color-swatch code{padding:0 8px;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-web-color-swatch strong{padding-top:4px;font-weight:700}.cx-web-color-swatch code{padding-bottom:8px;color:var(--cx-tool-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.cx-web-color-families{display:flex;flex-direction:column;gap:6px;max-height:min(480px,calc(100dvh - 280px));overflow:auto}.cx-web-color-family{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--cx-tool-line);border-radius:10px;background:color-mix(in srgb,var(--cx-tool-2) 70%,transparent);color:inherit;text-decoration:none}.cx-web-color-family:hover{border-color:color-mix(in srgb,var(--cx-accent, #ff7901) 55%,var(--cx-tool-line))}.cx-web-color-family-chip{width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.12)}.cx-web-color-family-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.cx-web-color-family-meta strong{font-size:14px;color:var(--cx-tool-text)}.cx-web-color-family-meta span{font-size:12px;color:var(--cx-tool-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-web-color-family-go{color:var(--cx-tool-muted);font-size:18px}.cx-web-color-hex-tools{display:grid;gap:8px;max-width:420px}.cx-web-color-hex-preview{display:flex;flex-direction:column;justify-content:space-between;min-height:88px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);margin-top:4px}.cx-web-color-hex-preview strong{font-size:18px;font-weight:750;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cx-web-color-hex-preview span{font-size:12px;opacity:.9}.cx-web-safe{display:flex;flex-direction:column;gap:12px;min-height:0}.cx-web-safe-toolbar{display:grid;grid-template-columns:minmax(140px,.9fr) minmax(140px,.9fr) minmax(0,1.2fr);gap:12px;align-items:end}.cx-web-safe-toolbar .cx-field{margin-bottom:0}.cx-web-safe-note{margin:0;padding:8px 12px;border-radius:8px;border:1px solid var(--cx-tool-line);background:color-mix(in srgb,var(--cx-tool-2) 80%,transparent);color:var(--cx-tool-muted);font-size:13px;line-height:1.4}.cx-web-safe-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr);gap:14px;align-items:start;min-height:0}.cx-web-safe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:4px;max-height:min(520px,calc(100dvh - 280px));overflow:auto;padding:2px;-webkit-overflow-scrolling:touch}.cx-web-safe-swatch{aspect-ratio:1;padding:0;border:1px solid rgba(0,0,0,.18);border-radius:4px;background:transparent;cursor:pointer;overflow:hidden}.cx-web-safe-swatch:hover,.cx-web-safe-swatch.is-active{outline:2px solid color-mix(in srgb,var(--cx-accent, #ff7901) 85%,white);outline-offset:1px;z-index:1;position:relative}.cx-web-safe-swatch-chip{display:block;width:100%;height:100%;background:var(--swatch)}.cx-web-safe-detail{position:sticky;top:8px;display:flex;flex-direction:column;gap:10px;min-width:0}.cx-web-safe-preview{display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-height:96px;padding:14px;border-radius:10px;border:1px solid rgba(0,0,0,.14)}.cx-web-safe-preview strong{font-size:18px;font-weight:750;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cx-web-safe-preview span{font-size:13px;opacity:.92}.cx-color-scheme{display:flex;flex-direction:column;gap:12px;min-height:0;outline:none}.cx-color-scheme-toolbar{display:grid;grid-template-columns:minmax(140px,1fr) minmax(90px,.55fr) minmax(160px,1.1fr) auto;gap:12px;align-items:end}.cx-color-scheme-toolbar .cx-field{margin-bottom:0}.cx-color-scheme-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cx-color-scheme-actions .cx-calculate-btn,.cx-color-scheme-actions .cx-color-copy{height:40px;min-width:0}.cx-color-scheme-native{width:40px;height:40px;padding:0;border:1px solid var(--cx-tool-line);border-radius:8px;background:transparent;cursor:pointer;flex:0 0 auto}.cx-color-scheme-hint{margin:0;color:var(--cx-tool-muted);font-size:12px}.cx-color-scheme-hint kbd{display:inline-block;padding:1px 6px;border:1px solid var(--cx-tool-line);border-radius:4px;background:var(--cx-tool-2);font:inherit;font-size:11px;font-weight:650}.cx-color-scheme-strips{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0;min-height:min(280px,calc(100dvh - 360px));border-radius:12px;overflow:hidden;border:1px solid var(--cx-tool-line)}.cx-color-scheme-strip{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:200px;padding:12px;background:var(--strip);border-right:1px solid rgba(0,0,0,.08)}.cx-color-scheme-strip:last-child{border-right:0}.cx-color-scheme-strip.is-locked{box-shadow:inset 0 0 0 2px #ffffff8c}.cx-color-scheme-strip-tools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:auto}.cx-color-scheme-icon{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 8px;border-radius:6px;border:1px solid rgba(255,255,255,.35);background:#00000038;color:inherit;font:inherit;font-size:11px;font-weight:650;cursor:pointer}.cx-color-scheme-strip.is-light .cx-color-scheme-icon{border-color:#0000002e;background:#ffffff73;color:#111}.cx-color-scheme-strip.is-light .cx-input-wrap{background:#ffffff8c;border-color:#00000026}.cx-color-scheme-edit{position:relative;overflow:hidden}.cx-color-scheme-edit input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;border:0;padding:0}.cx-color-scheme-strip strong{font-size:15px;font-weight:750;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cx-color-scheme-strip .cx-input-wrap{background:#fff3;border-color:#ffffff59}.cx-color-scheme-strip .cx-input-wrap input{color:inherit;font-weight:650}.cx-color-scheme-strip span{font-size:11px;opacity:.88}.cx-color-scheme-preview{min-height:0}.cx-color-scheme-card{border-radius:12px;overflow:hidden;border:1px solid var(--cx-tool-line)}.cx-color-scheme-card header{padding:10px 14px;font-size:13px;font-weight:700}.cx-color-scheme-card-body{padding:16px 14px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.cx-color-scheme-card-body p{margin:0;font-size:13px}.cx-color-scheme-card-body button{appearance:none;border:0;border-radius:8px;min-height:36px;padding:0 14px;font:inherit;font-size:13px;font-weight:700;cursor:default}.cx-color-checker{display:flex;flex-direction:column;gap:12px;min-height:0}.cx-color-checker-body{min-height:0}.cx-color-checker-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.85fr);gap:14px;align-items:start}.cx-color-checker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:8px;border-radius:12px;border:1px solid var(--cx-tool-line);background:color-mix(in srgb,var(--cx-tool-2) 70%,#111 30%)}.cx-color-checker-patch{display:grid;grid-template-rows:minmax(44px,1fr) auto;gap:4px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:transparent;color:var(--cx-tool-muted);cursor:pointer;font:inherit;overflow:hidden}.cx-color-checker-patch:hover,.cx-color-checker-patch.is-active{border-color:color-mix(in srgb,var(--cx-accent, #ff7901) 80%,white);outline:2px solid color-mix(in srgb,var(--cx-accent, #ff7901) 70%,transparent);outline-offset:1px}.cx-color-checker-patch-chip{display:block;min-height:44px;background:var(--patch)}.cx-color-checker-patch strong{padding:0 4px 6px;font-size:11px;font-weight:650;text-align:center}.cx-color-checker-detail{position:sticky;top:8px;display:flex;flex-direction:column;gap:10px;min-width:0}.cx-color-checker-preview{display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-height:96px;padding:14px;border-radius:10px;border:1px solid rgba(0,0,0,.14)}.cx-color-checker-preview strong{font-size:18px;font-weight:750;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cx-color-checker-preview span{font-size:13px;opacity:.92}.cx-color-checker-note{margin:0;color:var(--cx-tool-muted);font-size:12px;line-height:1.45}.cx-color-checker-contrast{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.2fr);gap:14px;align-items:start}.cx-color-checker-contrast-fields{display:flex;flex-direction:column;gap:10px}.cx-color-checker-contrast-actions{display:flex;flex-wrap:wrap;gap:8px}.cx-color-checker-contrast-result{display:flex;flex-direction:column;gap:12px;min-width:0}.cx-color-checker-ratio{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:10px;border:1px solid var(--cx-tool-line);background:var(--cx-tool-2)}.cx-color-checker-ratio-label{color:var(--cx-tool-muted);font-size:12px}.cx-color-checker-ratio strong{font-size:28px;font-weight:750;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--cx-tool-text)}.cx-color-checker-wcag{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cx-color-checker-wcag>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 12px;border-radius:8px;border:1px solid var(--cx-tool-line);background:color-mix(in srgb,var(--cx-tool-2) 75%,transparent);font-size:13px}.cx-color-checker-wcag span{font-weight:650;color:var(--cx-tool-text)}.cx-color-checker-wcag small{color:var(--cx-tool-muted);font-size:11px}.cx-color-checker-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:750}.cx-color-checker-badge.is-pass{background:color-mix(in srgb,#16a34a 22%,transparent);color:#15803d}.cx-color-checker-badge.is-fail{background:color-mix(in srgb,#dc2626 18%,transparent);color:#b91c1c}.cx-color-checker-sample{border-radius:12px;border:1px solid var(--cx-tool-line);padding:18px 16px}.cx-color-checker-sample-lg{margin:0 0 10px;font-size:24px;font-weight:700;line-height:1.25}.cx-color-checker-sample-sm{margin:0;font-size:14px;line-height:1.5}.cx-css-color{display:flex;flex-direction:column;gap:12px;min-height:0}.cx-css-color-body{min-height:0}.cx-css-color-formats{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(0,1.2fr);gap:14px;align-items:start}.cx-css-color-controls{display:flex;flex-direction:column;gap:10px}.cx-css-color-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cx-css-color-channels .cx-field{margin-bottom:0}.cx-css-color-channels input[type=number]{width:100%;height:40px;padding:0 10px;border:1px solid var(--cx-tool-line);border-radius:8px;background:var(--cx-tool-2);color:var(--cx-tool-text);font:inherit}.cx-css-color-out{display:flex;flex-direction:column;gap:10px;min-width:0}.cx-css-color-preview{display:flex;flex-direction:column;gap:8px;min-height:110px;padding:14px;border-radius:12px;border:1px solid rgba(0,0,0,.12)}.cx-css-color-preview strong{font-size:18px;font-weight:750}.cx-css-color-preview span{font-size:12px;opacity:.9}.cx-css-color-preview em{display:inline-block;margin-top:auto;padding:6px 10px;border:3px solid;border-radius:8px;font-style:normal;font-size:12px;font-weight:650;background:color-mix(in srgb,#fff 35%,transparent)}.cx-css-color-note{margin:0;color:var(--cx-tool-muted);font-size:12px;line-height:1.45}.cx-css-color-note code{color:var(--cx-tool-text);font-weight:650}.cx-css-color-named{display:flex;flex-direction:column;gap:12px;min-height:0}.cx-color-family{display:flex;flex-direction:column;gap:8px;min-height:0;height:100%}.cx-color-family-body{flex:1;min-height:0;overflow:hidden}.cx-color-family-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.95fr);gap:12px;align-items:stretch;height:100%;min-height:0}.cx-color-family-main{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;overflow:auto}.cx-color-family-lede{display:none}.cx-color-family-row-title{margin:0 0 4px;font-size:12px;font-weight:700;color:var(--cx-tool-text)}.cx-color-family-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:3px}.cx-color-family-chip{height:28px;aspect-ratio:auto;padding:0;border:1px solid rgba(0,0,0,.16);border-radius:5px;background:transparent;cursor:pointer;overflow:hidden}.cx-color-family-chip span{display:block;width:100%;height:100%;background:var(--chip)}.cx-color-family-chip:hover,.cx-color-family-chip.is-active{outline:2px solid color-mix(in srgb,var(--cx-accent, #ff7901) 85%,white);outline-offset:1px;position:relative;z-index:1}.cx-color-family-detail{display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0;overflow:auto;position:sticky;top:0;align-self:start;max-height:100%}.cx-color-family-preview{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:52px;padding:8px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.14);flex-shrink:0}.cx-color-family-preview strong{font-size:15px;font-weight:750;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cx-color-family-preview span{font-size:12px;opacity:.92}.cx-color-family-detail .cx-field{margin-bottom:0}.cx-color-family-detail .cx-field label{margin-bottom:2px;font-size:11px}.cx-color-family-detail .cx-input-wrap input{height:32px;font-size:12px;padding:0 8px}.cx-color-family-detail .cx-color-copy{height:32px;min-width:3.2rem;padding:0 8px;font-size:12px}.cx-color-family-detail .cx-html-colors-codes{display:flex;flex-direction:column;gap:4px}.cx-color-family-contrast{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex-shrink:0}.cx-color-family-contrast-swatch{display:flex;flex-direction:column;gap:0;padding:6px 8px;border-radius:6px;border:1px solid var(--cx-tool-line);font-size:11px;line-height:1.25}.cx-color-family-contrast-swatch strong{font-size:13px;font-weight:750;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cx-color-family-contrast-swatch small{opacity:.85}.cx-color-family>.cx-privacy-note{display:none}.cx-tool-codec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}.cx-tool-codec-grid .cx-field{display:flex;flex-direction:column;min-width:0}.cx-tool-codec-grid .cx-field>label,.cx-tool-codec-grid .cx-field-head{display:flex;align-items:center;box-sizing:border-box;min-height:28px;margin-bottom:7px}.cx-tool-codec-grid .cx-field>label{margin-bottom:7px}.cx-tool-codec-grid .cx-tool-textarea{min-height:140px;height:clamp(140px,calc(100dvh - 300px),320px);resize:vertical;flex:1 1 auto}.cx-tool-codec-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.cx-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.cx-field-head label{margin-bottom:0}.cx-field-head .cx-color-copy--block{flex:0 0 auto;width:auto;height:28px;min-width:3.25rem;padding:0 10px;border-radius:7px}.cx-tool-codec-actions .cx-calculate-btn{min-width:110px;flex:0 0 auto}@media (max-width: 820px){.cx-tool-codec-grid{grid-template-columns:1fr}.cx-tool-codec-grid .cx-tool-textarea{height:120px}.cx-html-colors-toolbar,.cx-html-colors-layout{grid-template-columns:1fr}.cx-html-colors-grid{max-height:320px}.cx-html-colors-detail{position:static}.cx-web-safe-toolbar,.cx-web-safe-layout{grid-template-columns:1fr}.cx-web-safe-grid{max-height:280px}.cx-web-safe-detail{position:static}.cx-color-scheme-toolbar{grid-template-columns:1fr 1fr}.cx-color-scheme-actions{grid-column:1 / -1}.cx-color-scheme-strips{grid-template-columns:1fr;min-height:0}.cx-color-scheme-strip{min-height:120px;border-right:0;border-bottom:1px solid rgba(0,0,0,.08)}.cx-color-scheme-strip:last-child{border-bottom:0}.cx-color-checker-layout,.cx-color-checker-contrast{grid-template-columns:1fr}.cx-color-checker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cx-color-checker-detail{position:static}.cx-color-checker-wcag,.cx-css-color-formats{grid-template-columns:1fr}.cx-color-family-layout{grid-template-columns:1fr;height:auto}.cx-color-family-detail{position:static;max-height:none}.cx-color-family-chip{height:32px}.cx-rgb-color{grid-template-columns:1fr}.cx-rgb-channel{grid-template-columns:48px minmax(0,1fr) 56px}.cx-web-color-families{max-height:360px}}.cx-guide-cta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}.cx-guide-cta a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--cx-line-strong);background:var(--cx-surface);color:var(--cx-ink);text-decoration:none;font-size:13px;font-weight:650}.cx-guide-cta a.primary{border-color:transparent;background:var(--cx-accent);color:var(--cx-accent-contrast)}.cx-guide-related{margin-top:28px;padding-top:8px;border-top:1px solid var(--cx-line)}.cx-convert-page .cx-calculator-shell{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr);max-height:none;margin-bottom:8px}@media (min-width: 701px){.cx-convert-page .cx-calculator-panel,.cx-convert-page .cx-result-panel{padding:24px 26px;overflow:visible;min-height:0;flex:unset}.cx-convert-page .cx-field{margin-bottom:14px}.cx-convert-page .cx-privacy-note{margin-top:12px;font-size:13px}}.cx-convert-page .cx-prose{margin-top:28px}@media (max-width: 900px) and (min-width: 701px){.cx-convert-page .cx-calculator-shell{grid-template-columns:1fr}}.cx-calc-directory{display:grid;gap:28px;padding:4px 0 88px}.cx-calc-hub-intro{padding-bottom:8px}.cx-calc-hub-intro .cx-lede{margin-top:8px;max-width:none;white-space:nowrap;font-size:15px}.cx-calc-hub-title-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 24px}.cx-calc-hub-title-row h1{margin:0}.cx-calc-hub-count{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--cx-muted);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.cx-calc-hub-count strong{color:var(--cx-ink);font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.04em;line-height:1;text-transform:none}.cx-calc-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.cx-calc-jump a{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid var(--cx-line-strong);border-radius:10px;background:color-mix(in srgb,var(--cx-surface) 72%,transparent);color:var(--cx-ink-soft);text-decoration:none;font-size:13px;font-weight:600;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.cx-calc-jump a:hover{border-color:color-mix(in srgb,var(--cx-accent) 55%,var(--cx-line-strong));background:var(--cx-accent-soft);color:var(--cx-ink);transform:translateY(-1px)}.cx-calc-jump-num{color:var(--cx-muted);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.cx-calc-dir-section{min-width:0;scroll-margin-top:88px;padding:22px 22px 18px;border:1px solid var(--cx-line);border-radius:16px;background:linear-gradient(165deg,color-mix(in srgb,var(--cx-surface) 92%,transparent),color-mix(in srgb,var(--cx-surface-soft) 55%,transparent));box-shadow:var(--cx-shadow-soft);animation:cx-calc-dir-in .48s ease both;animation-delay:calc(var(--cx-dir-i, 0) * 45ms)}@keyframes cx-calc-dir-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.cx-calc-dir-section{animation:none}.cx-calc-jump a:hover{transform:none}}.cx-calc-dir-head{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:12px 20px;margin-bottom:10px;padding-bottom:16px;border-bottom:1px solid var(--cx-line)}.cx-calc-dir-head-main{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;min-width:0}.cx-calc-dir-index{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--cx-accent-soft);color:var(--cx-accent);font-size:12px;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}.cx-calc-dir-head h2{margin:0 0 4px;font-family:var(--cx-display);font-size:clamp(18px,2vw,22px);font-weight:700;letter-spacing:-.02em;line-height:1.2}.cx-calc-dir-head h2 a{color:inherit;text-decoration:none}.cx-calc-dir-head h2 a:hover{color:var(--cx-accent)}.cx-calc-dir-head p{margin:0;color:var(--cx-muted);font-size:13px;line-height:1.45;max-width:42ch}.cx-calc-dir-more{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:var(--cx-muted);text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap;transition:color .16s ease}.cx-calc-dir-more:hover{color:var(--cx-accent)}.cx-calc-dir-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:0}.cx-calc-dir-list>li{border-bottom:1px solid var(--cx-line)}.cx-calc-dir-list>li:last-child{border-bottom:0}.cx-calc-dir-list>li:first-child a{padding-top:20px}.cx-calc-dir-list a{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;min-height:0;padding:16px 4px;border:0;border-radius:0;background:transparent;color:var(--cx-ink);text-decoration:none;font-size:15px;font-weight:650;line-height:1.3;transition:background .16s ease,color .16s ease}.cx-calc-dir-list a:hover{border-color:transparent;background:color-mix(in srgb,var(--cx-accent-soft) 55%,transparent);color:var(--cx-ink);transform:none}.cx-calc-dir-link-copy{display:grid;gap:4px;min-width:0}.cx-calc-dir-link-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;letter-spacing:-.015em}.cx-calc-dir-link-desc{display:block;color:var(--cx-muted);font-size:13px;font-weight:400;line-height:1.45}.cx-calc-dir-link-arrow{color:var(--cx-muted-2);font-size:16px;line-height:1}.cx-calc-dir-list a:hover .cx-calc-dir-link-arrow{color:var(--cx-accent)}.cx-calc-dir-list strong{display:block;font-size:15px;font-weight:700}.cx-calc-dir-list span:not(.cx-calc-dir-link-title):not(.cx-calc-dir-link-desc):not(.cx-calc-dir-link-arrow):not(.cx-calc-dir-link-copy){display:block;margin-top:2px;color:var(--cx-muted);font-size:12px;line-height:1.4}.cx-calc-dir-list--rich{display:flex;flex-direction:column}.cx-calc-dir-list--rich a{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:0;padding:16px 4px}.cx-calc-dir-section--solo{animation-delay:0ms}@media (max-width: 640px){.cx-calc-hub-intro .cx-lede{white-space:normal}.cx-calc-dir-section{padding:16px 14px 12px}.cx-calc-dir-list a{padding:14px 2px}.cx-calc-dir-link-title{white-space:normal}.cx-calc-jump{gap:6px}.cx-calc-jump a{min-height:34px;padding:0 10px;font-size:12px}}.cx-category-tools{display:grid;gap:0;border:1px solid var(--cx-line-strong);border-radius:var(--cx-radius);overflow:hidden;background:var(--cx-surface)}.cx-category-tools a{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--cx-line)}.cx-category-tools a:last-child{border-bottom:0}.cx-category-tools a:hover{background:var(--cx-surface-soft)}.cx-category-tools strong{display:block;font-size:15px}.cx-category-tools span{color:var(--cx-muted);font-size:13px}@media (max-width: 980px){.cx-topbar{position:sticky;top:0;border-bottom:0;background:transparent;backdrop-filter:none;pointer-events:none}.cx-topbar .cx-shell{width:auto;margin-left:auto;margin-right:max(10px,calc((100% - var(--cx-max)) / 2 + 10px));padding:8px 0 0;pointer-events:none}.cx-nav{justify-content:flex-end;height:auto;gap:0;pointer-events:none}.cx-brand-full,.cx-nav-links,.cx-nav-actions{display:none}.cx-icon-menu-btn{display:inline-flex;pointer-events:auto;box-shadow:var(--cx-shadow)}.cx-hero-grid,.cx-intro-grid,.cx-workspace,.cx-calculator-shell,.cx-reference-grid,.cx-split-content{grid-template-columns:1fr}.cx-hero-side{padding:22px 0 0;border-left:0;border-top:1px solid var(--cx-line-strong)}.cx-category-grid{grid-template-columns:repeat(2,1fr)}.cx-footer-grid{grid-template-columns:1.3fr 1fr 1fr}}.cx-mobile-tool-title{display:none}@media (min-width: 701px){body:has(.cx-tool-page) .cx-breadcrumb{min-height:40px}.cx-tool-page .cx-result-panel{min-height:0}.cx-tool-page>.cx-intro{padding:26px 0 16px}.cx-tool-page .cx-eyebrow.accent{margin-bottom:8px;font-size:12px}.cx-tool-page .cx-intro h1{font-size:clamp(34px,3.6vw,48px);line-height:1.05}.cx-tool-page .cx-lede{margin-top:10px;max-width:none;font-size:15px;line-height:1.45}.cx-tool-page .cx-formula-grid{gap:12px}.cx-tool-page .cx-formula-card{min-height:0;padding:16px 18px}.cx-tool-page .cx-formula-card strong{margin-top:10px;font-size:clamp(17px,1.6vw,22px)}.cx-tool-page .cx-formula-note{padding-top:0;font-size:12px}.cx-tool-page .cx-calculator-panel{padding:22px}.cx-tool-page .cx-conversion-tabs{margin-bottom:16px}.cx-tool-page .cx-conversion-tabs button{padding-bottom:12px}.cx-tool-page .cx-field{margin-bottom:12px}.cx-tool-page .cx-input-wrap input:not([type=checkbox]),.cx-tool-page .cx-input-wrap select{height:46px}.cx-tool-page .cx-calculate-btn{height:44px}.cx-tool-page .cx-result-panel{min-height:0;padding:24px}.cx-tool-page .cx-result-heading{margin-top:14px}.cx-tool-page .cx-result-value{font-size:clamp(40px,4.5vw,64px)}.cx-tool-page .cx-calculator-shell[data-calculator=timezone] .cx-result-value{font-size:clamp(52px,9vw,96px)}.cx-tool-page .cx-calculator-shell[data-calculator=timezone] .cx-result-panel{padding:28px 32px 22px}.cx-tool-page .cx-calculator-shell[data-calculator=timezone] .cx-calculator-panel{padding:14px 20px 16px}.cx-tool-page .cx-result-note{margin-top:10px;font-size:13px}.cx-tool-page .cx-chart-wrap{height:108px;margin-top:14px}.cx-tool-page .cx-chart-wrap.is-bar-tall,.cx-tool-page .cx-chart-wrap.is-chart-tall{height:min(220px,36dvh);min-height:140px}.cx-tool-page .cx-result-meta div{padding-top:14px}}@media (min-width: 701px) and (max-width: 980px){.cx-tool-page .cx-lede{font-size:14.5px}}@media (min-width: 701px) and (max-height: 900px){.cx-tool-page>.cx-intro{padding:18px 0 12px}.cx-tool-page .cx-intro h1{font-size:clamp(30px,3.2vw,40px)}.cx-tool-page .cx-lede{margin-top:8px;font-size:14px}.cx-tool-page .cx-calculator-panel{padding:18px}.cx-tool-page .cx-result-panel{padding:18px 20px}.cx-tool-page .cx-chart-wrap{height:84px;margin-top:10px}.cx-tool-page .cx-chart-wrap.is-bar-tall,.cx-tool-page .cx-chart-wrap.is-chart-tall{height:min(200px,34dvh);min-height:120px}}@media (max-width: 700px){.cx-shell,.cx-prose{width:min(var(--cx-max),calc(100% - 28px))}.cx-category-grid,.cx-steps,.cx-examples,.cx-footer-grid,.cx-result-meta,.cx-two-fields,.cx-formula-grid{grid-template-columns:1fr}.cx-table-head{display:none}.cx-tool-row{grid-template-columns:38px minmax(0,1fr) 34px}.cx-tool-category{display:none}.cx-step+.cx-step{padding:20px 0;border-left:0;border-top:1px solid var(--cx-line)}.cx-footer-brand{grid-column:1 / -1}}@media (max-width: 700px),(max-height: 560px) and (orientation: landscape){body:has(.cx-tool-page) .cx-topbar{position:fixed;top:6px;right:8px;left:auto;width:auto;z-index:60}body:has(.cx-tool-page) .cx-topbar .cx-shell{width:auto;margin:0;padding:0}body:has(.cx-tool-page) .cx-nav{height:auto}body:has(.cx-tool-page) .cx-icon-menu-btn{width:36px;height:36px}body:has(.cx-tool-page) .cx-icon-menu-btn img{width:22px;height:22px}.cx-tool-page{display:flex;flex-direction:column}.cx-tool-page>#calculator,.cx-tool-page>#tool{order:1}.cx-tool-page>.cx-intro{display:none}.cx-guide-page--tool.cx-tool-page>.cx-intro{display:block;padding:10px 0 6px}.cx-guide-page--tool.cx-tool-page>.cx-intro .cx-eyebrow,.cx-guide-page--tool.cx-tool-page>.cx-intro .cx-lede{display:none}.cx-guide-page--tool.cx-tool-page>.cx-intro h1{margin:0;padding-right:48px;font-size:clamp(22px,5vw,30px);line-height:1.05;letter-spacing:-.03em}.cx-tool-page>.cx-support-stack{order:3}body:has(.cx-tool-page) .cx-breadcrumb-wrap{display:none}.cx-tool-page .cx-intro-copy .cx-eyebrow,.cx-tool-page .cx-intro-copy h1,.cx-tool-page .cx-intro-copy .cx-lede,.cx-tool-page .cx-intro-copy .cx-guide-cta{display:none}.cx-mobile-tool-title{display:block;padding:14px 48px 10px 0}.cx-mobile-tool-title .cx-eyebrow{margin-bottom:4px;font-size:10px}.cx-mobile-tool-title .cx-mobile-tool-heading{margin:0;font-family:var(--cx-display);font-size:clamp(22px,5vw,30px);line-height:1.05;letter-spacing:-.03em;font-weight:650}.cx-tool-page #calculator,.cx-tool-page #tool{padding:10px 0 12px}.cx-tool-page .cx-calculator-shell{display:flex;flex-direction:column;border-radius:12px;max-height:none;height:auto;overflow:visible}.cx-tool-page .cx-calculator-shell[data-tool=notepad],.cx-tool-page .cx-calculator-shell[data-tool=html-editor],.cx-tool-page .cx-calculator-shell[data-tool=svg-editor],.cx-tool-page .cx-calculator-shell[data-tool=text-editor],.cx-tool-page .cx-calculator-shell[data-tool=color-picker],.cx-tool-page .cx-calculator-shell[data-tool=color-wheel],.cx-tool-page .cx-calculator-shell[data-tool=ascii-table],.cx-tool-page .cx-calculator-shell[data-tool=unicode-table],.cx-tool-page .cx-calculator-shell[data-tool=alt-codes],.cx-tool-page .cx-calculator-shell[data-tool=html-color-codes],.cx-tool-page .cx-calculator-shell[data-tool=rgb-color],.cx-tool-page .cx-calculator-shell[data-tool=web-color],.cx-tool-page .cx-calculator-shell[data-tool=web-safe],.cx-tool-page .cx-calculator-shell[data-tool=color-scheme],.cx-tool-page .cx-calculator-shell[data-tool=color-checker],.cx-tool-page .cx-calculator-shell[data-tool=css-color],.cx-tool-page .cx-calculator-shell[data-tool=color-family],.cx-tool-page .cx-calculator-shell[data-tool=mirror],.cx-tool-page .cx-calculator-shell[data-tool=screenshot],.cx-tool-page .cx-calculator-shell[data-tool=emdr],.cx-tool-page .cx-calculator-shell[data-tool=todo],.cx-tool-page .cx-calculator-shell[data-tool=grocery],.cx-tool-page .cx-calculator-shell[data-tool=calendar],.cx-tool-page .cx-calculator-shell[data-tool=tts]{max-height:calc(100dvh - 108px);overflow:auto}.cx-tool-page .cx-result-panel{order:-1;min-height:0;padding:12px 14px 10px;border-bottom:1px solid var(--cx-line)}.cx-tool-page [data-tool=todo] .cx-result-panel,.cx-tool-page [data-tool=grocery] .cx-result-panel,.cx-tool-page [data-tool=tts] .cx-result-panel,.cx-tool-page [data-tool=calendar] .cx-result-panel,.cx-tool-page [data-tool=geolocation] .cx-result-panel,.cx-tool-page [data-tool=screenshot] .cx-result-panel,.cx-tool-page [data-tool=emdr] .cx-result-panel{order:1}.cx-tool-page [data-tool=todo] .cx-calculator-panel,.cx-tool-page [data-tool=grocery] .cx-calculator-panel,.cx-tool-page [data-tool=tts] .cx-calculator-panel,.cx-tool-page [data-tool=calendar] .cx-calculator-panel,.cx-tool-page [data-tool=geolocation] .cx-calculator-panel,.cx-tool-page [data-tool=screenshot] .cx-calculator-panel,.cx-tool-page [data-tool=emdr] .cx-calculator-panel{order:-1}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-result-panel,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-result-panel,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-result-panel,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-result-panel{order:-1;padding:14px 14px 12px;text-align:center;flex:0 0 auto}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-result-main,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-result-main,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-result-main,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-result-main{display:flex;flex-direction:column;align-items:center;grid-template-columns:none}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-result-heading,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-result-heading,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-result-heading,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-result-heading{margin-top:6px;font-size:11px;align-self:center}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-result-value,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-result-value,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-result-value,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-result-value{margin-top:2px;font-size:clamp(40px,12vw,56px);line-height:1;text-align:center;font-variant-numeric:tabular-nums}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-result-explainer,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-result-explainer,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-result-explainer,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-result-explainer{margin-top:6px;font-size:12px;-webkit-line-clamp:2;line-clamp:2}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-calculator-panel,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-calculator-panel,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-calculator-panel,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-calculator-panel{order:0;flex:0 0 auto;min-height:0;padding:10px 12px 12px}.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-bar-axis-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-field{margin-bottom:8px}.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-preset-row{margin-bottom:8px;gap:6px}.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-preset-btn{min-height:36px;padding:0 10px;font-size:13px}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-lap-list{max-height:min(18vh,120px)}.cx-tool-page .cx-emdr-stage{height:min(22vh,120px)}.cx-tool-page .cx-shot-drop{min-height:min(28vh,180px)}.cx-tool-page .cx-list-add-row .cx-calculate-btn{height:46px}.cx-tool-page .cx-result-main{display:grid;grid-template-columns:1fr auto;grid-template-areas:"status status" "heading value" "note note";column-gap:12px;align-items:end}.cx-tool-page .cx-result-status{grid-area:status;margin-bottom:2px;padding:4px 8px;font-size:10px}.cx-tool-page .cx-result-heading{grid-area:heading;margin-top:0;font-size:12px;align-self:center}.cx-tool-page .cx-result-value{grid-area:value;margin-top:0;font-size:clamp(24px,6vw,36px);line-height:1;text-align:right}.cx-tool-page .cx-calculator-shell[data-calculator=timezone] .cx-result-panel{padding:18px 16px 14px;text-align:center}.cx-tool-page .cx-calculator-shell[data-calculator=timezone] .cx-result-main{display:flex;flex-direction:column;align-items:center;grid-template-columns:none}.cx-tool-page .cx-calculator-shell[data-calculator=timezone] .cx-result-heading{margin-top:10px;font-size:12px}.cx-tool-page .cx-calculator-shell[data-calculator=timezone] .cx-result-value{margin-top:4px;font-size:clamp(40px,12vw,64px);text-align:center}.cx-tool-page .cx-calculator-shell[data-calculator=timezone] .cx-result-explainer{margin-top:8px;-webkit-line-clamp:3;line-clamp:3;font-size:13px}.cx-tool-page .cx-calculator-shell[data-calculator=timezone] .cx-calculator-panel{padding:12px 14px 14px}.cx-tool-page .cx-calculator-shell[data-calculator=timezone] .cx-result-meta{margin-top:14px}.cx-tool-page .cx-result-explainer{grid-area:note;margin-top:6px;font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cx-tool-page .cx-chart-wrap{display:none}.cx-tool-page .cx-chart-wrap.is-bar-tall,.cx-tool-page .cx-chart-wrap.is-chart-tall{display:block;height:min(180px,32dvh);min-height:110px;margin-top:12px}.cx-tool-page .cx-result-meta{display:flex;flex-wrap:nowrap;gap:0;margin-top:8px;border:1px solid var(--cx-line);border-radius:10px;overflow:hidden}.cx-tool-page .cx-result-meta>div{flex:1 1 0;min-width:0;min-height:0;padding:5px 8px;border-right:1px solid var(--cx-line);border-bottom:0}.cx-tool-page .cx-result-meta>div:last-child{border-right:0}.cx-tool-page .cx-result-meta span{font-size:9px}.cx-tool-page .cx-result-meta strong{margin-top:2px;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-tool-page .cx-calculator-panel{padding:12px 14px 14px}.cx-tool-page .cx-conversion-tabs{margin-bottom:10px}.cx-tool-page .cx-conversion-tabs button{padding:0 4px 8px;font-size:11px}.cx-tool-page .cx-field{margin-bottom:8px}.cx-tool-page .cx-input-wrap input:not([type=checkbox]),.cx-tool-page .cx-input-wrap select{height:40px}.cx-tool-page .cx-field-help,.cx-tool-page .cx-privacy-note{display:none}.cx-tool-page .cx-calculate-btn{height:40px;margin-top:2px}}@media (max-width: 700px) and (orientation: portrait){.cx-tool-page .cx-result-panel{padding:10px 12px 8px}.cx-tool-page .cx-result-explainer{-webkit-line-clamp:1;line-clamp:1;margin-top:4px}.cx-tool-page .cx-result-value{font-size:clamp(22px,7vw,32px)}.cx-tool-page .cx-result-meta>div:last-child{display:none}.cx-tool-page .cx-result-meta>div:nth-child(2){border-right:0}.cx-tool-page .cx-calculator-shell{max-height:none}.cx-tool-page .cx-calculator-panel{padding:10px 12px 12px}.cx-tool-page .cx-field{margin-bottom:7px}}@media (max-width: 700px){.cx-tool-page .cx-support-stack{gap:12px;padding:12px 0 40px}.cx-tool-page .cx-section-card{border-radius:12px}.cx-tool-page .cx-section-card-head{flex-direction:column;align-items:flex-start;gap:2px;padding:14px 14px 0}.cx-tool-page .cx-section-card h2{font-size:16px}.cx-tool-page .cx-section-card-head p{max-width:none;font-size:12px;line-height:1.4}.cx-tool-page .cx-formula-grid{grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px 14px}.cx-tool-page .cx-formula-card{min-height:0;padding:10px 12px;border-radius:10px}.cx-tool-page .cx-formula-card small{font-size:10px}.cx-tool-page .cx-formula-card strong{margin-top:6px;font-size:13.5px;line-height:1.3;white-space:normal;word-break:break-word}.cx-tool-page .cx-formula-note{gap:8px;padding-top:4px;font-size:11px;line-height:1.4}.cx-tool-page .cx-steps{grid-template-columns:1fr;gap:0;padding:8px 14px 12px}.cx-tool-page .cx-step{grid-template-columns:24px 1fr;gap:10px;padding:10px 0}.cx-tool-page .cx-step+.cx-step{padding:10px 0;border-left:0;border-top:1px solid var(--cx-line)}.cx-tool-page .cx-step-num{width:22px;height:22px;font-size:11px}.cx-tool-page .cx-step h3{margin:0 0 2px;font-size:13.5px}.cx-tool-page .cx-step p{font-size:12.5px;line-height:1.4}.cx-tool-page .cx-examples{grid-template-columns:1fr;gap:8px;padding:12px 14px 14px}.cx-tool-page .cx-example{min-height:0;padding:12px;border-radius:10px}.cx-tool-page .cx-bolt{width:28px;height:28px;font-size:14px}.cx-tool-page .cx-example h3{margin:0 0 2px;font-size:13.5px}.cx-tool-page .cx-example p{font-size:12px}.cx-tool-page .cx-formula-chip{margin:10px 0 0 40px;font-size:11.5px}.cx-tool-page .cx-example-result{margin:6px 0 0 40px;font-size:15px}.cx-tool-page .cx-spec-grid{gap:12px;padding:12px 14px 14px}.cx-tool-page .cx-spec-grid>div{gap:4px;padding-top:10px}.cx-tool-page .cx-spec-grid dt{font-size:10.5px}.cx-tool-page .cx-spec-grid dd{font-size:13.5px;line-height:1.5}.cx-tool-page .cx-spec-formula{padding:8px 10px;font-size:12.5px}.cx-tool-page .cx-table-wrap{padding:8px 0 4px}.cx-tool-page .cx-table-wrap table{min-width:0;font-size:12px}.cx-tool-page .cx-calc-article .cx-prose{padding:8px 14px 14px;font-size:13.5px}.cx-tool-page .cx-faq-list{padding:10px 14px 14px}.cx-tool-page .cx-faq-list summary{padding-top:11px;padding-bottom:11px;font-size:13.5px}.cx-tool-page .cx-faq-list details p{font-size:13px;line-height:1.45}.cx-tool-page .cx-related-list{padding:8px 10px 12px}.cx-tool-page .cx-related-row{min-height:44px;padding:6px 4px}.cx-tool-page .cx-related-icon{width:28px;height:28px;font-size:11px}.cx-tool-page .cx-related-row strong{font-size:13.5px}}@media (max-height: 560px) and (orientation: landscape){body:has(.cx-tool-page) .cx-topbar{top:8px;right:10px}.cx-tool-page #calculator,.cx-tool-page #tool{padding:6px 0 8px}.cx-tool-page .cx-mobile-tool-title{display:flex;align-items:baseline;gap:10px;padding:2px 44px 6px 0}.cx-tool-page .cx-mobile-tool-title .cx-eyebrow{margin:0;flex:0 0 auto}.cx-tool-page .cx-mobile-tool-title .cx-mobile-tool-heading{font-size:18px}.cx-tool-page .cx-calculator-shell:not(.cx-tool-wide){display:grid;grid-template-columns:minmax(240px,.95fr) minmax(0,1.05fr);height:auto;max-height:calc(100dvh - 52px);min-height:0;overflow:visible}.cx-tool-page .cx-calculator-shell[data-tool=bar-graph],.cx-tool-page .cx-calculator-shell[data-tool=line-graph],.cx-tool-page .cx-calculator-shell[data-tool=pie-chart],.cx-tool-page .cx-calculator-shell[data-tool=redirect],.cx-tool-page .cx-calculator-shell[data-tool=html-link],.cx-tool-page .cx-calculator-shell[data-tool=html-table],.cx-tool-page .cx-calculator-shell[data-tool=base64],.cx-tool-page .cx-calculator-shell[data-tool=url-codec]{height:calc(100dvh - 52px);overflow:hidden}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch],.cx-tool-page .cx-calculator-shell[data-tool=countdown],.cx-tool-page .cx-calculator-shell[data-tool=clock],.cx-tool-page .cx-calculator-shell[data-tool=date]{display:flex;flex-direction:column;grid-template-columns:none;height:auto;max-height:none;min-height:0;overflow:visible}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-result-panel,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-result-panel,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-result-panel,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-result-panel{order:-1;border-left:0;border-bottom:1px solid var(--cx-line);padding:8px 12px 6px;text-align:center;flex:0 0 auto}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-result-main,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-result-main,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-result-main,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-result-main{display:flex;flex-direction:column;align-items:center}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-result-value,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-result-value,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-result-value,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-result-value{font-size:clamp(28px,10vh,44px);text-align:center}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-calculator-panel,.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-calculator-panel,.cx-tool-page .cx-calculator-shell[data-tool=clock] .cx-calculator-panel,.cx-tool-page .cx-calculator-shell[data-tool=date] .cx-calculator-panel{order:0;flex:0 0 auto;min-height:0}.cx-tool-page .cx-calculator-shell[data-tool=countdown] .cx-bar-axis-row{grid-template-columns:repeat(3,minmax(0,1fr))}.cx-tool-page .cx-calculator-shell[data-tool=stopwatch] .cx-lap-list{max-height:64px}.cx-guide-page--tool:not(.cx-convert-page) .cx-calculator-shell{min-height:0;max-height:none}.cx-guide-page--tool .cx-calculator-shell[data-tool=notepad],.cx-guide-page--tool .cx-calculator-shell[data-tool=html-editor],.cx-guide-page--tool .cx-calculator-shell[data-tool=svg-editor],.cx-guide-page--tool .cx-calculator-shell[data-tool=text-editor],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-picker],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-wheel],.cx-guide-page--tool .cx-calculator-shell[data-tool=ascii-table],.cx-guide-page--tool .cx-calculator-shell[data-tool=unicode-table],.cx-guide-page--tool .cx-calculator-shell[data-tool=alt-codes],.cx-guide-page--tool .cx-calculator-shell[data-tool=html-color-codes],.cx-guide-page--tool .cx-calculator-shell[data-tool=rgb-color],.cx-guide-page--tool .cx-calculator-shell[data-tool=web-color],.cx-guide-page--tool .cx-calculator-shell[data-tool=web-safe],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-scheme],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-checker],.cx-guide-page--tool .cx-calculator-shell[data-tool=css-color],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-family],.cx-guide-page--tool .cx-calculator-shell[data-tool=mirror],.cx-guide-page--tool .cx-calculator-shell[data-tool=screenshot],.cx-guide-page--tool .cx-calculator-shell[data-tool=emdr],.cx-guide-page--tool .cx-calculator-shell[data-tool=todo],.cx-guide-page--tool .cx-calculator-shell[data-tool=grocery],.cx-guide-page--tool .cx-calculator-shell[data-tool=calendar],.cx-guide-page--tool .cx-calculator-shell[data-tool=tts]{max-height:calc(100dvh - 52px)}.cx-guide-page--tool:not(.cx-convert-page) .cx-calculator-panel,.cx-tool-page .cx-calculator-panel{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:10px 12px 12px}.cx-tool-page .cx-calculator-shell.cx-tool-wide{display:flex;flex-direction:column;height:calc(100dvh - 52px);max-height:calc(100dvh - 52px);min-height:0;overflow:hidden}.cx-tool-page .cx-result-panel{order:0;border-bottom:0;border-left:1px solid var(--cx-line);min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:10px 12px;display:flex;flex-direction:column;justify-content:flex-start}.cx-tool-page .cx-chart-wrap.is-bar-tall,.cx-tool-page .cx-chart-wrap.is-chart-tall{display:block;height:min(120px,30dvh);min-height:96px;max-height:36dvh;margin-top:8px;flex:0 0 auto}.cx-tool-page [data-tool=bar-graph] .cx-result-heading{margin-top:4px}.cx-tool-page [data-tool=bar-graph] .cx-result-explainer{margin-top:4px;font-size:12px}.cx-tool-page .cx-calculator-panel{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:10px 12px 12px}.cx-tool-page .cx-result-main{grid-template-areas:"status status" "heading value" "note note"}.cx-tool-page .cx-result-explainer{-webkit-line-clamp:2;line-clamp:2}.cx-tool-page .cx-result-meta{display:flex;flex-wrap:nowrap;gap:0;margin-top:10px;border:1px solid var(--cx-line);border-radius:10px;overflow:hidden}.cx-tool-page .cx-result-meta>div{flex:1 1 0;min-width:0;min-height:0;padding:6px 8px;border-right:1px solid var(--cx-line);border-bottom:0}.cx-tool-page .cx-result-meta>div:last-child{border-right:0}.cx-tool-page .cx-field{margin-bottom:8px}.cx-tool-page .cx-input-wrap input:not([type=checkbox]),.cx-tool-page .cx-input-wrap select{height:40px}.cx-tool-page .cx-segmented{padding:4px;gap:4px}.cx-tool-page .cx-segmented button{height:36px;font-size:12px}.cx-tool-page .cx-calculate-btn{height:40px}.cx-tool-page .cx-conversion-tabs{margin-bottom:8px}.cx-tool-page .cx-conversion-tabs button{padding:0 4px 8px;font-size:12px}}@media (max-height: 640px) and (orientation: landscape){body:has(.cx-guide-page--tool) .cx-breadcrumb-wrap{display:none}.cx-guide-page--tool>.cx-intro{display:block;order:0;padding:4px 0 2px}.cx-guide-page--tool>.cx-intro .cx-eyebrow,.cx-guide-page--tool>.cx-intro .cx-lede{display:none}.cx-guide-page--tool>.cx-intro h1{margin:0;padding-right:44px;font-size:18px;line-height:1.15;letter-spacing:-.02em}.cx-guide-page--tool{display:flex;flex-direction:column}.cx-guide-page--tool>#tool{order:1;padding:4px 0 6px}.cx-guide-page--tool>.cx-support-stack{order:3}.cx-guide-page--tool:not(.cx-convert-page) .cx-calculator-shell,.cx-guide-page--tool .cx-calculator-shell.cx-tool-wide{display:flex;flex-direction:column;grid-template-columns:none;height:auto;max-height:none;min-height:0;overflow:visible}.cx-guide-page--tool .cx-calculator-shell[data-tool=notepad],.cx-guide-page--tool .cx-calculator-shell[data-tool=html-editor],.cx-guide-page--tool .cx-calculator-shell[data-tool=svg-editor],.cx-guide-page--tool .cx-calculator-shell[data-tool=text-editor],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-picker],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-wheel],.cx-guide-page--tool .cx-calculator-shell[data-tool=ascii-table],.cx-guide-page--tool .cx-calculator-shell[data-tool=unicode-table],.cx-guide-page--tool .cx-calculator-shell[data-tool=alt-codes],.cx-guide-page--tool .cx-calculator-shell[data-tool=html-color-codes],.cx-guide-page--tool .cx-calculator-shell[data-tool=rgb-color],.cx-guide-page--tool .cx-calculator-shell[data-tool=web-color],.cx-guide-page--tool .cx-calculator-shell[data-tool=web-safe],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-scheme],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-checker],.cx-guide-page--tool .cx-calculator-shell[data-tool=css-color],.cx-guide-page--tool .cx-calculator-shell[data-tool=color-family],.cx-guide-page--tool .cx-calculator-shell[data-tool=mirror],.cx-guide-page--tool .cx-calculator-shell[data-tool=screenshot],.cx-guide-page--tool .cx-calculator-shell[data-tool=emdr],.cx-guide-page--tool .cx-calculator-shell[data-tool=todo],.cx-guide-page--tool .cx-calculator-shell[data-tool=grocery],.cx-guide-page--tool .cx-calculator-shell[data-tool=calendar],.cx-guide-page--tool .cx-calculator-shell[data-tool=tts],.cx-guide-page--tool .cx-calculator-shell.cx-tool-wide{height:calc(100dvh - 56px);max-height:calc(100dvh - 56px);min-height:0;overflow:hidden}.cx-guide-page--tool:not(.cx-convert-page) .cx-calculator-panel{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;overflow:visible;padding:8px 10px}.cx-guide-page--tool .cx-calculator-shell[data-tool=notepad] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=html-editor] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=svg-editor] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=text-editor] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=color-picker] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=color-wheel] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=ascii-table] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=unicode-table] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=alt-codes] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=html-color-codes] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=rgb-color] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=web-color] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=web-safe] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=color-scheme] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=color-checker] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=css-color] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=color-family] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=mirror] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=screenshot] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=emdr] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=todo] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=grocery] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=calendar] .cx-calculator-panel,.cx-guide-page--tool .cx-calculator-shell[data-tool=tts] .cx-calculator-panel{flex:1;overflow:hidden}.cx-guide-page--tool .cx-tool-status{padding:4px 12px 6px;font-size:12px;gap:6px 10px}.cx-guide-page--tool .cx-privacy-note{display:none}.cx-guide-page--tool .cx-field{margin-bottom:4px}.cx-guide-page--tool .cx-field label{margin-bottom:3px;font-size:11px}.cx-guide-page--tool .cx-input-wrap input:not([type=checkbox]),.cx-guide-page--tool .cx-input-wrap select{height:34px;font-size:13px;padding:0 10px}.cx-color-picker{flex:1;min-height:0;height:100%;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px;align-items:stretch}.cx-color-picker-visual{min-height:0;height:100%;gap:8px}.cx-color-sv-wrap{aspect-ratio:auto;flex:1 1 auto;min-height:0;height:auto}.cx-color-hue{height:14px;flex:0 0 auto}.cx-color-native-row{flex:0 0 auto;font-size:11px;gap:8px}.cx-color-native-row input[type=color]{width:36px;height:28px}.cx-color-picker-side{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;gap:0}.cx-color-swatch{min-height:44px;padding:8px 10px;margin-bottom:4px}.cx-color-swatch-dark,.cx-color-swatch-light{font-size:11px}.cx-color-copy{height:22px;min-width:2.75rem;padding:0 8px;font-size:11px}.cx-color-copy--block{height:34px;min-width:3.75rem}.cx-input-wrap--copy input{padding-right:3.75rem}.cx-color-wheel{flex:1;min-height:0;height:100%;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:10px;align-items:stretch}.cx-color-wheel-visual{min-height:0;height:100%;justify-content:center;gap:8px}.cx-color-wheel-canvas-wrap{width:auto;height:min(100%,220px);max-width:100%;aspect-ratio:1}.cx-color-wheel-side{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.cx-color-wheel-swatch{grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding:6px}.cx-color-wheel-swatch-chip{width:36px;height:36px}.cx-color-wheel-swatch .cx-color-copy--block{height:32px;min-width:3.5rem}.cx-html-colors{flex:1;min-height:0;height:100%}.cx-html-colors-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1.2fr) minmax(200px,.9fr);gap:10px}.cx-html-colors-grid{max-height:none;height:100%}.cx-html-colors-detail{max-height:100%;overflow:auto}.cx-html-colors-preview{min-height:64px;padding:8px 10px;margin-bottom:8px}.cx-html-colors-preview strong{font-size:15px}.cx-rgb-color{flex:1;min-height:0;height:100%;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:10px;align-items:stretch}.cx-rgb-color-visual{min-height:0;height:100%;display:flex;flex-direction:column}.cx-rgb-color-chart-wrap{flex:1;min-height:0;aspect-ratio:auto;height:100%}.cx-rgb-color-hint{display:none}.cx-rgb-color-side{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.cx-rgb-color-preview{min-height:52px;padding:8px 10px;margin-bottom:4px}.cx-rgb-channel{margin-bottom:4px;grid-template-columns:44px minmax(0,1fr) 52px;gap:6px}.cx-rgb-channel input[type=number]{height:30px;font-size:12px}.cx-web-color{flex:1;min-height:0;height:100%;display:flex;flex-direction:column}.cx-web-color-body{flex:1;min-height:0;overflow:auto}.cx-web-color-families{max-height:none}.cx-web-safe{flex:1;min-height:0;height:100%}.cx-web-safe-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1.35fr) minmax(200px,.85fr);gap:10px}.cx-web-safe-grid{max-height:none;height:100%}.cx-web-safe-detail{max-height:100%;overflow:auto}.cx-web-safe-preview{min-height:64px;padding:8px 10px}.cx-web-safe-preview strong{font-size:15px}.cx-color-scheme{flex:1;min-height:0;height:100%}.cx-color-scheme-strips{flex:1;min-height:0;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.cx-color-scheme-strip{min-height:0}.cx-color-scheme-preview{display:none}.cx-color-checker{flex:1;min-height:0;height:100%}.cx-color-checker-body{flex:1;min-height:0}.cx-color-checker-layout{height:100%;grid-template-columns:minmax(0,1.3fr) minmax(200px,.85fr)}.cx-color-checker-contrast{height:100%}.cx-color-checker-detail{max-height:100%;overflow:auto}.cx-css-color{flex:1;min-height:0;height:100%}.cx-css-color-body{flex:1;min-height:0;overflow:auto}.cx-css-color-formats{grid-template-columns:minmax(220px,.9fr) minmax(0,1.2fr)}.cx-color-family{flex:1;min-height:0;height:100%}.cx-color-family-body{flex:1;min-height:0;overflow:hidden}.cx-color-family-layout{height:100%;grid-template-columns:minmax(0,1.35fr) minmax(220px,.9fr)}.cx-color-family-detail{max-height:100%;overflow:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.cx-http-layout{display:grid;grid-template-columns:minmax(240px,.92fr) minmax(0,1.2fr);gap:14px 18px;flex:1 1 auto;min-height:0;align-items:stretch}.cx-http-controls,.cx-http-output{display:flex;flex-direction:column;min-width:0;min-height:0}.cx-http-controls .cx-field:first-child{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;margin-bottom:8px}.cx-http-urls{flex:1 1 auto;min-height:110px;height:auto;resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.45}.cx-http-controls .cx-tool-row-btns{margin-top:4px}.cx-check-row{display:flex;align-items:center;gap:8px;margin:2px 0 10px;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;color:var(--cx-tool-text)}.cx-check-row input[type=checkbox]{width:16px;height:16px;min-width:16px;margin:0;padding:0;flex:0 0 auto;accent-color:var(--cx-accent, #f06a1a);cursor:pointer}.cx-check-row-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;min-width:0}.cx-check-row-text strong{font-size:13px;font-weight:650;line-height:1.3}.cx-check-row-text small{font-size:12px;color:var(--cx-tool-muted);line-height:1.35}.cx-http-output .cx-field-head{margin-bottom:8px}.cx-http-results{display:grid;gap:10px;align-content:start;flex:1 1 auto;min-height:0;overflow:auto;margin:0;padding-right:2px}.cx-http-empty{margin:0;padding:18px 14px;border:1px dashed var(--cx-tool-line);border-radius:10px;color:var(--cx-tool-muted);font-size:13px;text-align:center}.cx-http-card{border:1px solid var(--cx-tool-line);border-radius:12px;background:color-mix(in srgb,var(--cx-tool-2) 88%,transparent);padding:12px 14px}.cx-http-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.cx-http-card>header strong{font-size:13px;word-break:break-all}.cx-http-code{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent}.cx-http-code.is-2xx{color:#d8ffe8;background:color-mix(in srgb,#1f8f57 35%,transparent);border-color:color-mix(in srgb,#3ecf8e 45%,transparent)}.cx-http-code.is-3xx{color:#dce9ff;background:color-mix(in srgb,#2f5fbf 35%,transparent);border-color:color-mix(in srgb,#6b9bff 45%,transparent)}.cx-http-code.is-4xx{color:#ffe4c8;background:color-mix(in srgb,#b86a1c 35%,transparent);border-color:color-mix(in srgb,#f0a35a 45%,transparent)}.cx-http-code.is-5xx,.cx-http-code.is-unknown{color:#ffd6d6;background:color-mix(in srgb,#b33030 35%,transparent);border-color:color-mix(in srgb,#f07171 45%,transparent)}html:not([data-theme=dark]) .cx-http-code.is-2xx{color:#0d5c34;background:#e5f8ee;border-color:#9ad8b5}html:not([data-theme=dark]) .cx-http-code.is-3xx{color:#1a3f8a;background:#e8efff;border-color:#a8c0f5}html:not([data-theme=dark]) .cx-http-code.is-4xx{color:#8a4b0a;background:#fff1e0;border-color:#f0c08a}html:not([data-theme=dark]) .cx-http-code.is-5xx,html:not([data-theme=dark]) .cx-http-code.is-unknown{color:#8a1f1f;background:#fdeaea;border-color:#efb0b0}.cx-http-meta{color:var(--cx-tool-muted);font-size:12px;margin:0 0 8px;word-break:break-word}.cx-http-meta code,.cx-http-url{word-break:break-all}.cx-http-url{font-size:12px;margin:4px 0 2px}.cx-http-chain{list-style:none;margin:0;padding:0;display:grid;gap:8px}.cx-http-hop{display:block;min-width:0}.cx-http-hop-body{min-width:0}.cx-http-hop-num{display:none}.cx-http-headers-label{margin:0 0 6px;color:var(--cx-tool-muted);font-size:12px;font-weight:650}.cx-http-header-table{width:auto;max-width:100%;margin:0;font-size:12px;text-align:left;border-collapse:collapse}.cx-http-header-table th{text-align:left;vertical-align:top;padding:3px 14px 3px 0;color:var(--cx-tool-muted);font-weight:650;white-space:nowrap}.cx-http-header-table td{text-align:left;vertical-align:top;padding:3px 0;word-break:break-word}.cx-http-header-table code{font-size:12px}.cx-guide-page--tool .cx-http-layout{height:100%}.cx-guide-page--tool [data-tool=http-status] .cx-calculator-panel,.cx-guide-page--tool [data-tool=http-headers] .cx-calculator-panel{overflow:hidden}.cx-guide-page--tool [data-tool=http-status] .cx-privacy-note,.cx-guide-page--tool [data-tool=http-headers] .cx-privacy-note{flex-shrink:0}@media (max-width: 820px){.cx-http-layout{grid-template-columns:1fr 1fr;gap:10px}.cx-http-urls{min-height:96px}}@media (max-width: 560px){.cx-http-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(160px,1fr)}.cx-http-urls{min-height:72px;max-height:96px}.cx-http-results{max-height:none}}.cx-share-link{margin-top:12px;font-size:.85rem}.cx-scenario-panel{margin-top:28px}.cx-scenario-head h2{margin:0 0 4px;font-size:1.25rem}.cx-scenario-head p{margin:0 0 16px;color:var(--cx-muted)}.cx-scenario-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:start}.cx-scenario-table{width:100%;border-collapse:collapse;font-size:.9rem}.cx-scenario-table th,.cx-scenario-table td{border-bottom:1px solid var(--cx-line);padding:8px 10px;text-align:left}.cx-scenario-table th{color:var(--cx-muted);font-weight:600}.cx-am-schedule{margin-top:16px;overflow-x:auto}@media (max-width: 820px){.cx-scenario-grid{grid-template-columns:1fr}}
