/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--blue:#0b57d0;--blue-hover:#0842a0;--blue-soft:#eaf2ff;--green:#0f9d58;--green-soft:#e6f4ea;--coral:#d93025;--coral-soft:#fce8e6;--amber:#b06000;--text:#1f1f1f;--muted:#5f6368;--subtle:#7c8187;--border:#dadce0;--border-light:#e8eaed;--surface:#f8fafd;--surface-strong:#f1f3f4;--white:#fff;--mono:var(--font-geist-mono), "SFMono-Regular", Consolas, monospace;--sans:var(--font-geist-sans), Arial, Helvetica, sans-serif;--shadow-sm:0 1px 2px #3c404314, 0 1px 3px #3c40431f;--shadow-md:0 12px 36px #3c40431f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--white);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:#c2e7ff}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#bdc1c6}::-webkit-scrollbar-thumb:active{background-color:#9aa0a6}::-webkit-scrollbar-corner{background:0 0}:focus-visible{outline-offset:2px;outline:3px solid #0b57d047}.skip-link{background:var(--text);color:var(--white);z-index:100;border-radius:0 0 8px 8px;padding:10px 16px;transition:top .16s;position:fixed;top:-60px;left:16px}.skip-link:focus{top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--border-light);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;position:sticky;top:0}.site-header__inner{grid-template-columns:1fr auto;align-items:center;max-width:1800px;height:64px;margin:0 auto;padding:0 28px;display:grid}.brand{letter-spacing:-.02em;align-items:center;gap:10px;width:max-content;font-size:18px;font-weight:670;display:inline-flex}.brand__mark{background:var(--blue);color:var(--white);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-weight:750;display:inline-flex}.header-all-tools{color:var(--blue);justify-self:end;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.header-all-tools:hover{text-underline-offset:4px;text-decoration:underline}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 18px;font-size:14px;font-weight:620;transition:background-color .12s,border-color .12s,box-shadow .12s,color .12s;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.46}.button--primary{background:var(--blue);color:var(--white)}.button--primary:hover:not(:disabled){background:var(--blue-hover);box-shadow:var(--shadow-sm)}.button--secondary{background:var(--white);border-color:var(--border);color:var(--blue)}.button--secondary:hover:not(:disabled){background:var(--blue-soft);border-color:#b8cdf0}.button--quiet{color:var(--muted);background:0 0;padding-inline:12px}.button--quiet:hover:not(:disabled){background:var(--surface-strong);color:var(--text)}.button--text{color:var(--blue);background:0 0}.button--text:hover{background:var(--blue-soft)}.button--large{border-radius:10px;min-height:48px;padding:12px 22px;font-size:15px}.eyebrow{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}.home-hero{background:radial-gradient(circle at 74% 32%,#d2e3fccc,#0000 32%),linear-gradient(#fff 0%,#f8fbff 100%);grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);align-items:center;gap:clamp(48px,7vw,112px);min-height:690px;padding:80px max(28px,50vw - 660px);display:grid;overflow:hidden}.home-hero__content{max-width:620px}.home-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(48px,5.5vw,78px);font-weight:520;line-height:.98}.home-hero__lede{color:var(--muted);max-width:550px;margin:28px 0 0;font-size:19px;line-height:1.65}.home-hero__actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:32px;display:flex}.privacy-note{color:var(--muted);align-items:center;gap:8px;margin:24px 0 0;font-size:13px;display:flex}.privacy-note__dot{background:var(--green);border:3px solid var(--green-soft);border-radius:50%;width:12px;height:12px}.hero-demo{background:var(--white);border:1px solid #dadce0e6;border-radius:22px;min-width:0;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 30px 80px #20212429}.hero-demo__bar{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;min-height:58px;padding:0 18px;font-size:13px;font-weight:600;display:flex}.hero-demo__brand{background:var(--blue-soft);color:var(--blue);font-family:var(--mono);border-radius:8px;justify-content:center;align-items:center;width:38px;height:32px;display:inline-flex}.hero-demo__status{background:var(--green-soft);color:#137333;border-radius:999px;margin-left:auto;padding:5px 10px;font-size:11px;font-weight:650}.hero-demo__code{font-family:var(--mono);flex-direction:column;min-height:376px;padding:28px 18px;font-size:clamp(12px,1.1vw,15px);line-height:1.9;display:flex}.hero-demo__code span{white-space:nowrap}.hero-demo__code b{color:#9aa0a6;text-align:right;width:18px;margin-right:24px;font-weight:400;display:inline-block}.hero-demo__code em{color:var(--blue);font-style:normal}.hero-demo__code i{color:var(--green);font-style:normal}.hero-demo__code strong{color:#a142f4;font-weight:500}.hero-demo__footer{border-top:1px solid var(--border-light);color:var(--subtle);gap:18px;padding:12px 18px;font-size:11px;display:flex}.page-wrap{max-width:1320px;margin:0 auto;padding:0 28px}.tools-section,.benefits-section{padding:88px 0}.section-heading{justify-content:space-between;align-items:end;margin-bottom:36px;display:flex}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(34px,4vw,48px);font-weight:530;line-height:1.1}.section-heading>p{color:var(--muted);margin:0 0 6px;font-size:15px}.section-heading--center{text-align:center;justify-content:center}.tool-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tool-card{border:1px solid var(--border);border-radius:18px;flex-direction:column;min-height:300px;padding:26px;transition:box-shadow .16s,border-color .16s,transform .16s;display:flex}a.tool-card:hover{box-shadow:var(--shadow-md);border-color:#b9c9e7;transform:translateY(-3px)}.tool-card__top{justify-content:space-between;align-items:flex-start;display:flex}.tool-card__icon{font-family:var(--mono);border-radius:14px;justify-content:center;align-items:center;min-width:50px;height:50px;padding:0 10px;font-size:19px;font-weight:650;display:inline-flex}.tool-card--json .tool-card__icon{background:var(--blue-soft);color:var(--blue)}.tool-card--diff .tool-card__icon{background:var(--green-soft);color:#137333}.tool-card--converter .tool-card__icon{color:#8430ce;background:#f3e8fd}.tool-card--base64 .tool-card__icon{color:#a05200;background:#fef7e0}.tool-card--jwt .tool-card__icon{color:#00666d;letter-spacing:.08em;background:#e0f7f7}.tool-card--case .tool-card__icon{color:#5e35b1;background:#ede7f6}.tool-card--counter .tool-card__icon{color:#b3261e;background:#fce8e6}.tool-card--lorem .tool-card__icon{color:#00695c;background:#e0f2f1}.tool-card--regex .tool-card__icon{color:#ad1457;background:#fce4ec}.tool-card--password .tool-card__icon{color:#174ea6;letter-spacing:.08em;background:#e8f0fe}.tool-card--uuid .tool-card__icon{color:#3f51b5;background:#e8eaf6}.tool-card--hash .tool-card__icon{color:#0b8043;background:#e6f4ea}.tool-card--qr .tool-card__icon{color:#00639b;background:#e1f5fe}.tool-card--soon .tool-card__icon{background:var(--surface-strong);color:var(--muted)}.tool-card__arrow{color:var(--subtle);font-size:18px}.tool-card h3{letter-spacing:-.025em;margin:36px 0 10px;font-size:24px;font-weight:600}.tool-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.tool-card__meta{color:var(--subtle);align-items:center;gap:7px;margin-top:auto;padding-top:24px;font-size:12px;display:flex}.tool-card--soon{background:var(--surface);border-style:dashed}.benefits-section{border-top:1px solid var(--border-light)}.benefit-grid{grid-template-columns:repeat(3,1fr);gap:56px;margin-top:64px;display:grid}.benefit>span{color:var(--blue);font-family:var(--mono);font-size:12px}.benefit h3{margin:18px 0 10px;font-size:20px;font-weight:620}.benefit p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.home-cta{background:#edf4ff;border-radius:24px;justify-content:space-between;align-items:center;margin:32px 0 96px;padding:48px 54px;display:flex}.home-cta h2{letter-spacing:-.035em;margin:0;font-size:34px;font-weight:560}.home-cta p:not(.eyebrow){color:var(--muted);margin:10px 0 0}.tool-page{--tool-accent:var(--blue);background:var(--surface);min-height:calc(100vh - 64px);padding:0 0 96px}.tool-page--diff{--tool-accent:#137333}.tool-page--converter{--tool-accent:#8430ce}.tool-page--base64{--tool-accent:#a05200}.tool-page--jwt{--tool-accent:#00666d}.tool-page--case{--tool-accent:#5e35b1}.tool-page--counter{--tool-accent:#b3261e}.tool-page--lorem{--tool-accent:#00695c}.tool-page--regex{--tool-accent:#ad1457}.tool-page--password{--tool-accent:#174ea6}.tool-page--uuid{--tool-accent:#3f51b5}.tool-page--hash{--tool-accent:#0b8043}.tool-page--qr{--tool-accent:#00639b}.tool-page__intro{max-width:1800px;margin:0 auto;padding:28px 28px 22px}.tool-breadcrumb{color:var(--subtle);align-items:center;gap:8px;margin-bottom:18px;font-size:12px;display:flex}.tool-breadcrumb a:hover{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.tool-title-row{justify-content:space-between;align-items:end;display:flex}.tool-title-row .eyebrow{color:var(--tool-accent);margin-bottom:8px}.tool-title-row h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4vw,52px);font-weight:540;line-height:1.05}.tool-title-row p:not(.eyebrow){color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.55}.tool-review-byline{color:var(--muted);max-width:760px;margin:14px 0 0;font-size:13px;line-height:1.5}.tool-review-byline time{color:var(--tool-accent);font-weight:560}.tool-workspace{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;width:calc(100% - 56px);max-width:1800px;margin:0 auto;overflow:hidden}.tool-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:18px;min-height:64px;padding:10px 14px;display:flex}.toolbar-group{align-items:center;gap:8px;display:flex}.toolbar-group--end{margin-left:auto}.toolbar-options{border-left:1px solid var(--border-light);align-items:center;gap:20px;min-height:34px;padding-left:18px;display:flex}.toolbar-options--flush{border-left:0;padding-left:0}.toolbar-label{color:var(--muted);font-size:12px;font-weight:550}.toolbar-options>label:not(.check-control){color:var(--muted);align-items:center;gap:9px;font-size:12px;font-weight:550;display:flex}.toolbar-options select{background:var(--white);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:7px;min-height:34px;padding:0 30px 0 10px;font-size:12px}.check-control{color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:550;display:inline-flex}.check-control input{accent-color:var(--blue);width:15px;height:15px;margin:0}.number-control input{background:var(--white);border:1px solid var(--border);color:var(--text);border-radius:7px;width:78px;min-height:34px;padding:0 8px}.editor-grid{grid-template-columns:1fr 1fr;display:grid}.editor-panel{min-width:0}.editor-panel+.editor-panel{border-left:1px solid var(--border)}.editor-panel__header{background:var(--surface);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;height:44px;padding:0 14px 0 18px;display:flex}.editor-panel__header>label{font-size:12px;font-weight:680}.editor-panel__label{color:var(--text);font-size:12px;font-weight:680}.editor-panel__header>span{color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:650}.editor-actions{align-items:center;gap:4px;display:flex}.editor-actions button{color:var(--blue);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:11px;font-weight:620}.editor-actions button:hover:not(:disabled){background:var(--blue-soft)}.editor-actions button:disabled{color:#a9acb0;cursor:not-allowed}.editor-panel textarea{background:var(--white);color:#263238;font-family:var(--mono);resize:vertical;tab-size:2;border:0;outline:0;width:100%;min-height:clamp(380px,47vh,650px);padding:20px;font-size:13px;line-height:1.65;display:block}.editor-panel textarea::placeholder{color:#a5a9ad}.editor-panel textarea:focus{box-shadow:inset 0 0 0 2px #0b57d02e}.editor-panel__stats{border-top:1px solid var(--border-light);color:var(--subtle);align-items:center;gap:14px;min-height:34px;padding:0 16px;font-size:10px;display:flex}.keyboard-hint{margin-left:auto}.tool-status{border-top:1px solid var(--border-light);color:var(--muted);align-items:center;gap:9px;min-height:42px;padding:8px 16px;font-size:12px;display:flex}.tool-status>span{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:9px;font-weight:700;display:inline-flex}.tool-status--success{color:#137333;background:#f6fbf7}.tool-status--error{color:var(--coral);background:#fff8f7}.case-mode-control{flex-wrap:wrap}.live-indicator{color:#137333;align-items:center;gap:8px;font-size:12px;font-weight:650;display:inline-flex}.live-indicator>span{background:var(--green);box-shadow:0 0 0 4px var(--green-soft);border-radius:50%;width:7px;height:7px}.counter-layout{grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);display:grid}.counter-editor textarea{min-height:clamp(470px,57vh,720px)}.counter-results{border-left:1px solid var(--border);background:#fbfcff;padding:30px}.counter-results__header h2{letter-spacing:-.025em;margin:0 0 24px;font-size:22px;font-weight:600}.counter-results__header .eyebrow{color:#b3261e;margin-bottom:8px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-card{background:var(--white);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;min-height:108px;padding:18px;display:flex}.metric-card strong{font-family:var(--mono);letter-spacing:-.04em;font-size:clamp(24px,3vw,34px);font-weight:580}.metric-card span{color:var(--muted);margin-top:auto;font-size:11px}.metric-details{border-top:1px solid var(--border);margin:24px 0 0;padding-top:10px}.metric-details>div{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;min-height:42px;display:flex}.metric-details dt{color:var(--muted);font-size:11px}.metric-details dd{font-family:var(--mono);margin:0;font-size:12px;font-weight:600}.lorem-output textarea{font-family:var(--sans);min-height:clamp(450px,57vh,720px);font-size:15px;line-height:1.75}.regex-config{background:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.regex-config>label{font-size:12px;font-weight:680}.regex-expression{background:var(--white);border:1px solid var(--border);border-radius:9px;align-items:center;min-width:0;display:flex;overflow:hidden}.regex-expression:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px #0b57d024}.regex-expression>span{color:#ad1457;font-family:var(--mono);padding:0 10px;font-size:18px}.regex-expression input{color:#263238;font-family:var(--mono);border:0;outline:0;flex:1;min-width:0;height:42px;font-size:13px}.regex-flags{gap:5px;display:flex}.regex-flags button{background:var(--white);border:1px solid var(--border);color:var(--muted);cursor:pointer;font-family:var(--mono);border-radius:7px;width:34px;height:34px;font-size:12px}.regex-flags button[aria-pressed=true]{color:#ad1457;background:#fce4ec;border-color:#e4a5bf;font-weight:700}.regex-editor-grid .editor-panel textarea,.regex-highlight{min-height:clamp(300px,38vh,520px)}.regex-highlight{background:var(--white);color:#263238;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;max-height:620px;margin:0;padding:20px;font-size:13px;line-height:1.65;overflow:auto}.regex-highlight mark{color:inherit;background:#fdd663;border-radius:3px;padding:1px 0;box-shadow:0 0 0 1px #e9b824}.regex-placeholder{color:#a5a9ad}.regex-match-list{border-top:1px solid var(--border);max-height:340px;overflow:auto}.regex-match-list__header{background:var(--surface);border-bottom:1px solid var(--border-light);z-index:1;justify-content:space-between;align-items:center;padding:13px 18px;display:flex;position:sticky;top:0}.regex-match-list__header h2{margin:0;font-size:13px}.regex-match-list__header span{color:var(--subtle);font-size:10px}.regex-match-list ol{margin:0;padding:0;list-style:none}.regex-match-list li{border-bottom:1px solid var(--border-light);grid-template-columns:32px minmax(120px,1fr) auto auto;align-items:center;gap:14px;min-height:44px;padding:7px 18px;display:grid}.regex-match-list li>span{color:var(--subtle);font-family:var(--mono);font-size:10px}.regex-match-list code{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.regex-match-list small{color:var(--subtle);font-size:10px}.crypto-indicator{color:#137333;align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.crypto-indicator>span{background:var(--green-soft);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;display:inline-flex}.password-layout{grid-template-columns:minmax(330px,.75fr) minmax(0,1.5fr);min-height:560px;display:grid}.generator-settings{border-right:1px solid var(--border);background:#fbfcff;padding:28px}.settings-heading h2,.generator-results__header h2,.identifier-heading h2{letter-spacing:-.025em;margin:0;font-size:22px;font-weight:600}.settings-heading .eyebrow,.generator-results__header .eyebrow,.identifier-heading .eyebrow{margin-bottom:8px}.range-control{flex-direction:column;gap:14px;margin-top:28px;display:flex}.range-control>span{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.range-control strong{color:var(--text);font-family:var(--mono);font-size:15px}.range-control input{accent-color:var(--blue);cursor:pointer;width:100%}.settings-checks{grid-template-columns:1fr 1fr;gap:9px;margin-top:26px;display:grid}.settings-check{background:var(--white);border:1px solid var(--border-light);cursor:pointer;border-radius:9px;align-items:center;gap:10px;min-height:54px;padding:9px 11px;display:flex}.settings-check input{accent-color:var(--blue);flex:none;width:15px;height:15px;margin:0}.settings-check>span{flex-direction:column;gap:3px;min-width:0;display:flex}.settings-check strong{font-size:11px;font-weight:650}.settings-check small{color:var(--subtle);font-family:var(--mono);font-size:9px}.settings-check--wide{margin-top:9px}.settings-check--wide small{font-family:var(--sans)}.select-control{border-top:1px solid var(--border-light);color:var(--muted);justify-content:space-between;align-items:center;margin-top:22px;padding-top:18px;font-size:11px;display:flex}.select-control select{background:var(--white);border:1px solid var(--border);color:var(--text);border-radius:7px;min-height:34px;padding:0 28px 0 10px}.entropy-card{background:#e8f0fe;border-radius:10px;gap:5px;margin-top:18px;padding:15px;display:grid}.entropy-card span,.entropy-card small{color:#365987;font-size:10px}.entropy-card strong{color:#174ea6;font-family:var(--mono);font-size:20px}.generator-results{min-width:0;padding:28px}.generator-results__header,.identifier-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.generator-results__header>span,.identifier-heading>span{color:var(--subtle);font-size:10px}.password-list,.identifier-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.password-list li,.identifier-list li{background:var(--white);border:1px solid var(--border-light);border-radius:9px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:8px 10px;display:grid}.password-list li>span,.identifier-list li>span{color:var(--subtle);font-family:var(--mono);text-align:center;font-size:9px}.password-list code,.identifier-list code{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.password-list button,.identifier-list button{color:var(--blue);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 9px;font-size:10px;font-weight:650}.password-list button:hover,.identifier-list button:hover{background:var(--blue-soft)}.generator-empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:36px;display:flex}.generator-empty>span{background:var(--blue-soft);color:var(--blue);font-family:var(--mono);border-radius:14px;justify-content:center;align-items:center;min-width:54px;height:54px;margin-bottom:16px;padding:0 10px;font-size:20px;display:inline-flex}.generator-empty strong{color:var(--text);font-size:14px}.generator-empty p{margin:7px 0 0;font-size:12px}.identifier-heading{margin:0;padding:24px 24px 18px}.identifier-list{max-height:610px;padding:0 24px 24px;overflow:auto}.identifier-list code{font-size:13px}.hash-editor-grid .editor-panel textarea{min-height:clamp(360px,45vh,620px)}.hash-warning{color:#7a4d00;background:#fff8e1;border-top:1px solid #f3d38a;align-items:center;gap:9px;padding:10px 16px;font-size:11px;display:flex}.hash-warning>span{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:inline-flex}.qr-layout{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);display:grid}.qr-input-panel textarea{min-height:clamp(430px,52vh,680px)}.qr-preview{border-left:1px solid var(--border);background:#f7fbfd;flex-direction:column;min-width:0;display:flex}.qr-preview__header{background:var(--surface);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex}.qr-preview__header>span{font-size:12px;font-weight:680}.qr-preview__header small{color:var(--subtle);font-size:10px}.qr-preview__canvas{flex:1;justify-content:center;align-items:center;min-height:430px;padding:28px;display:flex}.qr-preview__canvas img{border:1px solid var(--border-light);box-shadow:var(--shadow-md);width:auto;max-width:100%;height:auto;max-height:460px}.jwt-warning{color:var(--amber);align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.jwt-warning>span{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:9px;display:inline-flex}.jwt-input-panel textarea{background:var(--white);color:#263238;font-family:var(--mono);resize:vertical;word-break:break-all;border:0;outline:0;width:100%;min-height:142px;padding:18px 20px;font-size:12px;line-height:1.65;display:block}.jwt-input-panel textarea:focus{box-shadow:inset 0 0 0 2px #00666d2e}.jwt-summary{border-top:1px solid var(--border);background:#f7fbfb;grid-template-columns:repeat(4,1fr);display:grid}.jwt-summary>div{border-right:1px solid var(--border-light);flex-direction:column;gap:8px;min-width:0;padding:18px 20px;display:flex}.jwt-summary>div:last-child{border-right:0}.jwt-summary span,.jwt-signature>div>span{color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:650}.jwt-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.jwt-state{width:max-content}.jwt-state--active{color:#137333}.jwt-state--expired{color:var(--coral)}.jwt-state--not-yet-active,.jwt-state--no-expiry{color:var(--amber)}.jwt-claims{border-top:1px solid var(--border);padding:20px}.jwt-section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.jwt-section-heading h2{margin:0;font-size:13px}.jwt-section-heading>span{color:var(--subtle);font-size:10px}.jwt-claims dl{border:1px solid var(--border-light);border-radius:10px;grid-template-columns:repeat(2,1fr);margin:0;display:grid;overflow:hidden}.jwt-claims dl>div{border-bottom:1px solid var(--border-light);grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);align-items:center;gap:16px;min-height:62px;padding:10px 14px;display:grid}.jwt-claims dl>div:nth-child(odd){border-right:1px solid var(--border-light)}.jwt-claims dl>div:last-child,.jwt-claims dl>div:nth-last-child(2):nth-child(odd){border-bottom:0}.jwt-claims dt{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.jwt-claims dt code{background:var(--surface-strong);color:var(--subtle);font-family:var(--mono);border-radius:4px;padding:3px 5px;font-size:9px}.jwt-claims dd{flex-direction:column;gap:3px;min-width:0;margin:0;display:flex}.jwt-claims dd strong{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:520;overflow:hidden}.jwt-claims dd span{color:var(--subtle);font-size:9px}.jwt-output-grid{border-top:1px solid var(--border)}.jwt-output-grid .editor-panel textarea{min-height:290px}.jwt-signature{border-top:1px solid var(--border);grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr) auto;align-items:center;gap:18px;padding:16px 18px;display:grid}.jwt-signature p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.5}.jwt-signature>code{background:var(--surface);border:1px solid var(--border-light);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;padding:9px 11px;font-size:10px;display:block;overflow:hidden}.jwt-empty{border-top:1px solid var(--border);color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:40px;display:flex}.jwt-empty>span{color:#00666d;font-family:var(--mono);letter-spacing:.08em;background:#e0f7f7;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-weight:700;display:flex}.jwt-empty strong{color:var(--text);font-size:14px}.jwt-empty p{margin:7px 0 0;font-size:12px}.diff-inputs .editor-panel textarea{min-height:clamp(210px,29vh,380px)}.diff-result{border-top:1px solid var(--border)}.diff-result__header{background:var(--white);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;min-height:58px;padding:8px 14px 8px 18px;display:flex}.diff-result__header>div:first-child{align-items:center;gap:18px;display:flex}.diff-result__header h2{margin:0;font-size:13px;font-weight:680}.diff-summary{color:var(--subtle);align-items:center;gap:12px;font-size:10px;display:flex}.diff-summary__add{color:#137333}.diff-summary__remove{color:var(--coral)}.diff-result__actions{align-items:center;gap:8px;display:flex}.segmented-control{background:var(--surface-strong);border-radius:8px;padding:3px;display:inline-flex}.segmented-control button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:30px;padding:5px 11px;font-size:11px;font-weight:620}.diff-empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:40px;display:flex}.diff-empty>span{background:var(--green-soft);color:#137333;font-family:var(--mono);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:22px;display:inline-flex}.diff-empty strong{color:var(--text);font-size:14px}.diff-empty p{margin:7px 0 0;font-size:12px}.diff-table-wrap{min-height:180px;max-height:440px;overflow:auto}.diff-table{border-collapse:collapse;font-family:var(--mono);table-layout:fixed;width:100%;font-size:12px}.diff-table thead{background:var(--surface);color:var(--muted);font-family:var(--sans);letter-spacing:.05em;text-align:left;text-transform:uppercase;z-index:1;font-size:10px;position:sticky;top:0}.diff-table th{border-bottom:1px solid var(--border);height:34px;padding:0 12px;font-weight:650}.diff-table td{border-bottom:1px solid #f1f3f4;height:29px}.diff-table--split th:first-child{border-right:1px solid var(--border)}.line-number{color:#9aa0a6;text-align:right;-webkit-user-select:none;user-select:none;width:48px;padding:0 8px;font-size:10px}.line-content{text-overflow:ellipsis;white-space:pre;padding:0 12px;overflow:hidden}.diff-table--split .line-content:nth-child(2){border-right:1px solid var(--border)}.line--add{background:var(--green-soft)}.line--remove{background:var(--coral-soft)}.line--blank{background:repeating-linear-gradient(-45deg,#f8f9fa,#f8f9fa 4px,#f1f3f4 4px 8px)}.change-marker{color:var(--muted);text-align:center;width:40px}.line--add .change-marker{color:#137333}.line--remove .change-marker{color:var(--coral)}.tool-support{max-width:1180px;margin:0 auto;padding:20px 28px 0}.tool-support>section{border-top:1px solid var(--border);padding:76px 0}.content-block{grid-template-columns:minmax(220px,.75fr) minmax(0,1.5fr);gap:70px;display:grid}.content-block__heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(30px,3vw,40px);font-weight:550;line-height:1.15}.content-columns{columns:2;column-gap:38px}.content-columns p{break-inside:avoid;color:var(--muted);margin:0;font-size:15px;line-height:1.8}.steps-block .content-block__heading,.faq-block .content-block__heading{margin-bottom:42px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.steps-grid li{background:var(--white);border:1px solid var(--border);border-radius:14px;min-height:190px;padding:24px}.steps-grid li>span{background:var(--blue-soft);color:var(--blue);font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:32px;font-size:11px;display:flex}.steps-grid strong{margin-bottom:8px;font-size:16px;display:block}.steps-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.faq-list{border-top:1px solid var(--border)}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;padding:22px 2px;font-size:16px;font-weight:570;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue);font-size:18px;font-weight:400;transition:transform .16s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);max-width:760px;margin:-4px 0 22px;font-size:14px;line-height:1.75}.sources-block{grid-template-columns:minmax(220px,.75fr) minmax(0,1.5fr);gap:70px;display:grid}.sources-note{color:var(--muted);max-width:760px;margin:0 0 22px;font-size:14px;line-height:1.75}.sources-list{flex-direction:column;gap:14px;max-width:760px;margin:0;padding:0;list-style:none;display:flex}.sources-list li{border-top:1px solid var(--border);padding-top:14px}.sources-list a{color:var(--blue);font-size:14px;line-height:1.6;text-decoration:none}.sources-list a:hover{text-underline-offset:3px;text-decoration:underline}.sources-list a:after{color:var(--subtle);content:" ↗";font-size:12px}.legal-page{background:var(--surface);min-height:70vh;padding:86px 28px 100px}.legal-page__hero,.legal-content{max-width:880px;margin:0 auto}.legal-page__hero{margin-bottom:72px}.legal-page__hero--compact{margin-bottom:54px}.legal-page__hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(44px,6vw,72px);font-weight:520;line-height:1.02}.legal-page__hero>p:not(.eyebrow){color:var(--muted);max-width:700px;margin:28px 0 0;font-size:18px;line-height:1.7}.legal-content{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:32px 54px}.legal-content section{border-bottom:1px solid var(--border-light);padding:30px 0}.legal-content section:last-child{border-bottom:0}.legal-content h2{letter-spacing:-.025em;margin:0 0 14px;font-size:23px;font-weight:600}.legal-content p{color:var(--muted);margin:0;font-size:15px;line-height:1.8}.principle-list{gap:20px;margin:24px 0 0;padding:0;list-style:none;display:grid}.principle-list li{grid-template-columns:170px 1fr;gap:8px;display:grid}.principle-list strong{font-size:14px}.principle-list span{color:var(--muted);font-size:14px}.legal-actions{margin-top:24px}.site-footer{color:var(--white);background:#202124;padding:50px 28px}.site-footer__inner{grid-template-columns:1fr auto 1fr;align-items:start;gap:40px;max-width:1320px;margin:0 auto;display:grid}.brand--footer{color:var(--white)}.site-footer__inner>div>p,.site-footer__note{color:#bdc1c6;margin:14px 0 0;font-size:12px}.site-footer nav{grid-template-columns:1fr 1fr;gap:12px 28px;font-size:13px;display:grid}.site-footer nav a{color:#e8eaed}.site-footer nav a:hover{color:var(--white);text-underline-offset:4px;text-decoration:underline}.site-footer__note{justify-self:end;margin:8px 0 0}@media (width<=980px){.home-hero{grid-template-columns:1fr;gap:48px;padding-top:72px;padding-bottom:72px}.home-hero__content{max-width:720px}.hero-demo{width:100%;max-width:760px;transform:none}.tool-grid{grid-template-columns:1fr 1fr}.tool-card--soon{grid-column:auto;min-height:300px}.content-block,.sources-block{grid-template-columns:1fr;gap:34px}.counter-layout{grid-template-columns:1fr}.counter-results{border-left:0;border-top:1px solid var(--border)}.password-layout,.qr-layout{grid-template-columns:1fr}.generator-settings{border-bottom:1px solid var(--border);border-right:0}.qr-preview{border-left:0;border-top:1px solid var(--border)}.site-footer__inner{grid-template-columns:1fr auto}.site-footer__note{display:none}}@media (width<=760px){.site-header__inner{grid-template-columns:1fr auto;height:58px;padding:0 16px}.brand{font-size:16px}.brand__mark{border-radius:8px;width:30px;height:30px;font-size:15px}.header-all-tools{font-size:13px}.home-hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding:58px 20px 52px}.home-hero h1{font-size:clamp(46px,14vw,68px)}.home-hero__lede{font-size:17px}.hero-demo__code{min-height:300px;padding-inline:6px;font-size:10px;overflow:hidden}.hero-demo__code b{margin-right:10px}.page-wrap{padding:0 18px}.tools-section,.benefits-section{padding:64px 0}.section-heading{flex-direction:column;align-items:start;gap:14px}.section-heading>p{margin:0}.tool-grid,.benefit-grid{grid-template-columns:1fr}.tool-card--soon{grid-column:auto}.benefit-grid{gap:40px;margin-top:48px}.home-cta{flex-direction:column;align-items:start;gap:28px;margin-bottom:72px;padding:34px 28px}.tool-page__intro{padding:24px 16px 18px}.tool-title-row{flex-direction:column;align-items:start;gap:16px}.tool-title-row h1{font-size:38px}.tool-workspace{border-radius:12px;width:calc(100% - 24px)}.tool-toolbar{flex-wrap:wrap;align-items:stretch;gap:10px 14px;padding:12px}.toolbar-group:first-child{flex:1 0 auto}.toolbar-group:first-child .button{flex:1}.toolbar-options{border-left:0;border-top:1px solid var(--border-light);flex:1 0 100%;order:3;padding:10px 0 0}.case-mode-control{max-width:calc(100vw - 48px);overflow-x:auto}.number-control{margin-left:auto}.toolbar-group--end{margin-left:0}.jwt-warning{margin-left:auto}.editor-grid{grid-template-columns:1fr}.counter-results{padding:24px 18px}.generator-settings,.generator-results{padding:22px 16px}.identifier-heading{padding:20px 16px 16px}.identifier-list{padding:0 16px 20px}.password-list code,.identifier-list code{font-size:10px}.qr-preview__canvas{min-height:360px;padding:20px}.metric-card{min-height:96px}.regex-config{grid-template-columns:1fr;align-items:start;padding:14px}.regex-flags{flex-wrap:wrap}.regex-match-list li{grid-template-columns:28px minmax(0,1fr) auto}.regex-match-list li small:last-child{display:none}.editor-panel+.editor-panel{border-left:0;border-top:1px solid var(--border)}.editor-panel textarea{min-height:290px}.diff-inputs .editor-panel textarea{min-height:220px}.keyboard-hint{display:none}.diff-result__header{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.diff-result__header>div:first-child,.diff-result__actions{justify-content:space-between}.diff-summary span:last-child{display:none}.diff-table{min-width:720px}.jwt-summary{grid-template-columns:1fr 1fr}.jwt-summary>div:nth-child(2){border-right:0}.jwt-summary>div:nth-child(-n+2){border-bottom:1px solid var(--border-light)}.jwt-claims dl{grid-template-columns:1fr}.jwt-claims dl>div,.jwt-claims dl>div:nth-child(odd),.jwt-claims dl>div:nth-last-child(-n+2){border-bottom:1px solid var(--border-light);border-right:0}.jwt-claims dl>div:last-child{border-bottom:0}.jwt-signature{grid-template-columns:1fr;align-items:stretch}.tool-support{padding-inline:18px}.tool-support>section{padding:60px 0}.content-columns{columns:1}.content-columns p+p{margin-top:18px}.steps-grid{grid-template-columns:1fr}.steps-grid li{min-height:0}.legal-page{padding:58px 18px 72px}.legal-page__hero{margin-bottom:48px}.legal-content{padding:18px 24px}.principle-list li{grid-template-columns:1fr;gap:6px}.site-footer__inner{grid-template-columns:1fr}}@media (width<=420px){.home-hero__actions{flex-direction:column;align-items:stretch}.home-hero__actions .button{width:100%}.hero-demo{border-radius:14px}.toolbar-group{width:100%}.toolbar-group--end{justify-content:flex-end}.jwt-warning{order:3;width:100%;margin:0}.toolbar-options{flex-direction:column;align-items:flex-start;gap:12px}.settings-checks{grid-template-columns:1fr}.generator-results__header,.identifier-heading{flex-direction:column;align-items:start;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.tool-directory{flex-direction:column;gap:64px;display:flex}.tool-category__heading{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:baseline;margin-bottom:20px;padding-bottom:14px;display:flex}.tool-category__heading h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:630}.tool-category__heading span{color:var(--subtle);font-size:12px}.tool-directory>.tool-card--soon{min-height:220px}.tool-grid--featured .tool-card--compact{min-height:236px;padding:24px}.tool-card--compact h3{margin-top:28px;font-size:21px}.featured-tools__footer{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;justify-content:space-between;align-items:center;margin-top:22px;padding:22px 24px;display:flex}.featured-tools__footer>div{flex-direction:column;gap:5px;display:flex}.featured-tools__footer strong{font-size:14px}.featured-tools__footer>div>span{color:var(--muted);font-size:12px}.directory-page{background:var(--surface);min-height:calc(100vh - 64px);padding-bottom:96px}.directory-hero{background:radial-gradient(circle at 82% 24%, #d2e3fcb8, transparent 28%), var(--white);border-bottom:1px solid var(--border-light);padding:32px max(28px,50vw - 660px) 72px}.directory-hero>div:last-child{max-width:780px;padding-top:42px}.directory-hero h1{letter-spacing:-.025em;margin:0;font-size:clamp(44px,5.6vw,72px);font-weight:520;line-height:1}.directory-hero p:not(.eyebrow){color:var(--muted);max-width:680px;margin:24px 0 0;font-size:17px;line-height:1.65}.directory-page__content{max-width:1320px;margin:0 auto;padding:0 28px}.directory-browser{padding-top:42px}.directory-controls{border:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-radius:18px;padding:16px;position:sticky;top:80px}.directory-search{background:var(--surface);border:1px solid #0000;border-radius:12px;align-items:center;min-height:52px;padding:0 14px;display:flex}.directory-search:focus-within{background:var(--white);border-color:#b8cdf0;box-shadow:0 0 0 2px #0b57d01f}.directory-search>span{color:var(--muted);font-size:25px;line-height:1;transform:rotate(-18deg)}.directory-search input{color:var(--text);background:0 0;border:0;outline:0;flex:1;min-width:0;height:50px;padding:0 13px;font-size:15px}.directory-search input::placeholder{color:#8b9095}.directory-search>button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;width:34px;height:34px;font-size:20px}.directory-search>button:hover{background:var(--surface-strong)}.directory-filter-row{scrollbar-width:thin;gap:7px;margin-top:12px;padding:1px 0 2px;display:flex;overflow-x:auto}.directory-filter-row button{background:var(--white);border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;min-height:34px;padding:7px 13px;font-size:11px;font-weight:600}.directory-filter-row button:hover{background:var(--surface)}.directory-filter-row button[aria-pressed=true]{background:var(--blue-soft);color:var(--blue);border-color:#b8cdf0}.directory-summary{justify-content:space-between;align-items:baseline;padding:54px 0 24px;display:flex}.directory-summary h2{letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,42px);font-weight:560}.directory-summary span{color:var(--subtle);font-size:12px}.directory-empty{background:var(--white);border:1px dashed var(--border);text-align:center;border-radius:18px;flex-direction:column;align-items:center;min-height:360px;padding:70px 24px;display:flex}.directory-empty>span{color:#9aa0a6;font-size:46px;transform:rotate(-18deg)}.directory-empty h3{margin:18px 0 7px;font-size:22px}.directory-empty p{color:var(--muted);margin:0 0 22px;font-size:13px}.tool-card--finance .tool-card__icon{color:#08783e;background:#e7f4ee}.tool-card--health .tool-card__icon{color:#b3261e;background:#fce8e6}.tool-card--design .tool-card__icon{color:#7b1fa2;background:#f3e8fd}.tool-page--finance{--tool-accent:#08783e}.tool-page--health{--tool-accent:#b3261e}.tool-page--design{--tool-accent:#7b1fa2}.calculator-layout{grid-template-columns:minmax(340px,.72fr) minmax(0,1.45fr);min-height:600px;display:grid}.calculator-form{border-right:1px solid var(--border);background:#fbfcff;padding:32px}.calculator-form__heading{margin-bottom:28px}.calculator-form__heading .eyebrow,.calculator-results__heading .eyebrow{color:var(--tool-accent);margin-bottom:7px}.calculator-form__heading h2,.calculator-results__heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(24px,2.5vw,34px);font-weight:580}.calculator-results__heading{margin-bottom:26px}.calculator-results__heading h2{font-family:var(--mono);font-size:clamp(30px,3.6vw,48px)}.calculator-fields{flex-direction:column;gap:18px;display:flex}.calculator-field{flex-direction:column;gap:7px;display:flex}.calculator-field__label,.segmented-field legend{color:var(--text);font-size:12px;font-weight:650}.calculator-field small{color:var(--subtle);font-size:10px;line-height:1.45}.calculator-field small.field-error{color:var(--coral)}.calculator-input{background:var(--white);border:1px solid var(--border);border-radius:9px;align-items:center;min-height:46px;display:flex;overflow:hidden}.calculator-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px #0b57d01f}.calculator-input>span{color:var(--muted);white-space:nowrap;padding:0 12px;font-size:12px}.calculator-input input,.calculator-input select{color:var(--text);font-family:var(--mono);background:0 0;border:0;outline:0;flex:1;width:100%;min-width:0;height:44px;padding:0 12px;font-size:14px}.calculator-input input+span,.calculator-input>span+input{border-left:1px solid var(--border-light)}.calculator-input--select select{cursor:pointer;font-family:var(--sans);padding-right:32px}.segmented-field{border:0;margin:0;padding:0}.segmented-field legend{margin-bottom:7px;padding:0}.segmented-control{background:var(--surface-strong);border-radius:9px;gap:3px;padding:3px;display:flex}.segmented-control button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;min-height:36px;padding:7px 12px;font-size:12px;font-weight:600}.segmented-control button[aria-pressed=true]{background:var(--white);box-shadow:var(--shadow-sm);color:var(--tool-accent)}.calculator-notice{border-top:1px solid var(--border-light);color:var(--muted);align-items:flex-start;gap:9px;margin:30px 0 0;padding-top:20px;font-size:11px;line-height:1.55;display:flex}.calculator-notice>span{border:1px solid var(--subtle);font-family:var(--mono);border-radius:50%;flex:none;justify-content:center;align-items:center;width:17px;height:17px;margin-top:1px;font-size:9px;display:inline-flex}.calculator-results{background:var(--white);min-width:0;padding:38px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.result-card{background:var(--surface);border:1px solid var(--border-light);border-radius:13px;flex-direction:column;min-height:126px;padding:19px;display:flex}.result-card>span{color:var(--muted);margin-bottom:12px;font-size:11px}.result-card strong{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(19px,2.2vw,28px);font-weight:590}.result-card small{color:var(--subtle);margin-top:auto;padding-top:12px;font-size:10px;line-height:1.4}.result-card--featured{background:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.result-card--featured{background:color-mix(in srgb, var(--tool-accent) 7%, white)}}.result-card--featured{border-color:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.result-card--featured{border-color:color-mix(in srgb, var(--tool-accent) 22%, var(--border))}}.schedule-table-wrap{border-top:1px solid var(--border);margin-top:30px;padding-top:26px}.schedule-table-wrap h3{margin:0 0 14px;font-size:14px}.schedule-table-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:330px;position:relative;overflow:auto}.schedule-table-scroll:focus-visible{outline-offset:3px;border-radius:7px}.schedule-table{border-collapse:separate;border-spacing:0;width:100%;font-size:11px}.schedule-table th,.schedule-table td{border-bottom:1px solid var(--border-light);text-align:right;white-space:nowrap;padding:11px 8px}.schedule-table th{background:var(--white);box-shadow:inset 0 -2px 0 var(--border);color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;z-index:2;font-size:9px;position:sticky;top:0}.schedule-table th:first-child,.schedule-table td:first-child{text-align:left}.schedule-table td:not(:first-child){font-family:var(--mono)}.formula-callout{background:var(--surface);border:1px solid var(--border-light);border-radius:13px;margin-top:28px;padding:20px}.formula-callout>span{color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;font-size:10px;display:block}.formula-callout code{margin-top:10px;font-size:14px;display:block}.formula-callout p{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.5}.calculator-error{color:var(--coral);background:#fff8f7;border:1px solid #f2c8c4;border-radius:14px;align-items:flex-start;gap:14px;padding:24px;display:flex}.calculator-error>span{border:1px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:inline-flex}.calculator-error strong{font-size:14px;display:block}.calculator-error p{margin:6px 0 0;font-size:12px}.ratio-meter{background:linear-gradient(90deg,#c8e6c9 0 36%,#ffe0b2 36% 43%,#ffcdd2 43%);border-radius:999px;height:12px;margin-top:28px;overflow:hidden}.ratio-meter>div{border-right:3px solid var(--text);height:100%}.bmi-scale{grid-template-columns:1fr 1.45fr 1fr 1.5fr;gap:2px;margin-top:28px;font-size:9px;display:grid}.bmi-scale span{text-align:center;background:#d2e3fc;padding:12px 6px}.bmi-scale span:nth-child(2){background:#c8e6c9}.bmi-scale span:nth-child(3){background:#ffe0b2}.bmi-scale span:nth-child(4){background:#ffcdd2}.zone-list{flex-direction:column;gap:9px;display:flex}.zone-row{background:var(--surface);border-left:5px solid #8ab4f8;border-radius:9px;grid-template-columns:minmax(150px,1fr) auto 62px;align-items:center;gap:12px;min-height:66px;padding:10px 16px;display:grid}.zone-row--2{border-left-color:#34a853}.zone-row--3{border-left-color:#f9ab00}.zone-row--4{border-left-color:#f57c00}.zone-row--5{border-left-color:#d93025}.zone-row span{font-size:12px;font-weight:600}.zone-row strong{font-family:var(--mono);font-size:14px}.zone-row small{color:var(--subtle);text-align:right;font-size:10px}.color-layout{grid-template-columns:minmax(390px,.8fr) minmax(0,1.2fr);display:grid}.color-controls{border-right:1px solid var(--border);background:#fbfcff;padding:32px}.color-native-picker{color:var(--blue);cursor:pointer;align-items:center;gap:10px;font-size:13px;font-weight:620;display:flex}.color-native-picker input,.color-stop input[type=color]{cursor:pointer;background:0 0;border:0;width:40px;height:34px;padding:0}.color-channel-group{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;display:grid}.color-channel-group>span{color:var(--text);grid-column:1/-1;font-size:12px;font-weight:650}.color-channel-group label{background:var(--white);border:1px solid var(--border);border-radius:8px;grid-template-columns:30px 1fr;min-width:0;display:grid;overflow:hidden}.color-channel-group label>span{border-right:1px solid var(--border-light);color:var(--subtle);justify-content:center;align-items:center;font-size:9px;display:flex}.color-channel-group input{font-family:var(--mono);border:0;outline:0;width:100%;min-width:0;height:40px;padding:0 8px;font-size:12px}.color-channel-group--four{grid-template-columns:repeat(4,1fr)}.color-swatches{gap:8px;margin-top:24px;display:flex}.color-swatches button{border:3px solid var(--white);box-shadow:0 0 0 1px var(--border);cursor:pointer;border-radius:50%;width:32px;height:32px}.color-preview{min-width:0;padding:32px}.color-preview__swatch{border-radius:18px;align-items:end;min-height:330px;padding:24px;display:flex}.color-preview__swatch span{font-family:var(--mono);font-size:18px;font-weight:650}.color-format-list{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.color-format-list button{background:var(--surface);border:1px solid var(--border-light);cursor:pointer;text-align:left;border-radius:10px;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;min-width:0;padding:14px;display:grid}.color-format-list button:hover{border-color:#b8cdf0}.color-format-list span,.color-format-list small{color:var(--subtle);font-size:9px}.color-format-list code{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.color-format-list small{color:var(--blue)}.unit-category-tabs{border-bottom:1px solid var(--border);padding:0 18px;display:flex;overflow-x:auto}.unit-category-tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;min-height:58px;padding:0 17px;font-size:12px;font-weight:600}.unit-category-tabs button[aria-selected=true]{border-bottom-color:var(--tool-accent);color:var(--tool-accent)}.unit-converter-main{grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;min-height:430px;padding:clamp(34px,6vw,88px);display:grid}.unit-side>label{color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:650;display:block}.unit-side>select{background:var(--white);border:1px solid var(--border);border-radius:9px;width:100%;height:44px;padding:0 36px 0 12px}.unit-value{border-bottom:2px solid var(--tool-accent);align-items:baseline;min-height:90px;margin-top:30px;display:flex}.unit-value input,.unit-value output{font-family:var(--mono);background:0 0;border:0;outline:0;flex:1;width:100%;min-width:0;font-size:clamp(36px,6vw,72px);font-weight:450}.unit-value output{text-overflow:ellipsis;display:block;overflow:hidden}.unit-value>span{color:var(--muted);padding-left:12px;font-size:18px}.unit-value--result{border-bottom-color:var(--green)}.unit-swap{background:var(--white);border:1px solid var(--border);color:var(--blue);cursor:pointer;border-radius:50%;width:48px;height:48px;margin-bottom:24px;font-size:22px}.unit-swap:hover{background:var(--blue-soft)}.unit-equation{background:var(--surface);border-top:1px solid var(--border);justify-content:space-between;align-items:center;min-height:72px;padding:14px 24px;display:flex}.unit-equation code{color:var(--muted);font-size:12px}.effects-workspace .tool-toolbar>.segmented-field{width:min(340px,100%)}.effects-layout{grid-template-columns:minmax(380px,.78fr) minmax(0,1.22fr);display:grid}.effects-preview{min-width:0;padding:32px}.effects-preview__stage{border:1px solid var(--border-light);background:#f1f3f4;border-radius:18px;justify-content:center;align-items:center;min-height:430px;padding:54px;display:flex}.effects-preview__card{background:var(--white);border-radius:18px;justify-content:center;align-items:center;width:100%;max-width:320px;height:min(210px,36vw);max-height:210px;display:flex}.effects-preview__card span{color:var(--muted);font-size:12px;font-weight:650}.effects-number-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.color-stop{display:block}.color-stop>span,.range-field>span{margin-bottom:7px;font-size:12px;font-weight:650;display:block}.color-stop>div{background:var(--white);border:1px solid var(--border);border-radius:9px;align-items:center;min-height:48px;display:flex;overflow:hidden}.color-stop code{padding:0 10px;font-size:11px}.color-stop>div>label{border-left:1px solid var(--border-light);align-items:center;margin-left:auto;display:flex}.color-stop input[type=number]{font-family:var(--mono);text-align:right;border:0;outline:0;width:54px;height:46px;padding:0 6px}.color-stop>div>label>span:last-child{color:var(--muted);padding-right:9px;font-size:11px}.range-field input{accent-color:var(--tool-accent);width:100%}.range-field strong{color:var(--tool-accent);float:right}.effects-check{border-top:1px solid var(--border-light);padding-top:16px}.css-output{color:var(--white);background:#202124;border-radius:12px;margin-top:18px;padding:18px}.css-output>div{justify-content:space-between;margin-bottom:14px;display:flex}.css-output span{font-size:11px;font-weight:650}.css-output small{color:#9aa0a6;font-size:9px}.css-output code{color:#c2e7ff;overflow-wrap:anywhere;font-size:12px;line-height:1.65;display:block}@media (width<=980px){.calculator-layout,.color-layout,.effects-layout{grid-template-columns:1fr}.calculator-form,.color-controls{border-bottom:1px solid var(--border);border-right:0}.unit-converter-main{padding-inline:34px}}@media (width<=760px){.tool-directory{gap:48px}.tool-card{min-height:250px}.featured-tools__footer{flex-direction:column;align-items:stretch;gap:20px}.featured-tools__footer .button{width:100%}.directory-page{padding-bottom:72px}.directory-hero{padding:24px 18px 54px}.directory-hero>div:last-child{padding-top:26px}.directory-hero h1{font-size:44px}.directory-page__content{padding:0 12px}.directory-controls{border-radius:14px;padding:11px;top:72px}.directory-search{min-height:48px}.directory-search input{height:46px;font-size:13px}.directory-summary{padding:40px 6px 20px}.directory-browser .tool-directory{padding-inline:0}.calculator-form,.calculator-results,.color-controls,.color-preview,.effects-preview{padding:24px 18px}.result-grid,.color-format-list{grid-template-columns:1fr}.result-card{min-height:108px}.zone-row{grid-template-columns:1fr auto;gap:5px}.zone-row small{text-align:left;grid-column:1/-1}.color-preview__swatch{min-height:260px}.color-channel-group--four{grid-template-columns:1fr 1fr}.unit-converter-main{grid-template-columns:1fr;align-items:stretch;min-height:0;padding:34px 18px}.unit-swap{margin:0 auto;transform:rotate(90deg)}.unit-value{min-height:70px}.unit-value input,.unit-value output{font-size:38px}.unit-equation{flex-direction:column;align-items:stretch;gap:14px}.effects-preview__stage{min-height:330px;padding:36px 24px}}@media (width<=420px){.segmented-control{flex-direction:column;align-items:stretch}.effects-number-grid,.color-channel-group{grid-template-columns:1fr}.color-channel-group--four{grid-template-columns:1fr 1fr}}.everyday-workspace .calculator-layout{grid-template-columns:minmax(360px,.82fr) minmax(0,1.45fr)}.everyday-workspace .result-card strong{white-space:pre-line}.everyday-workspace .tool-toolbar select{background:var(--white);border:1px solid var(--border);color:var(--text);font:600 12px var(--sans);border-radius:7px;min-height:34px;padding:0 30px 0 10px}.everyday-check{background:var(--white);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:9px;align-items:center;gap:10px;min-height:46px;padding:0 13px;font-size:12px;font-weight:620;display:flex}.everyday-check input{accent-color:var(--tool-accent);width:17px;height:17px}.result-grid--action{margin-top:26px}.timer-display{font-variant-numeric:tabular-nums;white-space:nowrap}.timer-actions{flex-wrap:wrap;gap:10px;display:flex}.everyday-form-hint{background:var(--surface);border:1px solid var(--border-light);color:var(--muted);border-radius:10px;margin:0;padding:16px;font-size:12px;line-height:1.6}@media (width<=980px){.everyday-workspace .calculator-layout{grid-template-columns:1fr}}@media (width<=520px){.timer-display{font-size:clamp(25px,9vw,38px)!important}}.focused-workspace{--focused-panel:#fbfcff}.focused-panel,.focused-result,.project-builder,.area-builder,.gpa-builder,.fraction-builder,.fraction-result,.ratio-builder,.ratio-result,.measurement-layout{min-width:0}.focused-split{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);min-height:650px;display:grid}.focused-split--wide{grid-template-columns:minmax(0,1.35fr) minmax(380px,.75fr)}.focused-panel,.project-builder,.area-builder,.gpa-builder,.fraction-builder,.ratio-builder{background:var(--focused-panel);border-right:1px solid var(--border);padding:32px}.focused-result,.fraction-result,.ratio-result{padding:36px}.focused-panel__heading,.focused-result__heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.focused-panel__heading .eyebrow,.focused-result__heading .eyebrow{color:var(--tool-accent);margin-bottom:6px}.focused-panel__heading h3,.focused-result__heading h3{letter-spacing:-.035em;margin:0;font-size:clamp(20px,2.3vw,28px);font-weight:580}.focused-result__heading span{color:var(--muted);margin-top:7px;font-size:11px;display:block}.focused-field{flex-direction:column;gap:6px;min-width:0;display:flex}.focused-field>span:first-child{color:var(--muted);font-size:10px;font-weight:650}.focused-input{background:var(--white);border:1px solid var(--border);border-radius:9px;align-items:center;min-height:44px;display:flex;overflow:hidden}.focused-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px #0b57d01f}.focused-input input,.focused-input select{color:var(--text);font:550 14px var(--mono);background:0 0;border:0;outline:0;width:100%;min-width:0;height:42px;padding:0 12px}.focused-input select{cursor:pointer;font-family:var(--sans)}.focused-input input:disabled,.focused-input select:disabled{background:var(--surface);color:var(--subtle)}.focused-input b{border-left:1px solid var(--border-light);color:var(--muted);padding:12px;font-size:10px}.mini-segmented{background:var(--surface-strong);border-radius:8px;gap:3px;padding:3px;display:flex}.mini-segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:30px;padding:5px 11px;font-size:11px;font-weight:650}.mini-segmented button[aria-pressed=true]{background:var(--white);box-shadow:var(--shadow-sm);color:var(--tool-accent)}.focused-empty{border:1px dashed var(--border);color:var(--muted);border-radius:14px;justify-content:center;align-items:center;min-height:220px;padding:30px;display:flex}.timecard-layout{grid-template-columns:minmax(650px,1.45fr) minmax(350px,.65fr);min-height:760px;display:grid}.timecard-builder{background:var(--focused-panel);border-right:1px solid var(--border);min-width:0;padding:32px}.timecard-builder .focused-panel__heading .eyebrow,.timecard-summary .eyebrow{color:var(--tool-accent);margin-bottom:6px}.timecard-format-hint{color:var(--muted);text-align:right;max-width:170px;font-size:10px;line-height:1.45}.timecard-toolbar-action{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:650}.timecard-toolbar-action:hover{background:var(--surface-strong);color:var(--text)}.timecard-template{background:var(--tool-accent);align-items:end}@supports (color:color-mix(in lab, red, red)){.timecard-template{background:color-mix(in srgb, var(--tool-accent) 5%, white)}}.timecard-template{border:1px solid var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.timecard-template{border:1px solid color-mix(in srgb, var(--tool-accent) 18%, var(--border))}}.timecard-template{border-radius:13px;grid-template-columns:minmax(155px,1fr) 112px 112px 122px auto;gap:10px;margin-top:22px;padding:15px;display:grid}.timecard-template>div{align-self:center}.timecard-template .eyebrow{color:var(--tool-accent);margin:0 0 4px}.timecard-template>div strong{font-size:12px}.timecard-template>label,.timecard-row>label{flex-direction:column;gap:5px;min-width:0;display:flex}.timecard-template>label>span:first-child{color:var(--muted);font-size:9px;font-weight:650}.timecard-template input,.timecard-row input{background:var(--white);border:1px solid var(--border);color:var(--text);font:550 12px var(--mono);border-radius:8px;outline:0;width:100%;min-width:0;height:40px;padding:0 8px}.timecard-template input:focus,.timecard-row input:focus{border-color:var(--tool-accent);box-shadow:0 0 0 2px var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.timecard-template input:focus,.timecard-row input:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--tool-accent) 13%, transparent)}}.timecard-break-input{background:var(--white);border:1px solid var(--border);border-radius:8px;align-items:center;min-width:0;display:flex;overflow:hidden}.timecard-break-input:focus-within{border-color:var(--tool-accent);box-shadow:0 0 0 2px var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.timecard-break-input:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--tool-accent) 13%, transparent)}}.timecard-break-input input{box-shadow:none;border:0}.timecard-break-input b{border-left:1px solid var(--border-light);color:var(--muted);padding:11px 8px;font-size:9px}.timecard-table{border:1px solid var(--border);border-radius:13px;margin-top:18px;overflow:hidden}.timecard-table__header,.timecard-row{grid-template-columns:minmax(82px,.75fr) minmax(102px,1fr) minmax(102px,1fr) minmax(105px,.85fr) minmax(92px,.75fr) 30px;align-items:center;gap:9px;padding:9px 12px;display:grid}.timecard-table__header{background:var(--surface);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding-top:10px;padding-bottom:10px;font-size:8px;font-weight:720}.timecard-row{background:var(--white);border-top:1px solid var(--border-light);min-height:60px}.timecard-row--error{background:#fff8f7}.timecard-day{flex-direction:column;display:flex}.timecard-day strong{font-size:12px;display:none}.timecard-day span{font-size:12px;font-weight:620}.timecard-mobile-label{display:none}.timecard-daily-total{text-align:right;flex-direction:column;display:flex}.timecard-daily-total strong{font:620 13px var(--mono)}.timecard-daily-total span{color:var(--tool-accent);text-transform:uppercase;margin-top:2px;font-size:8px;font-weight:700}.timecard-daily-total--error strong{color:#b3261e;font:650 9px var(--sans)}.timecard-row>button{color:var(--subtle);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;display:flex}.timecard-row>button:hover{color:#b3261e;background:#fce8e6}.timecard-row>button:disabled{cursor:default;opacity:.2}.timecard-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.timecard-options>section{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:15px}.timecard-option-heading{cursor:pointer;align-items:flex-start;gap:9px;display:flex}.timecard-option-heading>input{accent-color:var(--tool-accent);margin:2px 0 0}.timecard-option-heading>span{flex-direction:column;gap:3px;display:flex}.timecard-option-heading strong{font-size:12px}.timecard-option-heading small{color:var(--muted);font-size:9px;line-height:1.45}.timecard-options .focused-field,.timecard-pay-fields{margin-top:13px}.timecard-pay-fields{grid-template-columns:1fr 1fr;gap:9px;display:grid}.timecard-builder .calculator-notice{margin-top:18px}.timecard-summary{background:linear-gradient(155deg, var(--tool-accent), white 30%);align-self:start}@supports (color:color-mix(in lab, red, red)){.timecard-summary{background:linear-gradient(155deg, color-mix(in srgb, var(--tool-accent) 5%, white), white 30%)}}.timecard-summary{min-width:0;padding:36px}.timecard-summary__heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.timecard-summary__heading>div>strong{font:560 clamp(40px, 5vw, 62px) var(--mono);letter-spacing:-.055em;line-height:1;display:block}.timecard-summary__heading>div>span{color:var(--muted);margin-top:8px;font-size:10px;display:block}.timecard-progress{border-bottom:1px solid var(--border);margin-top:30px;padding-bottom:24px}.timecard-progress>div:first-child{justify-content:space-between;align-items:center;display:flex}.timecard-progress>div:first-child span,.timecard-progress>small{color:var(--muted);font-size:9px}.timecard-progress>div:first-child strong{font:600 10px var(--mono)}.timecard-progress>div:nth-child(2){background:var(--surface-strong);border-radius:999px;height:9px;margin:9px 0 7px;overflow:hidden}.timecard-progress>div:nth-child(2) span{background:var(--tool-accent);border-radius:inherit;height:100%;transition:width .16s;display:block}.timecard-metrics{grid-template-columns:1fr 1fr;gap:9px;margin-top:24px;display:grid}.timecard-metrics .result-card{min-height:105px}.timecard-week-bars{border-top:1px solid var(--border);margin-top:24px;padding-top:22px}.timecard-week-bars>div:first-child{margin-bottom:14px}.timecard-week-bars>div:first-child .eyebrow{margin:0 0 4px}.timecard-week-bars>div:first-child>span{color:var(--muted);font-size:9px}.timecard-week-bars>div:not(:first-child){grid-template-columns:27px 1fr 38px;align-items:center;gap:9px;margin-top:8px;display:grid}.timecard-week-bars>div:not(:first-child)>span{color:var(--muted);font-size:9px}.timecard-week-bars i{background:var(--surface-strong);border-radius:999px;height:7px;overflow:hidden}.timecard-week-bars i b{background:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.timecard-week-bars i b{background:color-mix(in srgb, var(--tool-accent) 65%, #fbbc04)}}.timecard-week-bars i b{border-radius:inherit;min-width:0;height:100%;display:block}.timecard-week-bars>div:not(:first-child)>strong{font:600 9px var(--mono);text-align:right}.timecard-pay-summary{background:#e6f4ea;border:1px solid #b7dfc2;border-radius:13px;margin-top:24px;padding:18px}.timecard-pay-summary>div>.eyebrow{color:#137333;margin:0 0 5px}.timecard-pay-summary>div>strong{color:#0d652d;font:620 27px var(--mono);display:block}.timecard-pay-summary>div>span{color:#4f6f58;font-size:9px}.timecard-pay-summary dl{border-top:1px solid #c6e8ce;margin:15px 0 0;padding-top:10px}.timecard-pay-summary dl>div{justify-content:space-between;margin-top:7px;font-size:10px;display:flex}.timecard-pay-summary dt{color:#4f6f58}.timecard-pay-summary dd{font-family:var(--mono);margin:0}.recipe-yield-bar{background:var(--white);border-bottom:1px solid var(--border);grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:26px;padding:26px 32px;display:grid}.recipe-yield-bar .eyebrow{color:var(--tool-accent);margin-bottom:6px}.recipe-yield-bar h2{letter-spacing:-.035em;margin:0;font-size:24px}.recipe-yield-controls{align-items:end;gap:12px;display:flex}.recipe-yield-controls .focused-field{width:130px}.recipe-yield-controls>span{color:var(--subtle);padding-bottom:10px;font-size:22px}.quick-scale{gap:5px;display:flex}.quick-scale button,.ratio-presets button,.add-shape-menu button,.waste-options>button{background:var(--white);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:999px;min-height:34px;padding:6px 12px;font-size:11px;font-weight:650}.quick-scale button:hover,.ratio-presets button:hover,.add-shape-menu button:hover{border-color:var(--tool-accent);color:var(--tool-accent)}.ingredient-table,.course-table{border:1px solid var(--border);border-radius:12px;margin-top:24px;overflow:hidden}.ingredient-table__header,.ingredient-row{grid-template-columns:minmax(150px,1.5fr) minmax(80px,.55fr) minmax(90px,.75fr) 34px;align-items:center;gap:8px;display:grid}.ingredient-table__header,.course-table__header{background:var(--surface);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:10px 12px;font-size:9px;font-weight:700}.ingredient-row{border-top:1px solid var(--border-light);padding:8px 12px}.ingredient-row:first-of-type{border-top:0}.ingredient-row input,.course-row input,.course-row select{background:var(--white);color:var(--text);font:550 12px var(--sans);border:1px solid #0000;border-radius:7px;outline:0;width:100%;min-width:0;height:38px;padding:0 9px}.ingredient-row input:hover,.ingredient-row input:focus,.course-row input:hover,.course-row input:focus,.course-row select:hover,.course-row select:focus{border-color:var(--border)}.ingredient-row button,.course-row button,.space-row>button,.area-card>button{color:var(--subtle);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;display:flex}.ingredient-row button:hover,.course-row button:hover,.space-row>button:hover,.area-card>button:hover{color:#b3261e;background:#fce8e6}.ingredient-row button:disabled,.course-row button:disabled,.space-row>button:disabled{cursor:not-allowed;opacity:.3}.recipe-result{background:linear-gradient(160deg, var(--tool-accent), white 40%)}@supports (color:color-mix(in lab, red, red)){.recipe-result{background:linear-gradient(160deg, color-mix(in srgb, var(--tool-accent) 5%, white), white 40%)}}.scaled-ingredient-list{flex-direction:column;gap:0;margin:28px 0;padding:0;list-style:none;display:flex}.scaled-ingredient-list li{border-bottom:1px solid var(--border-light);grid-template-columns:72px 70px 1fr;align-items:baseline;gap:10px;padding:15px 2px;display:grid}.scaled-ingredient-list li>strong{color:var(--tool-accent);font:650 22px var(--mono);text-align:right}.scaled-ingredient-list li>span{color:var(--muted);font-size:11px}.scaled-ingredient-list li>b{font-size:14px;font-weight:580}.recipe-scale-note,.purchase-callout{background:var(--surface);border:1px solid var(--border-light);border-radius:12px;padding:16px}.recipe-scale-note strong,.purchase-callout strong{font-size:12px}.recipe-scale-note p,.purchase-callout p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.55}.project-layout,.area-layout,.gpa-layout,.fraction-layout,.ratio-layout{grid-template-columns:minmax(0,1.45fr) minmax(350px,.65fr);min-height:680px;display:grid}.space-list{border:1px solid var(--border);border-radius:12px;margin-top:22px;overflow:hidden}.space-row{background:var(--white);border-top:1px solid var(--border-light);grid-template-columns:28px minmax(130px,1fr) 100px 18px 100px 100px 32px;align-items:end;gap:9px;padding:12px;display:grid}.space-row:first-child{border-top:0}.space-row>span:first-child{background:var(--surface-strong);color:var(--muted);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:10px;font-size:10px;display:flex}.space-row>span:not(:first-child){color:var(--subtle);text-align:center;padding-bottom:13px}.space-row>b{font:600 12px var(--mono);text-align:right;padding-bottom:14px}.space-row>button{margin-bottom:7px}.project-section{border-top:1px solid var(--border);margin-top:30px;padding-top:28px}.project-field-grid{grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;margin-top:20px;display:grid}.project-waste{justify-content:space-between;align-items:end;gap:28px;display:flex}.project-waste h3{margin:4px 0;font-size:20px}.project-waste>div:first-child>p:last-child{color:var(--muted);margin:0;font-size:11px}.waste-options{align-items:end;gap:6px;display:flex}.waste-options>button[aria-pressed=true]{background:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.waste-options>button[aria-pressed=true]{background:color-mix(in srgb, var(--tool-accent) 9%, white)}}.waste-options>button[aria-pressed=true]{border-color:var(--tool-accent);color:var(--tool-accent)}.waste-options .focused-field{width:86px}.project-summary,.area-summary,.gpa-summary{background:var(--white);padding:36px}.project-summary>.eyebrow,.area-summary>.eyebrow,.gpa-summary>.eyebrow,.fraction-result>.eyebrow,.ratio-result>.eyebrow{color:var(--tool-accent)}.purchase-total{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;padding:8px 0 26px;display:flex}.purchase-total>span{color:var(--muted);font-size:14px}.purchase-total>strong{color:var(--tool-accent);font:650 clamp(52px, 7vw, 82px) var(--mono);letter-spacing:-.07em;line-height:1}.purchase-total>b{font-size:20px}.purchase-metrics{padding:12px 0 24px}.purchase-metrics>div,.area-conversions>div,.gpa-metrics>div{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:baseline;gap:12px;padding:13px 0;display:flex}.purchase-metrics span,.area-conversions span,.gpa-metrics span{color:var(--muted);font-size:10px}.purchase-metrics strong,.area-conversions strong,.gpa-metrics b{font:600 13px var(--mono);text-align:right}.add-shape-menu{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.area-card-list{flex-direction:column;gap:10px;margin-top:24px;display:flex}.area-card{background:var(--white);border:1px solid var(--border);border-radius:12px;grid-template-columns:76px minmax(0,1fr) 110px 32px;align-items:center;gap:18px;padding:14px;display:grid}.shape-preview{background:var(--tool-accent);align-items:center}@supports (color:color-mix(in lab, red, red)){.shape-preview{background:color-mix(in srgb, var(--tool-accent) 8%, white)}}.shape-preview{color:var(--tool-accent);justify-content:center;width:64px;height:54px;margin:0 auto;display:flex}.shape-preview--rectangle{border:2px solid;border-radius:4px}.shape-preview--triangle{border-bottom:54px solid var(--tool-accent);background:0 0}@supports (color:color-mix(in lab, red, red)){.shape-preview--triangle{border-bottom:54px solid color-mix(in srgb, var(--tool-accent) 12%, white)}}.shape-preview--triangle{border-left:32px solid #0000;border-right:32px solid #0000;width:0;height:0;position:relative}.shape-preview--triangle span{position:absolute;top:26px;left:-4px}.shape-preview--circle{border:2px solid;border-radius:50%;width:58px;height:58px}.shape-preview span{font:650 11px var(--mono)}.area-card__top,.area-card__dimensions{align-items:end;gap:10px;display:grid}.area-card__top{grid-template-columns:minmax(130px,1fr) minmax(120px,.7fr)}.area-card__dimensions{grid-template-columns:minmax(100px,1fr) 18px minmax(100px,1fr);margin-top:10px}.area-card__dimensions>span{color:var(--subtle);text-align:center;padding-bottom:13px}.area-card__result{text-align:right;flex-direction:column;display:flex}.area-card__result span{color:var(--muted);font-size:9px}.area-card__result strong{font:650 24px var(--mono);margin-top:4px}.area-card__result b{color:var(--muted);font-size:10px;font-weight:550}.area-summary>strong,.gpa-summary>strong{color:var(--tool-accent);font:650 clamp(52px, 7vw, 80px) var(--mono);letter-spacing:-.07em;margin-top:15px;line-height:1;display:block}.area-summary>b{margin:7px 0 28px;font-size:16px;display:block}.area-summary>p:last-child{color:var(--muted);margin:24px 0 0;font-size:11px}.course-table__header,.course-row{grid-template-columns:minmax(150px,1.4fr) 120px 90px 100px 34px;align-items:center;gap:8px;display:grid}.course-row{border-top:1px solid var(--border-light);padding:8px 12px}.course-row output{color:var(--muted);font:600 12px var(--mono);text-align:center}.previous-gpa{border-top:1px solid var(--border);margin-top:24px;padding-top:22px}.previous-gpa>div{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.gpa-summary>strong{margin-bottom:18px}.gpa-scale{background:var(--surface-strong);border-radius:999px;height:8px;overflow:hidden}.gpa-scale span{background:var(--tool-accent);border-radius:inherit;height:100%;display:block}.gpa-metrics{margin-top:22px}.grade-key{background:var(--surface);border-radius:12px;margin-top:24px;padding:15px}.grade-key>strong{font-size:11px}.grade-key>div{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;display:grid}.grade-key span{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.grade-key b{color:var(--text);font-family:var(--mono)}.fraction-layout,.ratio-layout{grid-template-columns:minmax(520px,1.1fr) minmax(360px,.9fr)}.fraction-builder,.ratio-builder{flex-direction:column;justify-content:center;align-items:center;display:flex}.fraction-expression{grid-template-columns:minmax(200px,1fr) 54px minmax(200px,1fr);align-items:center;gap:18px;width:100%;max-width:760px;display:grid}.fraction-card{background:var(--white);border:1px solid var(--border);border-radius:14px;grid-template-columns:72px 16px 90px;align-items:center;gap:12px;margin:0;padding:22px;display:grid}.fraction-card legend{color:var(--tool-accent);padding:0 6px;font-size:11px;font-weight:700}.fraction-card small{color:var(--subtle);grid-column:1/-1;font-size:9px}.fraction-card label{flex-direction:column;gap:6px;display:flex}.fraction-card label>span:not(.sr-only){color:var(--muted);font-size:9px}.fraction-card input{background:var(--surface);border:1px solid var(--border);color:var(--text);font:650 20px var(--mono);text-align:center;border-radius:8px;outline:0;width:100%;min-width:0;height:48px}.fraction-card input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #0b57d01f}.fraction-plus{color:var(--subtle);text-align:center;font-size:18px}.stacked-fraction{gap:4px;display:grid}.stacked-fraction>span{background:var(--text);height:2px}.fraction-operators{background:var(--surface-strong);border-radius:12px;flex-direction:column;gap:3px;padding:4px;display:flex}.fraction-operators button{color:var(--muted);cursor:pointer;font:650 18px var(--mono);background:0 0;border:0;border-radius:8px;height:42px}.fraction-operators button[aria-pressed=true]{background:var(--white);box-shadow:var(--shadow-sm);color:var(--tool-accent)}.fraction-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.fraction-result{background:linear-gradient(145deg, var(--tool-accent), white);align-items:center}@supports (color:color-mix(in lab, red, red)){.fraction-result{background:linear-gradient(145deg, color-mix(in srgb, var(--tool-accent) 5%, white), white)}}.fraction-result{flex-direction:column;justify-content:center;display:flex}.fraction-answer{justify-content:center;align-items:center;min-height:150px;display:flex}.fraction-answer>strong{color:var(--tool-accent);font:650 76px var(--mono)}.display-fraction{color:var(--tool-accent);text-align:center;gap:7px;min-width:100px;display:grid}.display-fraction b{font:650 50px var(--mono)}.display-fraction i{background:currentColor;height:4px}.fraction-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.fraction-result-grid .result-card{min-height:105px}.fraction-equation{background:var(--surface);border-radius:10px;flex-direction:column;gap:8px;width:100%;margin-top:16px;padding:14px;display:flex}.fraction-equation span{color:var(--muted);font-size:9px}.fraction-equation code{overflow-wrap:anywhere;font-size:12px}.ratio-builder{align-items:stretch}.ratio-pair{grid-template-columns:1fr 24px 1fr;align-items:end;gap:16px;width:100%;max-width:540px;margin:36px auto 0;display:grid}.ratio-pair>span{font:650 32px var(--mono);text-align:center;padding-bottom:6px}.ratio-pair .focused-input{min-height:72px}.ratio-pair input{text-align:center;height:70px;font-size:30px}.ratio-presets{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:20px;display:flex}.ratio-presets>span{color:var(--muted);margin-right:6px;font-size:10px}.proportion-equation{grid-template-columns:repeat(4,minmax(95px,1fr));align-items:center;gap:6px;margin-top:34px;display:grid}.proportion-equation>div{grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid;position:relative}.proportion-equation>div>button{color:var(--muted);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;grid-column:1;font-size:9px;font-weight:700}.proportion-equation>div>button[aria-pressed=true]{color:var(--tool-accent)}.proportion-equation input{background:var(--white);border:1px solid var(--border);color:var(--text);font:650 24px var(--mono);text-align:center;border-radius:9px;outline:0;grid-column:1;width:100%;min-width:0;height:64px}.proportion-equation input:disabled{background:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.proportion-equation input:disabled{background:color-mix(in srgb, var(--tool-accent) 7%, white)}}.proportion-equation input:disabled{border-color:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.proportion-equation input:disabled{border-color:color-mix(in srgb, var(--tool-accent) 30%, var(--border))}}.proportion-equation>div>span,.proportion-equation>div>b{color:var(--subtle);font:650 24px var(--mono);grid-area:2/2}.ratio-result{flex-direction:column;justify-content:center;align-items:stretch;display:flex}.ratio-result>strong{color:var(--tool-accent);font:650 clamp(56px, 8vw, 88px) var(--mono);letter-spacing:-.07em;overflow-wrap:anywhere;margin:18px 0 28px;line-height:1}.completed-proportion{background:var(--surface);font:650 18px var(--mono);border-radius:12px;justify-content:center;align-items:center;gap:16px;margin-bottom:18px;padding:20px;display:flex}.completed-proportion b{color:var(--tool-accent)}.ratio-result .result-grid{grid-template-columns:1fr}.ratio-result .result-card{min-height:92px}.measurement-layout{padding:36px}.measurement-main{grid-template-columns:1fr 48px 1fr;align-items:end;gap:20px;display:grid}.measurement-side{background:var(--focused-panel);border:1px solid var(--border);border-radius:14px;grid-template-columns:minmax(150px,1fr) minmax(180px,.7fr);gap:12px;padding:24px;display:grid}.measurement-side .focused-input{min-height:62px}.measurement-side .focused-input input,.measurement-side .focused-input select{height:60px;font-size:20px}.measurement-side .focused-input select{font-size:13px}.measurement-side--result{background:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.measurement-side--result{background:color-mix(in srgb, var(--tool-accent) 5%, white)}}.measurement-side--result>div{flex-direction:column;gap:6px;display:flex}.measurement-side--result>div>span{color:var(--muted);font-size:10px;font-weight:650}.measurement-side output{font:650 clamp(24px, 3vw, 38px) var(--mono);overflow-wrap:anywhere;align-items:center;min-height:62px;display:flex}.measurement-swap{background:var(--white);border:1px solid var(--border);color:var(--tool-accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:32px;font-size:20px;display:flex}.measurement-swap:hover{background:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.measurement-swap:hover{background:color-mix(in srgb, var(--tool-accent) 7%, white)}}.measurement-swap:hover{border-color:var(--tool-accent)}.measurement-equation{border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:16px;padding:28px 0;display:flex}.measurement-equation span{color:var(--muted);font:550 15px var(--mono)}.measurement-equation>b{color:var(--subtle)}.measurement-equation>strong{font:650 18px var(--mono)}.measurement-equation .button{margin-left:auto}.measurement-equivalents{padding-top:28px}.measurement-equivalents>div:last-child{grid-template-columns:repeat(4,minmax(140px,1fr));gap:9px;margin-top:20px;display:grid}.measurement-equivalents button{background:var(--white);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:11px;flex-direction:column;min-height:94px;padding:15px;display:flex}.measurement-equivalents button:hover{border-color:var(--tool-accent)}.measurement-equivalents button span{color:var(--muted);font-size:10px}.measurement-equivalents button strong{font:620 18px var(--mono);overflow-wrap:anywhere;margin-top:auto}@media (width<=1100px){.focused-split,.focused-split--wide,.project-layout,.area-layout,.gpa-layout,.fraction-layout,.ratio-layout,.timecard-layout{grid-template-columns:1fr}.focused-panel,.project-builder,.area-builder,.gpa-builder,.fraction-builder,.ratio-builder,.timecard-builder{border-bottom:1px solid var(--border);border-right:0}.project-summary,.area-summary,.gpa-summary,.timecard-summary{min-height:420px}.measurement-main{grid-template-columns:1fr}.measurement-swap{margin:0 auto;transform:rotate(90deg)}}@media (width<=820px){.recipe-yield-bar{grid-template-columns:1fr;align-items:stretch}.recipe-yield-controls{justify-content:flex-start}.quick-scale{overflow-x:auto}.ingredient-table__header,.course-table__header{display:none}.ingredient-row,.course-row{grid-template-columns:1fr 90px 34px}.ingredient-row label:first-child,.course-row label:first-child{grid-column:1/-1}.course-row{grid-template-columns:1fr 1fr 90px 34px}.course-row output{text-align:right}.space-row{grid-template-columns:28px 1fr 32px}.space-row .focused-field:first-of-type{grid-column:2}.space-row .focused-field:nth-of-type(2){grid-area:2/2}.space-row .focused-field:nth-of-type(3){grid-area:3/2}.space-row>span:not(:first-child){display:none}.space-row>b{text-align:left;grid-column:2;padding:4px 0}.space-row>button{grid-area:1/3}.project-field-grid{grid-template-columns:1fr 1fr}.project-waste{flex-direction:column;align-items:stretch}.waste-options{flex-wrap:wrap}.area-card{grid-template-columns:60px 1fr 32px}.area-card__result{text-align:left;grid-column:2}.area-card>button{grid-area:1/3}.fraction-expression{grid-template-columns:1fr}.fraction-operators{flex-direction:row}.fraction-operators button{flex:1}.measurement-side{grid-template-columns:1fr}.measurement-equivalents>div:last-child,.timecard-template{grid-template-columns:1fr 1fr}.timecard-template>div{grid-column:1/-1}.timecard-template>label:nth-of-type(3){grid-column:1}.timecard-table__header{display:none}.timecard-row{grid-template-columns:1fr 1fr 30px;align-items:end;gap:10px;padding:14px}.timecard-day{grid-column:1/3}.timecard-day strong{display:block}.timecard-day span{display:none}.timecard-mobile-label{color:var(--muted);font-size:8px;font-weight:650;display:block}.timecard-row>label:first-of-type{grid-area:2/1}.timecard-row>label:nth-of-type(2){grid-area:2/2}.timecard-row>label:nth-of-type(3){grid-area:3/1}.timecard-daily-total{text-align:left;grid-area:3/2;align-self:center}.timecard-row>button{grid-area:1/3}}@media (width<=560px){.focused-panel,.focused-result,.project-builder,.project-summary,.area-builder,.area-summary,.gpa-builder,.gpa-summary,.fraction-builder,.fraction-result,.ratio-builder,.ratio-result,.timecard-builder,.timecard-summary,.measurement-layout,.recipe-yield-bar{padding:22px 16px}.focused-panel__heading{flex-direction:column;align-items:flex-start}.recipe-yield-controls .focused-field{flex:1;width:auto}.ingredient-row{grid-template-columns:1fr 1fr 32px}.project-field-grid,.previous-gpa>div,.area-card__top,.area-card__dimensions{grid-template-columns:1fr}.area-card__dimensions>span{display:none}.area-card{grid-template-columns:1fr 32px;gap:10px}.shape-preview{display:none}.area-card__controls,.area-card__result{grid-column:1}.area-card>button{grid-column:2}.course-row{grid-template-columns:1fr 1fr 32px}.course-row output{text-align:left;grid-column:1/3}.fraction-card{grid-template-columns:66px 12px 82px;justify-content:center}.fraction-result-grid{grid-template-columns:1fr}.proportion-equation{grid-template-columns:1fr 1fr}.proportion-equation>div:nth-child(2)>b{display:none}.measurement-equation{flex-direction:column;align-items:flex-start}.measurement-equation .button{margin-left:0}.measurement-equivalents>div:last-child{grid-template-columns:1fr}.timecard-format-hint{text-align:left;max-width:none}.timecard-template,.timecard-options,.timecard-pay-fields{grid-template-columns:1fr}.timecard-template>label:nth-of-type(3),.timecard-template>button{grid-column:1}.timecard-summary__heading{flex-direction:column;align-items:stretch}.timecard-summary__heading .button{width:100%}}.tool-card--image .tool-card__icon{color:#006064;background:#e0f7fa}.tool-card--pdf .tool-card__icon{color:#b3261e;background:#fce8e6}.tool-card--math .tool-card__icon{color:#174ea6;background:#e8f0fe}.tool-card--date .tool-card__icon{color:#8d5300;background:#fef7e0}.tool-card--url .tool-card__icon{color:#0b8043;background:#e6f4ea}.tool-card--markdown .tool-card__icon{color:#5e35b1;background:#ede7f6}.tool-card--sql .tool-card__icon{color:#00639b;background:#e1f5fe}.tool-page--image{--tool-accent:#007c83}.tool-page--pdf{--tool-accent:#b3261e}.tool-page--math{--tool-accent:#174ea6}.tool-page--date{--tool-accent:#8d5300}.tool-page--url{--tool-accent:#0b8043}.tool-page--markdown{--tool-accent:#5e35b1}.tool-page--sql{--tool-accent:#00639b}.percentage-mode-tabs,.url-mode-tabs{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.percentage-mode-tabs button,.url-mode-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:36px;padding:8px 13px;font-size:12px;font-weight:620}.percentage-mode-tabs button:hover,.url-mode-tabs button:hover{background:var(--surface-strong);color:var(--text)}.percentage-mode-tabs button[aria-pressed=true],.url-mode-tabs button[aria-pressed=true]{background:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.percentage-mode-tabs button[aria-pressed=true],.url-mode-tabs button[aria-pressed=true]{background:color-mix(in srgb, var(--tool-accent) 11%, white)}}.percentage-mode-tabs button[aria-pressed=true],.url-mode-tabs button[aria-pressed=true]{color:var(--tool-accent)}.timezone-layout{grid-template-columns:minmax(360px,.72fr) minmax(0,1.45fr);min-height:610px;display:grid}.timezone-inputs{border-right:1px solid var(--border);background:#fbfcff;padding:34px}.timezone-date-row{grid-template-columns:1.35fr 1fr;gap:12px;margin-bottom:18px;display:grid}.timezone-date-row label,.timezone-select{color:var(--text);flex-direction:column;gap:7px;font-size:12px;font-weight:620;display:flex}.timezone-date-row input,.timezone-select select,.image-dimension-grid input{background:var(--white);border:1px solid var(--border);color:var(--text);border-radius:9px;outline:0;width:100%;min-height:48px;padding:0 12px}.timezone-date-row input:focus,.timezone-select select:focus,.image-dimension-grid input:focus{border-color:var(--tool-accent);box-shadow:0 0 0 3px var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.timezone-date-row input:focus,.timezone-select select:focus,.image-dimension-grid input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--tool-accent) 14%, transparent)}}.timezone-swap{color:var(--tool-accent);cursor:pointer;background:0 0;border:0;border-radius:8px;align-self:center;align-items:center;gap:8px;margin:14px 0;padding:8px 10px;font-size:12px;font-weight:650;display:inline-flex}.timezone-swap:hover{background:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.timezone-swap:hover{background:color-mix(in srgb, var(--tool-accent) 9%, white)}}.timezone-results{padding:36px}.world-clock-list{border:1px solid var(--border);border-radius:14px;overflow:hidden}.world-clock-list>div{grid-template-columns:minmax(160px,1fr) auto minmax(150px,auto);align-items:center;gap:18px;min-height:76px;padding:12px 20px;display:grid}.world-clock-list>div+div{border-top:1px solid var(--border-light)}.world-clock-list span{font-size:13px;font-weight:620}.world-clock-list strong{font-family:var(--mono);font-size:22px;font-weight:550}.world-clock-list small{color:var(--muted);text-align:right;font-size:11px}.timezone-planner{overflow:hidden}.timezone-planner__toolbar{gap:16px}.timezone-mode-tabs{background:var(--surface-strong);border-radius:10px;align-items:center;gap:3px;padding:3px;display:inline-flex}.timezone-mode-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:34px;padding:7px 13px;font-size:12px;font-weight:650}.timezone-mode-tabs button:hover{color:var(--text)}.timezone-mode-tabs button[aria-pressed=true]{background:var(--white);color:var(--tool-accent);box-shadow:0 1px 3px #3c404324}.timezone-planner__intro{background:radial-gradient(circle at 90% 10%, var(--tool-accent), transparent 31%), #fbfcff;align-items:center}@supports (color:color-mix(in lab, red, red)){.timezone-planner__intro{background:radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--tool-accent) 10%, transparent), transparent 31%), #fbfcff}}.timezone-planner__intro{border-bottom:1px solid var(--border);justify-content:space-between;gap:30px;padding:28px 34px;display:flex}.timezone-planner__intro>div{max-width:760px}.timezone-planner__intro .eyebrow,.timezone-section-heading .eyebrow,.timezone-comparison__heading .eyebrow{color:var(--tool-accent);margin:0 0 5px}.timezone-planner__intro h2{letter-spacing:-.035em;margin:0;font-size:clamp(21px,2.2vw,29px)}.timezone-planner__intro p:last-child{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.6}.timezone-planner__intro .button{flex:none}.timezone-planner__layout{grid-template-columns:minmax(390px,.78fr) minmax(520px,1.4fr);min-height:650px;display:grid}.timezone-controls{border-right:1px solid var(--border);background:#fbfcff;padding:30px 32px}.timezone-section-heading{align-items:center;gap:11px;margin-bottom:16px;display:flex}.timezone-section-heading>span{background:var(--tool-accent);align-items:center}@supports (color:color-mix(in lab, red, red)){.timezone-section-heading>span{background:color-mix(in srgb, var(--tool-accent) 12%, white)}}.timezone-section-heading>span{color:var(--tool-accent);border-radius:50%;flex:none;justify-content:center;width:27px;height:27px;font-size:12px;font-weight:750;display:inline-flex}.timezone-section-heading h3{letter-spacing:-.015em;margin:0;font-size:16px}.timezone-picker{color:var(--text);flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:650;display:flex}.timezone-picker select,.timezone-date-time input{background:var(--white);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:10px;outline:0;width:100%;min-height:48px;padding:0 12px}.timezone-picker select:focus,.timezone-date-time input:focus,.timezone-time-slider input:focus-visible{border-color:var(--tool-accent);box-shadow:0 0 0 3px var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.timezone-picker select:focus,.timezone-date-time input:focus,.timezone-time-slider input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--tool-accent) 14%, transparent)}}.timezone-date-time{grid-template-columns:1.25fr 1fr;gap:12px;margin-top:14px;display:grid}.timezone-date-time label{color:var(--text);flex-direction:column;gap:7px;font-size:12px;font-weight:650;display:flex}.timezone-quick-actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.timezone-quick-actions button{background:var(--white);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:999px;min-height:31px;padding:5px 10px;font-size:11px;font-weight:650}.timezone-quick-actions button:hover{background:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.timezone-quick-actions button:hover{background:color-mix(in srgb, var(--tool-accent) 7%, white)}}.timezone-quick-actions button:hover{border-color:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.timezone-quick-actions button:hover{border-color:color-mix(in srgb, var(--tool-accent) 35%, var(--border))}}.timezone-quick-actions button:hover{color:var(--tool-accent)}.timezone-time-slider{margin-top:18px;display:block}.timezone-time-slider>span{margin-bottom:9px;font-size:12px;font-weight:650;display:block}.timezone-time-slider input{accent-color:var(--tool-accent);cursor:pointer;width:100%;margin:0;display:block}.timezone-time-slider small{color:var(--muted);justify-content:space-between;margin-top:5px;font-size:9px;display:flex}.timezone-add-section{border-top:1px solid var(--border);margin-top:26px;padding-top:25px}.timezone-add-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;display:grid}.timezone-add-row .button{min-height:48px}.timezone-add-section>p{color:var(--muted);margin:8px 0 0;font-size:11px}.timezone-controls .calculator-notice{margin-top:24px}.timezone-comparison{background:var(--white);min-width:0;padding:30px 34px}.timezone-comparison__heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.timezone-comparison__heading h3{letter-spacing:-.02em;margin:0;font-size:18px}.timezone-primary-swap{color:var(--tool-accent);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:650}.timezone-primary-swap:hover{background:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.timezone-primary-swap:hover{background:color-mix(in srgb, var(--tool-accent) 8%, white)}}.timezone-card-list{gap:9px;display:grid}.timezone-card{background:var(--white);border:1px solid var(--border);border-radius:13px;grid-template-columns:minmax(130px,1fr) minmax(115px,auto) minmax(145px,auto) 30px;align-items:center;gap:18px;min-height:92px;padding:13px 14px 13px 18px;display:grid}.timezone-card--home{background:#f8fafd;border-style:dashed}.timezone-card--primary{background:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.timezone-card--primary{background:color-mix(in srgb, var(--tool-accent) 5%, white)}}.timezone-card--primary{border-color:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.timezone-card--primary{border-color:color-mix(in srgb, var(--tool-accent) 35%, var(--border))}}.timezone-card--primary{box-shadow:0 2px 7px var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.timezone-card--primary{box-shadow:0 2px 7px color-mix(in srgb, var(--tool-accent) 9%, transparent)}}.timezone-card__city,.timezone-card__time,.timezone-card__context{flex-direction:column;min-width:0;display:flex}.timezone-card__city>span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:720}.timezone-card__city strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.timezone-card__city small,.timezone-card__context small{color:var(--muted);margin-top:3px;font-size:10px}.timezone-card__time strong{font-family:var(--mono);letter-spacing:-.035em;white-space:nowrap;font-size:clamp(20px,2vw,26px);font-weight:560}.timezone-card__time span{color:var(--muted);white-space:nowrap;margin-top:2px;font-size:11px}.timezone-card__context{align-items:flex-end}.time-status{white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700}.time-status--good{color:#137333;background:#e6f4ea}.time-status--early{color:#1967d2;background:#e8f0fe}.time-status--evening{color:#b06000;background:#fef7e0}.time-status--late{color:#b3261e;background:#fce8e6}.time-status--weekend{color:#7627bb;background:#f3e8fd}.timezone-card>button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:20px;display:flex}.timezone-card>button:hover{background:var(--surface-strong);color:var(--text)}.timezone-card--home:after{content:"";width:30px}.timezone-empty{background:var(--surface);border:1px dashed var(--border);text-align:center;border-radius:12px;margin-top:9px;padding:22px}.timezone-empty strong{font-size:14px}.timezone-empty p{color:var(--muted);margin:5px 0 0;font-size:12px}.timezone-legend{flex-wrap:wrap;gap:8px 17px;margin-top:18px;display:flex}.timezone-legend span{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:inline-flex}.timezone-legend i{border-radius:50%;width:8px;height:8px;display:inline-block}.url-parser-layout,.markdown-layout{grid-template-columns:1fr 1fr;display:grid}.url-breakdown,.markdown-preview-panel{border-left:1px solid var(--border);min-width:0}.url-breakdown{min-height:clamp(458px,55vh,730px)}.url-parts{margin:0;padding:20px}.url-parts>div{grid-template-columns:90px 1fr;align-items:start;gap:20px;padding:11px 0;display:grid}.url-parts>div+div{border-top:1px solid var(--border-light)}.url-parts dt{color:var(--muted);font-size:11px;font-weight:650}.url-parts dd{font-family:var(--mono);overflow-wrap:anywhere;margin:0;font-size:12px}.url-parameters{border-top:1px solid var(--border);padding:18px 20px 24px}.url-parameters h2{align-items:center;gap:8px;margin:0 0 10px;font-size:14px;display:flex}.url-parameters h2 span{background:var(--tool-accent);align-items:center}@supports (color:color-mix(in lab, red, red)){.url-parameters h2 span{background:color-mix(in srgb, var(--tool-accent) 10%, white)}}.url-parameters h2 span{color:var(--tool-accent);border-radius:999px;justify-content:center;min-width:22px;height:22px;font-size:10px;display:inline-flex}.url-parameters>div{background:var(--surface);border-radius:8px;grid-template-columns:minmax(100px,.6fr) 1fr;align-items:center;gap:12px;margin-top:7px;padding:10px 12px;font-size:12px;display:grid}.url-parameters code{color:var(--tool-accent);overflow-wrap:anywhere}.url-parameters>div span,.url-parameters p{color:var(--muted);overflow-wrap:anywhere}.image-layout,.pdf-layout{grid-template-columns:minmax(340px,.7fr) minmax(0,1.5fr);min-height:610px;display:grid}.image-settings,.pdf-options-panel{border-right:1px solid var(--border);background:#fbfcff;padding:32px}.image-dimension-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.image-dimension-grid label{color:var(--text);flex-direction:column;gap:7px;font-size:12px;font-weight:620;display:flex}.image-dimension-grid label>div{position:relative}.image-dimension-grid input{font-family:var(--mono);padding-right:38px}.image-dimension-grid small{color:var(--subtle);font-size:11px;position:absolute;top:17px;right:12px}.image-lock{margin:13px 0 24px}.image-quality{border-top:1px solid var(--border-light);margin-top:26px;padding-top:22px;display:block}.image-file-facts{border-top:1px solid var(--border-light);margin:25px 0 0;padding-top:16px}.image-file-facts>div{justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.image-file-facts dt{color:var(--muted)}.image-file-facts dd{font-family:var(--mono);margin:0}.image-preview-area{min-width:0;padding:28px}.image-previews{grid-template-columns:1fr 1fr;gap:18px;height:100%;display:grid}.image-previews figure{flex-direction:column;min-width:0;margin:0;display:flex}.image-previews figcaption{color:var(--muted);text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:650}.image-previews figure>div{border:1px solid var(--border);background-color:#0000;background-image:linear-gradient(45deg,#eef1f4 25%,#0000 25%),linear-gradient(-45deg,#eef1f4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef1f4 75%),linear-gradient(-45deg,#0000 75%,#eef1f4 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:440px;display:flex;overflow:hidden}.image-previews img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:540px}.file-drop-prompt{background:var(--surface);border:2px dashed var(--border);color:var(--text);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:470px;padding:40px 24px;display:flex}.file-drop-prompt:hover{background:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.file-drop-prompt:hover{background:color-mix(in srgb, var(--tool-accent) 4%, white)}}.file-drop-prompt:hover{border-color:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.file-drop-prompt:hover{border-color:color-mix(in srgb, var(--tool-accent) 45%, var(--border))}}.file-drop-prompt>span{background:var(--tool-accent);align-items:center}@supports (color:color-mix(in lab, red, red)){.file-drop-prompt>span{background:color-mix(in srgb, var(--tool-accent) 11%, white)}}.file-drop-prompt>span{color:var(--tool-accent);font-family:var(--mono);border-radius:14px;justify-content:center;min-width:58px;height:58px;margin-bottom:18px;padding:0 10px;font-size:18px;font-weight:680;display:inline-flex}.file-drop-prompt strong{font-size:18px}.file-drop-prompt p{color:var(--muted);margin:7px 0 0;font-size:12px}.pdf-layout{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}.pdf-file-panel{min-width:0}.pdf-options-panel{border-left:1px solid var(--border);border-right:0}.file-drop-prompt--pdf{border:0;border-radius:0;min-height:566px}.pdf-file-list{margin:0;padding:14px;list-style:none}.pdf-file-list li{border:1px solid var(--border-light);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:64px;margin-bottom:8px;padding:9px 10px;display:grid}.pdf-index{background:var(--surface-strong);color:var(--muted);font-family:var(--mono);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;display:inline-flex}.pdf-file-list strong,.pdf-file-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pdf-file-list strong{font-size:13px}.pdf-file-list small{color:var(--muted);margin-top:4px;font-size:10px}.pdf-order-actions{gap:4px;display:flex}.pdf-order-actions button,.pdf-remove{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.pdf-order-actions button:hover:not(:disabled),.pdf-remove:hover{background:var(--surface-strong);color:var(--text)}.pdf-order-actions button:disabled{cursor:not-allowed;opacity:.3}.pdf-remove:hover{color:var(--coral)}.pdf-instructions,.calculator-field>small{color:var(--muted);font-size:12px;line-height:1.65}.pdf-result-card{text-align:center;background:#f6fbf7;border:1px solid #c4e6ce;border-radius:14px;flex-direction:column;align-items:center;min-height:250px;margin-top:30px;padding:32px 20px;display:flex}.pdf-result-card>span{background:var(--green-soft);color:#137333;font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-weight:700;display:inline-flex}.pdf-result-card strong{font-size:17px}.pdf-result-card p{color:var(--muted);margin:7px 0 20px;font-size:12px}.pdf-result-card--empty{background:var(--surface);border-color:var(--border)}.pdf-result-card--empty>span{background:var(--surface-strong);color:var(--muted);width:60px}.markdown-preview-panel{flex-direction:column;min-height:clamp(458px,55vh,730px);display:flex}.markdown-preview{flex:1;min-width:0;padding:26px clamp(22px,3vw,46px);line-height:1.7;overflow:auto}.markdown-preview>*{margin-top:0;margin-bottom:0}.markdown-preview>*+*{margin-top:18px}.markdown-preview>h2,.markdown-preview>h3,.markdown-preview>h4,.markdown-preview>h5,.markdown-preview>h6{margin-top:30px}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{letter-spacing:-.025em;line-height:1.25}.markdown-preview h1{border-bottom:1px solid var(--border-light);padding-bottom:10px;font-size:30px}.markdown-preview h2{font-size:23px}.markdown-preview h3{font-size:18px}.markdown-preview p,.markdown-preview li{font-size:14px;line-height:1.7}.markdown-preview p{margin-top:0;margin-bottom:0}.markdown-preview ul,.markdown-preview ol{margin-top:0;margin-bottom:0;padding-left:1.65rem}.markdown-preview ul{list-style:outside}.markdown-preview ol{list-style:decimal}.markdown-preview ul ul{list-style-type:circle}.markdown-preview ul ul ul{list-style-type:square}.markdown-preview ol ol{list-style-type:lower-alpha}.markdown-preview li{padding-left:.18rem}.markdown-preview li+li{margin-top:.32rem}.markdown-preview li>ul,.markdown-preview li>ol{margin-top:.4rem}.markdown-preview li::marker{color:var(--tool-accent)}.markdown-preview a{color:var(--blue);overflow-wrap:anywhere;text-underline-offset:2px;text-decoration:underline}.markdown-preview blockquote{color:var(--muted);border-left:4px solid #d3c5ec;padding:2px 0 2px 18px}.markdown-preview blockquote>:first-child{margin-top:0}.markdown-preview blockquote>:last-child{margin-bottom:0}.markdown-preview hr{border:0;border-top:1px solid var(--border)}.markdown-preview pre{color:#e8eaed;font-family:var(--mono);white-space:pre;background:#202124;border-radius:10px;padding:16px;font-size:12px;line-height:1.65;overflow:auto}.markdown-preview pre code{font-family:inherit}.markdown-preview :not(pre)>code{background:var(--surface-strong);font-family:var(--mono);border-radius:5px;padding:2px 5px;font-size:.88em}.markdown-preview table{border-collapse:collapse;width:100%;max-width:100%;font-size:13px;display:block;overflow-x:auto}.markdown-preview th,.markdown-preview td{border:1px solid var(--border);text-align:left;padding:9px 11px}.markdown-preview th{background:var(--surface)}@media (width<=980px){.timezone-layout,.timezone-planner__layout,.image-layout,.pdf-layout{grid-template-columns:1fr}.timezone-inputs,.timezone-controls,.image-settings,.pdf-options-panel{border-bottom:1px solid var(--border);border-left:0;border-right:0}.file-drop-prompt--pdf{min-height:360px}.timezone-controls{border-right:0}}@media (width<=760px){.percentage-mode-tabs,.url-mode-tabs{width:100%}.percentage-mode-tabs button,.url-mode-tabs button{flex:auto}.url-parser-layout,.markdown-layout{grid-template-columns:1fr}.url-breakdown,.markdown-preview-panel{border-left:0;border-top:1px solid var(--border)}.timezone-inputs,.timezone-controls,.timezone-comparison,.timezone-results,.image-settings,.image-preview-area,.pdf-options-panel{padding:24px 18px}.world-clock-list>div{grid-template-columns:1fr auto;gap:5px 12px}.world-clock-list small{text-align:left;grid-column:1/-1}.image-previews{grid-template-columns:1fr}.image-previews figure>div{min-height:300px}.image-dimension-grid{grid-template-columns:1fr 1fr}.file-drop-prompt{min-height:360px}.pdf-file-list li{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.pdf-order-actions{grid-column:2}.pdf-remove{grid-area:1/3/span 2}.markdown-preview{padding:24px 18px}.timezone-planner__toolbar,.timezone-planner__intro,.timezone-comparison__heading{flex-direction:column;align-items:stretch}.timezone-mode-tabs,.timezone-planner__intro .button{width:100%}.timezone-mode-tabs button{flex:1 1 0}.timezone-card{grid-template-columns:minmax(0,1fr) auto 30px;gap:10px 14px}.timezone-card__city{grid-column:1}.timezone-card__time{grid-column:2;align-items:flex-end}.timezone-card__context{grid-area:2/1/auto/3;align-items:flex-start}.timezone-card>button,.timezone-card--home:after{grid-area:1/3}}@media (width<=420px){.timezone-date-row,.timezone-date-time,.image-dimension-grid{grid-template-columns:1fr}.url-parts>div{grid-template-columns:1fr;gap:5px}.url-parameters>div{grid-template-columns:1fr}.timezone-planner__intro,.timezone-controls,.timezone-comparison{padding-left:16px;padding-right:16px}.timezone-add-row{grid-template-columns:1fr}.timezone-card{padding-left:14px}.timezone-card__time strong{font-size:19px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}