@layer tokens{:root{color-scheme:light;--ink: #141922;--ink-2: #273243;--muted: #5d6878;--muted-2: #7a8594;--primary: #0875f8;--primary-dark: #055fda;--primary-soft: #eaf3ff;--secondary: #6658f6;--accent: #16c7ad;--accent-dark: #0d9a82;--warn: #f59e0b;--danger: #ef4444;--surface: #ffffff;--surface-2: #f7faff;--surface-3: #f0f5fb;--soft: #f4f7fc;--line: #dce5f0;--line-strong: #cbd7e6;--radius-xs: 10px;--radius-sm: 14px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 30px;--shadow: 0 14px 34px rgba(30, 41, 59, .08);--shadow-hover: 0 20px 46px rgba(30, 41, 59, .12);--shadow-soft: 0 10px 28px rgba(8, 117, 248, .1);--container: 1260px;--narrow: 900px;--header: 70px;--gap: 22px;--font: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--border: var(--line);--text: var(--ink);--heading: var(--ink);--shadow-sm: var(--shadow);--shadow-md: var(--shadow-hover)}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button,select{cursor:pointer}img,canvas,svg,video{max-width:100%;height:auto}img,svg{max-width:100%}a{color:inherit}[hidden]{display:none!important}}@layer base{body{overflow-x:clip;background:radial-gradient(circle at 7% 18%,rgba(8,117,248,.1),transparent 28rem),radial-gradient(circle at 91% 10%,rgba(102,88,246,.1),transparent 31rem),linear-gradient(135deg,#f6fbff,#f8f9ff 48%,#f1fbff);color:var(--ink);font-family:var(--font);font-weight:650;letter-spacing:-.035em;line-height:1.6}body:before{content:"";position:fixed;z-index:-2;inset:var(--header) 0 0;background:linear-gradient(135deg,rgba(8,117,248,.05) 0 22%,transparent 22% 100%),linear-gradient(135deg,transparent 0 42%,rgba(102,88,246,.045) 42% 58%,transparent 58% 100%),radial-gradient(circle at 88% 22%,rgba(102,88,246,.08),transparent 18rem),radial-gradient(circle at 8% 72%,rgba(22,199,173,.08),transparent 20rem);pointer-events:none}body[data-page=calculatorCategory],body[data-page=percentageCalculator],body[data-page=increaseRateCalculator],body[data-page=discountCalculator],body[data-page=pyeongToSquareMeter],body[data-page=inchToCm]{background:linear-gradient(135deg,#f4fff8,#f7fbff 52%,#f8fff3)}body[data-page=dateCategory],body[data-page=dateDifference],body[data-page=dDayCalculator],body[data-page=dateAddSubtractCalculator],body[data-page=ageCalculator],body[data-page=timeCalculator],body[data-page=unixTimestampConverter]{background:linear-gradient(135deg,#fff8ed,#fbf8ff 55%,#f7fbff)}body[data-page=imageCategory],body[data-page=imageSizeChecker],body[data-page=resizeImage],body[data-page=imageFormatConverter],body[data-page=removeExif],body[data-page=qrCodeGenerator],body[data-page=aspectRatioCalculator],body[data-page=pixelToCmCalculator],body[data-page=hexRgbConverter],body[data-page=colorContrastChecker]{background:linear-gradient(135deg,#effdff,#f8fbff 45%,#f3fff9)}body[data-page=dataCategory],body[data-page=base64EncoderDecoder],body[data-page=jsonFormatter],body[data-page=urlEncoderDecoder],body[data-page=htmlEntityConverter],body[data-page=jsonCsvConverter],body[data-page=csvToMarkdownTable],body[data-page=uuidGenerator],body[data-page=sha256HashCalculator]{background:linear-gradient(135deg,#f7f2ff,#f8fbff,#eef9ff)}a{color:var(--primary-dark);text-decoration-thickness:.08em;text-underline-offset:.18em}p,h1,h2,h3,h4,ul,ol{margin-top:0}h1,h2,h3,h4{color:var(--ink);line-height:1.18;letter-spacing:-.065em}strong{font-weight:900}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.skip-link{position:absolute;z-index:999;top:8px;left:8px;transform:translateY(-160%);padding:10px 14px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none}.skip-link:focus{transform:translateY(0)}}@layer layout{.container{width:min(100% - 44px,var(--container));margin-inline:auto;min-width:0}#app,main{min-width:0}.site-header{position:sticky;z-index:90;top:0;border-bottom:1px solid rgba(203,215,230,.78);background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{display:grid;min-height:var(--header);grid-template-columns:auto 1fr;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:1.45rem;font-weight:950;letter-spacing:-.07em;white-space:nowrap}.brand-mark{position:relative;display:inline-block;width:36px;height:36px;flex:0 0 auto;border-radius:11px;background:linear-gradient(135deg,#0b7dff,#5a55f5);box-shadow:0 12px 28px #0875f842}.brand-mark:before,.brand-mark:after{content:"";position:absolute;inset:10px 8px;border:2px solid rgba(255,255,255,.86);border-radius:7px;transform:rotate(7deg)}.brand-mark:after{transform:rotate(-8deg);opacity:.7}.menu-button{display:none;width:44px;height:44px;padding:0;border:0;background:transparent}.menu-button span[aria-hidden=true]{display:block;width:26px;height:2px;margin:5px auto;border-radius:999px;background:var(--ink);transition:transform .18s ease,opacity .18s ease}body.menu-open .menu-button span[aria-hidden=true]:nth-of-type(2){transform:translateY(7px) rotate(45deg)}body.menu-open .menu-button span[aria-hidden=true]:nth-of-type(3){opacity:0}body.menu-open .menu-button span[aria-hidden=true]:nth-of-type(4){transform:translateY(-7px) rotate(-45deg)}.primary-navigation{justify-self:end;min-width:0}.desktop-nav-links{display:flex;align-items:center;justify-content:flex-end;gap:8px}.desktop-nav-links a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;color:var(--ink-2);text-decoration:none;font-size:.96rem;font-weight:850}.desktop-nav-links a:hover,.desktop-nav-links a[aria-current=page]{background:#0875f814;color:var(--primary-dark)}.mobile-menu-panel{display:none}.page-hero{padding-block:50px 28px;text-align:center}.page-hero .eyebrow{display:inline-flex;align-items:center;justify-content:center;min-height:26px;margin-bottom:10px;color:var(--primary-dark);font-size:.88rem;font-weight:950}.page-hero h1{max-width:900px;margin:0 auto;font-size:clamp(2.35rem,5vw,4.8rem);text-wrap:balance;overflow-wrap:anywhere}.page-hero p:not(.eyebrow){max-width:760px;margin:14px auto 0;color:var(--ink-2);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:800;line-height:1.55;text-wrap:balance;overflow-wrap:anywhere}.breadcrumb{display:flex;width:min(100% - 44px,var(--container));margin:22px auto 0;color:var(--muted);font-size:.9rem;font-weight:850}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;padding:0;list-style:none}.breadcrumb-list li,.breadcrumb-list span,.breadcrumb-list a{display:inline-flex;align-items:center;gap:6px}.breadcrumb a{color:var(--primary-dark);text-decoration:none}.breadcrumb-current{color:var(--ink-2);overflow-wrap:anywhere}.section{padding-block:34px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.65rem)}.section-heading p{max-width:560px;margin:0;color:var(--muted);font-size:1rem}.site-footer{margin-top:64px;border-top:1px solid rgba(203,215,230,.72);background:#ffffffd1}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding-block:32px}.footer-brand{color:var(--ink);text-decoration:none;font-size:1.1rem;font-weight:950}.footer-navigation{display:flex;flex-wrap:wrap;gap:14px}.footer-navigation a{color:var(--ink-2);text-decoration:none;font-size:.9rem;font-weight:750}.copyright{grid-column:1 / -1;margin:0;color:var(--muted-2);font-size:.82rem}}@layer components{.tool-workspace{padding-block:14px 34px}.editor-card,.option-panel,.calculator-card,.result-card,.contact-card,.notice-card,.tool-usage-card,.tool-faq-card,.tool-info-card,.tool-related-card,.tool-followup-action,.document-next-card,.self-introduction-check-card,.target-card,.image-select-card,.image-result-card,.format-source-card,.format-options-card,.format-result-card,.resize-source-card,.resize-size-card,.resize-output-card,.resize-result-card,.qr-input-card,.qr-result-card,.exif-source-card,.exif-result-card,.sha-file-panel,.sha-result-card,.uuid-result-card,.date-add-input-card,.date-add-result-card,.date-input-card,.date-result-card,.time-input-card,.time-result-card,.timestamp-input-card,.timestamp-result-card,.age-input-card,.age-result-card,.discount-calculator-card,.discount-result-card,.increase-rate-input-card,.increase-rate-result-card,.pixel-input-panel,.pixel-result-card,.aspect-input-card,.aspect-result-card,.color-input-card,.color-result-card,.contrast-input-card,.contrast-result-card,.url-input-card,.url-result-card,.base64-input-card,.base64-result-card,.json-input-card,.json-result-card,.json-csv-input-card,.json-csv-result-card,.csv-input-card,.csv-result-card,.html-entity-input-card,.html-entity-result-card,.sort-lines-input-card,.sort-lines-result-card,.markdown-input-card,.markdown-result-card,.text-compare-input-card,.text-compare-result-card{min-width:0;border:1px solid rgba(203,215,230,.9);border-radius:var(--radius-xl);background:#fffffff0;box-shadow:var(--shadow)}.editor-card,.option-panel,.calculator-card{overflow:hidden}.editor-toolbar{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line)}.editor-toolbar>*{min-width:0}.editor-toolbar label,.editor-toolbar h2,.editor-toolbar strong{flex:1 1 auto;margin:0;color:var(--ink);font-size:1.13rem;font-weight:950;letter-spacing:-.06em;overflow-wrap:anywhere}.toolbar-actions,.format-result-actions,.resize-result-actions,.html-entity-result-actions,.json-csv-result-actions,.sort-lines-result-actions,.text-compare-copy-actions{display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.text-button,.primary-button,.primary-action,.secondary-button,.file-picker button,.exif-download-link,.format-download-link,.resize-download-link,.qr-download-link,.qr-copy-button,.time-copy-button,.color-copy-button,.color-clear-button,.qr-helper-button,.date-add-inline-button,.time-current-button,.format-process-button,.resize-process-button,.qr-generate-button,.time-primary-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:var(--primary-dark);text-decoration:none;font-weight:900;letter-spacing:-.045em;white-space:nowrap}.primary-button,.primary-action,.format-process-button,.resize-process-button,.qr-generate-button,.time-primary-button{border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:var(--shadow-soft)}.text-button{min-height:44px;padding-inline:13px;border-color:#cbd7e6f2;background:#fffc;font-size:.94rem}.primary-button:hover,.primary-action:hover,.text-button:hover,.secondary-button:hover,.file-picker button:hover{transform:translateY(-1px)}textarea,input,select{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#fff;color:var(--ink);font-weight:760;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input,select{min-height:56px;padding:0 16px}textarea{display:block;min-height:280px;max-width:100%;padding:22px;resize:vertical;line-height:1.72;overflow-wrap:anywhere}.editor-card>textarea{width:calc(100% - 32px);margin:16px;box-sizing:border-box}input:focus,select:focus,textarea:focus{border-color:#0875f8b8;box-shadow:0 0 0 4px #0875f81f}textarea::placeholder,input::placeholder{color:#aab4c3;font-weight:700}.field,.field label,.option-field,.sort-lines-field,.resize-field,.pixel-field,.timestamp-field,.time-field,.date-add-field,.aspect-field,.contrast-field-block{min-width:0}label>span:first-child,.field>span:first-child,.option-field-label,.sort-lines-field>label,.resize-field>label,.pixel-field>label,.timestamp-field>label,.time-field>label,.date-add-field>label,.aspect-field>label,.contrast-field-block>label{display:block;margin-bottom:8px;color:var(--ink-2);font-size:.95rem;font-weight:900}.inline-count-summary,.local-note,.local-note-inline,.option-warning,.result-note,.formula-caption,.field-error,.format-message,.resize-message,.qr-privacy-note,.exif-privacy-note,.color-privacy-note,.contrast-privacy-note,.json-csv-privacy-note,.standalone-note{margin:0;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid rgba(226,232,240,.78);background:#f8fafcad;color:var(--ink-2);font-size:.91rem;font-weight:750;line-height:1.48;overflow-wrap:anywhere}.local-note{display:flex;align-items:center;gap:8px;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--line)}.local-note span{color:var(--accent)}.card-eyebrow,.status-pill,.result-status-badge,.html-entity-status-badge,.sort-lines-status-badge{margin:0 0 8px;color:var(--primary-dark);font-size:.84rem;font-weight:950}.stats-grid,.result-summary,.result-grid,.document-stats-grid,.reading-time-stats,.space-cleaner-stats,.byte-stats,.self-introduction-stats,.discount-result-grid,.increase-rate-result-grid,.age-result-grid,.date-result-grid,.time-result-grid,.pixel-result-grid,.format-result-grid,.resize-result-actions,.json-csv-summary-grid,.text-compare-summary-grid,.qr-summary-grid,.sha-file-grid,.image-info-grid,.format-info-grid,.resize-info-grid,.exif-info-grid,.color-result-list,.contrast-result-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;min-width:0}.stat-card,.result-box,.format-file-card,.resize-result-actions>*,.image-summary-strip>*,.color-result-row,.contrast-result-row,.sha-file-info,.target-item{position:relative;min-width:0;overflow:hidden;padding:22px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;color:var(--ink);box-shadow:0 8px 22px #1e293b0d}.stat-card:before,.result-box:before,.format-file-card:before,.target-item:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--primary),var(--accent))}.stat-card.featured{background:linear-gradient(135deg,var(--primary),#13b8bf);color:#fff}.stat-card.featured:before{display:none}.stat-card span,.result-box span,.format-file-card span,.target-item span{display:block;margin-bottom:4px;color:inherit;opacity:.8;font-size:.92rem;font-weight:900}.stat-card strong,.result-box strong,.format-file-card strong,.target-item strong{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1;letter-spacing:-.07em;overflow-wrap:anywhere}.calculator-card .result-box strong,.percentage-panel .result-box strong,.discount-calculator-card .result-box strong,.increase-rate-input-card .result-box strong{font-size:clamp(1.12rem,2.4vw,1.75rem);line-height:1.25;letter-spacing:-.055em}.stat-card small,.result-box small{color:inherit;opacity:.82;font-size:.95rem}.option-grid,.mode-grid,.compact-options,.sort-lines-options,.url-check-options,.base64-check-options,.html-entity-options,.text-compare-options,.date-checkboxes,.date-compact-checkboxes,.resize-toggle-list,.format-background-group,.format-quality-group,.qr-options-grid,.exif-output-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;min-width:0}.option-grid label,.compact-options label,.sort-lines-options label,.url-check-options label,.base64-check-options label,.html-entity-options label,.text-compare-options label,.date-checkboxes label,.date-compact-checkboxes label,.resize-toggle,.format-choice-group label,.format-background-group label,.format-quality-group label,.qr-options-grid label,.exif-output-options label,.csv-check-option,.json-csv-check,.time-checkbox{display:flex;min-height:52px;min-width:0;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:#f8fafccc;color:var(--ink);font-weight:900;overflow-wrap:anywhere}.calculator-card,.discount-calculator-card,.discount-result-card{position:relative;padding:clamp(22px,2.4vw,32px)}.calculator-number{position:absolute;top:22px;right:24px;color:#b8c4d7;font-size:.92rem;font-weight:950;letter-spacing:.12em;line-height:1}input[type=checkbox],input[type=radio]{width:22px;height:22px;min-height:auto;flex:0 0 auto;accent-color:var(--primary)}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;margin:0 0 10px;padding:0;color:var(--ink-2);font-size:.95rem;font-weight:950}.segmented-control,.json-csv-direction,.url-mode-options,.url-space-options,.base64-mode-options,.html-entity-direction,.timestamp-segmented,.timestamp-mode-tabs,.time-segmented,.time-mode-tabs,.time-direction-options,.date-add-segments,.percentage-mode-tabs,.discount-mode-grid,.pixel-mode-grid,.aspect-mode-tabs,.aspect-basis-tabs,.qr-type-tabs,.format-choice-track,.markdown-view-tabs,.text-compare-view-toggle{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;min-width:0;padding:6px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#f3f5fa}.segmented-control button,.json-csv-direction button,.json-csv-direction label,.url-mode-options button,.url-mode-options label,.url-space-options button,.url-space-options label,.base64-mode-options button,.base64-mode-options label,.html-entity-direction button,.html-entity-direction label,.timestamp-segmented button,.timestamp-segmented label,.timestamp-mode-tabs button,.timestamp-mode-tabs label,.time-segmented button,.time-segmented label,.time-mode-tabs button,.time-mode-tabs label,.time-direction-options button,.time-direction-options label,.date-add-segments button,.date-add-segments label,.percentage-mode-tabs button,.percentage-mode-tabs label,.discount-mode-grid button,.discount-mode-grid label,.pixel-mode-grid button,.pixel-mode-grid label,.aspect-mode-tabs button,.aspect-mode-tabs label,.aspect-basis-tabs button,.aspect-basis-tabs label,.qr-type-tabs button,.qr-type-tabs label,.format-choice-track button,.format-choice-track label,.markdown-view-tabs button,.markdown-view-tabs label,.text-compare-view-toggle button,.text-compare-view-toggle label,.mode-grid label,.area-mode-grid button{min-height:48px;min-width:0;border:0;border-radius:calc(var(--radius-lg) - 7px);background:transparent;color:var(--ink);font-weight:950;overflow-wrap:anywhere}.format-choice-track label,.json-csv-direction label,.url-mode-options label,.url-space-options label,.base64-mode-options label,.html-entity-direction label,.timestamp-segmented label,.timestamp-mode-tabs label,.time-segmented label,.time-mode-tabs label,.time-direction-options label,.date-add-segments label,.percentage-mode-tabs label,.discount-mode-grid label,.pixel-mode-grid label,.aspect-mode-tabs label,.aspect-basis-tabs label,.qr-type-tabs label,.markdown-view-tabs label,.text-compare-view-toggle label,.mode-grid label{position:relative;display:grid;place-items:center;padding:0 10px}.format-choice-track input,.json-csv-direction input[type=radio],.url-mode-options input[type=radio],.url-space-options input[type=radio],.base64-mode-options input[type=radio],.html-entity-direction input[type=radio],.timestamp-segmented input[type=radio],.timestamp-mode-tabs input[type=radio],.time-segmented input[type=radio],.time-mode-tabs input[type=radio],.time-direction-options input[type=radio],.date-add-segments input[type=radio],.percentage-mode-tabs input[type=radio],.discount-mode-grid input[type=radio],.pixel-mode-grid input[type=radio],.aspect-mode-tabs input[type=radio],.aspect-basis-tabs input[type=radio],.qr-type-tabs input[type=radio],.markdown-view-tabs input[type=radio],.text-compare-view-toggle input[type=radio],.mode-grid input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.format-choice-track span,.json-csv-direction label>span,.url-mode-options label>span,.url-space-options label>span,.base64-mode-options label>span,.html-entity-direction label>span,.timestamp-segmented label>span,.timestamp-mode-tabs label>span,.time-segmented label>span,.time-mode-tabs label>span,.time-direction-options label>span,.date-add-segments label>span,.percentage-mode-tabs label>span,.discount-mode-grid label>span,.pixel-mode-grid label>span,.aspect-mode-tabs label>span,.aspect-basis-tabs label>span,.qr-type-tabs label>span,.markdown-view-tabs label>span,.text-compare-view-toggle label>span,.mode-grid span{display:grid;width:100%;min-height:44px;place-items:center;border-radius:calc(var(--radius-lg) - 8px)}.segmented-control button[aria-pressed=true],.segmented-control button.is-active,.json-csv-direction button.is-active,.url-mode-options button.is-active,.url-space-options button.is-active,.base64-mode-options button.is-active,.html-entity-direction button.is-active,.timestamp-segmented button.is-active,.timestamp-mode-tabs button.is-active,.time-segmented button.is-active,.time-mode-tabs button.is-active,.time-direction-options button.is-active,.date-add-segments button.is-active,.percentage-mode-tabs button.is-active,.discount-mode-grid button.is-active,.pixel-mode-grid button.is-active,.aspect-mode-tabs button.is-active,.aspect-basis-tabs button.is-active,.qr-type-tabs button.is-active,.format-choice-track button.is-active,.format-choice-track input:checked+span,.json-csv-direction input:checked+span,.url-mode-options input:checked+span,.url-space-options input:checked+span,.base64-mode-options input:checked+span,.html-entity-direction input:checked+span,.timestamp-segmented input:checked+span,.timestamp-mode-tabs input:checked+span,.time-segmented input:checked+span,.time-mode-tabs input:checked+span,.time-direction-options input:checked+span,.date-add-segments input:checked+span,.percentage-mode-tabs input:checked+span,.discount-mode-grid input:checked+span,.pixel-mode-grid input:checked+span,.aspect-mode-tabs input:checked+span,.aspect-basis-tabs input:checked+span,.qr-type-tabs input:checked+span,.markdown-view-tabs input:checked+span,.text-compare-view-toggle input:checked+span,.markdown-view-tabs button.is-active,.text-compare-view-toggle button.is-active,.mode-grid input:checked+span{background:#fff;color:var(--primary-dark);box-shadow:0 8px 22px #1e293b14}.qr-options-grid label{display:grid;align-items:start}.qr-options-grid label>span:first-child{margin-bottom:6px}.file-picker,.format-file-picker,.resize-file-picker,.exif-file-picker,.image-file-picker{position:relative;display:flex;min-width:0;align-items:center;gap:12px;padding:12px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#fff;overflow:hidden}.file-picker>span:first-child,.format-file-picker>span:first-child,.resize-file-picker>span:first-child,.exif-file-picker>span:first-child,.image-file-picker>span:first-child{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:950}.file-picker:after,.format-file-picker:after,.resize-file-picker:after,.exif-file-picker:after,.image-file-picker:after{content:"선택된 파일 없음";min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:850}.file-picker input[type=file],.format-file-picker input[type=file],.resize-file-picker input[type=file],.exif-file-picker input[type=file],.image-file-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.url-action-row,.base64-action-row,.html-entity-action-row,.json-action-row,.json-csv-action-row,.csv-action-row,.sort-lines-action-row,.markdown-action-row,.text-compare-actions,.image-action-row,.qr-secondary-row,.age-actions,.date-actions,.time-action-grid,.timestamp-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;min-width:0;padding:0 16px 16px}.url-action-row>*,.base64-action-row>*,.html-entity-action-row>*,.json-action-row>*,.json-csv-action-row>*,.csv-action-row>*,.sort-lines-action-row>*,.markdown-action-row>*,.text-compare-actions>*,.image-action-row>*,.qr-secondary-row>*,.age-actions>*,.date-actions>*,.time-action-grid>*,.timestamp-actions>*{width:100%}}@layer patterns{.document-metric-layout,.url-main-grid,.base64-main-grid,.json-main-grid,.json-csv-grid,.csv-main-grid,.html-entity-grid,.sort-lines-grid,.markdown-preview-grid,.text-compare-input-grid,.text-compare-workspace,.format-main-grid,.resize-main-grid,.exif-main-grid,.image-workspace,.qr-main-grid,.color-main-grid,.contrast-main-grid,.sha-workspace,.uuid-grid,.date-add-workspace,.date-workspace,.timestamp-workspace,.age-workspace,.discount-workspace,.increase-rate-workspace,.pixel-workspace,.aspect-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:var(--gap);align-items:start;min-width:0}.url-workspace,.base64-workspace,.json-workspace,.time-workspace{display:grid;gap:var(--gap);min-width:0}.document-input-card,.markdown-input-card,.json-input-card,.json-csv-input-card,.url-input-card,.base64-input-card,.html-entity-input-card,.sort-lines-input-card,.text-compare-input-card{min-width:0}.document-metric-panel,.option-panel,.url-options-panel,.base64-options-panel,.json-options-panel,.json-csv-options,.csv-options-panel,.html-entity-option-panel{display:grid;gap:16px;min-width:0;padding:24px;border-radius:var(--radius-xl);background:#ffffffe6}.document-metric-heading h2,.option-panel h2,.result-card h2,.tool-usage-card h2,.tool-faq-card h2{margin:0;font-size:clamp(1.45rem,2.3vw,2.1rem)}.document-metric-heading p:not(.card-eyebrow),.option-panel p,.result-card p{color:var(--ink-2);font-weight:800}.document-stats-grid,.byte-stats,.space-cleaner-stats,.reading-time-stats,.self-introduction-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.target-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.target-card,.self-introduction-check-card{padding:24px}.target-gauge{height:7px;overflow:hidden;border-radius:999px;background:var(--line)}.target-gauge>span,.target-gauge i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent))}.tool-followup-section,.tool-info-section,.tool-next-tools,.tool-companion-tools{width:min(100% - 44px,var(--container));margin:34px auto 0}.tool-followup-grid,.tool-info-grid,.related-links,.self-introduction-check-links,.tool-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;min-width:0}.tool-followup-action,.document-next-card,.tool-related-card{display:block;min-width:0;padding:20px;color:var(--ink);text-decoration:none}.tool-followup-action h3,.document-next-card h3,.tool-related-card h3{margin:0 0 8px;font-size:1.08rem}.tool-followup-action p,.document-next-card p,.tool-related-card p{margin:0;color:var(--muted);font-size:.93rem;overflow-wrap:anywhere}.tool-usage-card,.tool-faq-card,.notice-card,.prose,.content-section,.info-content{width:min(100% - 44px,var(--container));margin:34px auto 0;padding:28px}.faq-list{display:grid;gap:10px}details,.faq-list details{min-width:0;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;overflow:hidden}summary{min-height:52px;padding:16px 18px;color:var(--ink);font-weight:950;cursor:pointer}details>p,details>div{margin:0;padding:0 18px 18px;color:var(--ink-2);font-weight:720}.markdown-rendered,pre,code,table{max-width:100%;overflow-wrap:anywhere}pre,.markdown-rendered pre{overflow-x:auto;padding:16px;border-radius:var(--radius-sm);background:#0f172a;color:#e2e8f0}.markdown-rendered pre{overflow-x:auto}table{display:block;overflow-x:auto;border-collapse:collapse}.time-workspace>.time-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:var(--gap);align-items:start;min-width:0}.image-preview-box,.format-preview-box,.resize-preview-box,.qr-preview-box,.exif-preview-box,.color-preview-box,.contrast-preview-box,.markdown-rendered{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2)}.qr-preview-box,.format-preview-box,.resize-preview-box,.exif-preview-box,.image-preview-box{display:grid;min-height:220px;place-items:center;padding:18px}.qr-preview-box canvas,.format-preview-box img,.resize-preview-box img,.exif-preview-box img,.image-preview-box img{max-width:100%;max-height:420px;object-fit:contain}.format-choice-track,.qr-type-tabs,.pixel-mode-grid{margin-top:10px}.resize-preset-row,.pixel-dpi-buttons,.aspect-preset-row,.uuid-quick-counts,.example-buttons,.compact-example-buttons,.inline-example-buttons,.date-quick-actions,.date-add-example-buttons,.age-example-buttons,.increase-rate-examples,.color-example-group,.contrast-example-grid{display:flex;flex-wrap:wrap;gap:10px;min-width:0}.resize-preset-row button,.pixel-dpi-buttons button,.aspect-preset-row button,.uuid-count-button,.example-buttons button,.compact-example-buttons button,.inline-example-buttons button,.date-quick-actions button,.date-add-example-buttons button,.age-example-buttons button,.increase-rate-examples button,.color-chip-button,.contrast-example-button{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--primary-dark);font-weight:900}.pixel-dpi-buttons button{min-height:44px}.markdown-preview-table-scroll{max-width:100%;overflow-x:auto}.calculator-list{display:grid;gap:16px;min-width:0}.input-with-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.input-with-unit input{grid-column:1 / -1}.formula-row,.discount-input-grid,.discount-input-row,.increase-rate-input-row,.pixel-field-grid,.resize-dimension-grid,.date-input-grid,.time-grid,.time-duration-grid,.time-clock-row,.timestamp-grid,.age-date-grid,.aspect-grid,.color-picker-row,.contrast-color-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;min-width:0}.percentage-mode-tabs,.percentage-panel{width:min(100%,980px);margin-inline:auto}}@layer pages{.hero{padding-block:clamp(54px,8vw,118px) clamp(34px,6vw,74px);text-align:center}.hero-inner{display:grid;min-height:0;place-items:center}.hero-copy{position:relative;z-index:1}.eyebrow{margin:0 0 10px;color:var(--primary-dark);font-size:.95rem;font-weight:950}.hero h1{max-width:1220px;margin:0 auto;font-size:clamp(3rem,5.5vw,5rem);line-height:1.05;text-wrap:balance}.hero h1 span{color:var(--primary)}.hero-trust{margin:18px 0 0;color:var(--ink-2);font-size:clamp(1rem,1.5vw,1.22rem);font-weight:850}.hero-visual{display:none}.home-filter-chips,.hub-jump-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}.hub-jump-links{margin-top:0}.home-filter-chips a,.hub-jump-links a{display:inline-flex;min-width:76px;min-height:44px;align-items:center;justify-content:center;padding:0 20px;border:1px solid var(--line-strong);border-radius:999px;background:#ffffffd1;color:var(--ink);text-decoration:none;font-weight:950;box-shadow:0 10px 28px #1e293b12}.home-filter-chips a.is-active,.home-filter-chips a[aria-current=true],.hub-jump-links a.is-active{border-color:var(--ink);background:var(--ink);color:#fff}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;min-width:0}.featured-tool-grid,.home-tool-section .tool-grid,.hub-page-section .tool-grid,.category-page-section .tool-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.hub-page-section{padding-top:0}.tool-category-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:end;gap:18px;margin-bottom:16px}.tool-category-header h2{margin:0;font-size:clamp(1.7rem,3vw,2.45rem)}.tool-category-header p{margin:0;color:var(--ink-2);font-weight:750}.tool-card{position:relative;display:grid;min-height:126px;min-width:0;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:14px;padding:20px;border:1px solid rgba(203,215,230,.9);border-radius:var(--radius-md);background:#ffffffeb;box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.tool-card:hover{transform:translateY(-2px);border-color:#0875f847;box-shadow:var(--shadow-hover)}.tool-icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(8,117,248,.12);border-radius:12px;background:var(--primary-soft);color:var(--primary-dark);font-size:.95rem;font-weight:950}.tool-card h4{grid-column:2;margin:0 0 6px;font-size:1.12rem;line-height:1.22;word-break:keep-all}.tool-card p{grid-column:2;margin:0;color:var(--muted);font-size:.93rem;font-weight:720;line-height:1.48;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-card a{display:grid;grid-column:3;grid-row:1 / span 2;width:28px;min-height:44px;height:44px;place-items:center;align-self:center;color:var(--primary);text-decoration:none;font-size:1.35rem;font-weight:950}.tool-card a:before{content:"";position:absolute;inset:0}.home-tool-section,.category-page-section,.hub-page-section{scroll-margin-top:86px}.trust-section{padding-block:42px}.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.trust-grid>div{padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffd1}.trust-number{color:var(--primary);font-weight:950}.info-hero{width:min(100% - 44px,var(--narrow));margin:0 auto;padding-block:58px 24px;text-align:center}.info-hero .eyebrow{display:none}.info-hero h1{margin:0 auto;font-size:clamp(2.4rem,5vw,4.6rem)}.info-hero p{max-width:720px;margin:14px auto 0;color:var(--ink-2);font-size:1.08rem;font-weight:760}.info-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.info-link-grid a{padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;text-align:center;text-decoration:none;font-weight:900}}@layer responsive{@media(max-width:1024px){:root{--header: 62px}body.menu-open{overflow:hidden}.header-inner{grid-template-columns:48px 1fr 48px;gap:0;min-height:var(--header)}.brand{grid-column:2;grid-row:1;justify-self:center;font-size:1.32rem}.brand-mark{width:30px;height:30px;border-radius:9px;box-shadow:none}.brand-mark:before,.brand-mark:after{inset:8px 7px;border-width:1.8px}.menu-button{display:block;grid-column:1;grid-row:1;justify-self:start}.desktop-nav-links{display:none}.primary-navigation{position:fixed;z-index:80;top:var(--header);right:auto;left:50%;display:none;width:100vw;height:calc(100dvh - var(--header));overflow-y:auto;transform:translate(-50%);justify-self:stretch;padding:18px max(24px,env(safe-area-inset-left)) 36px max(24px,env(safe-area-inset-right));background:#fff}body.menu-open .primary-navigation{display:block}.mobile-menu-panel{display:grid;width:min(100%,560px);margin-inline:auto;gap:18px}.mobile-menu-group h2{margin:0 0 8px;color:var(--muted);font-size:.92rem;font-weight:900}.mobile-menu-links{display:grid;gap:4px}.mobile-menu-links a{display:grid;min-height:44px;grid-template-columns:28px minmax(0,1fr) 22px;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:1rem;font-weight:900}.mobile-menu-links a:after{content:"›";justify-self:end;color:var(--muted-2);font-size:1.25rem}.mobile-menu-icon{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;background:var(--primary-soft);color:var(--primary-dark);font-size:.66rem;font-weight:950}.mobile-menu-support{display:flex;flex-wrap:wrap;gap:6px 14px;padding-top:20px;border-top:1px solid var(--line)}.mobile-menu-support h2{flex-basis:100%}.mobile-menu-support a{color:var(--ink);text-decoration:none;font-weight:850}.page-hero{padding-block:28px 18px;padding-inline:14px;overflow:hidden}.page-hero h1{width:100%;max-width:100%;font-size:clamp(2rem,8vw,2.9rem);line-height:1.16;white-space:normal;word-break:keep-all}.page-hero p:not(.eyebrow){width:min(100%,31ch);max-width:31ch;margin-top:10px;margin-inline:auto;font-size:.96rem;line-height:1.45;white-space:normal;word-break:keep-all;text-wrap:pretty}.breadcrumb{display:none}.tool-workspace{padding-top:10px}.document-metric-layout,.url-main-grid,.base64-main-grid,.json-main-grid,.json-csv-grid,.csv-main-grid,.html-entity-grid,.sort-lines-grid,.markdown-preview-grid,.text-compare-input-grid,.text-compare-workspace,.format-main-grid,.resize-main-grid,.exif-main-grid,.image-workspace,.qr-main-grid,.color-main-grid,.contrast-main-grid,.sha-workspace,.uuid-grid,.date-add-workspace,.date-workspace,.timestamp-workspace,.age-workspace,.discount-workspace,.increase-rate-workspace,.pixel-workspace,.aspect-workspace{grid-template-columns:1fr}.time-workspace>.time-grid{grid-template-columns:1fr}.target-grid,.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){:root{--header: 60px}.container,.breadcrumb,.tool-followup-section,.tool-info-section,.tool-next-tools,.tool-companion-tools,.tool-usage-card,.tool-faq-card,.notice-card,.prose,.content-section,.info-content{width:min(100% - 28px,var(--container))}body{font-weight:650}body:before{inset-top:var(--header);background:linear-gradient(135deg,rgba(8,117,248,.08) 0 28%,transparent 28% 100%),linear-gradient(135deg,transparent 0 52%,rgba(102,88,246,.055) 52% 68%,transparent 68% 100%)}.brand{gap:8px;font-size:1.26rem}.brand-mark{width:28px;height:28px}.hero{padding-block:34px 28px}.hero h1{font-size:clamp(2rem,7.5vw,2.65rem)}.hero-trust{margin-top:12px;font-size:.98rem}.home-filter-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:22px}.home-filter-chips a{min-width:0;min-height:44px;padding:0 6px;font-size:.86rem}.section{padding-block:22px}.section-heading{margin-bottom:12px}.tool-grid,.featured-tool-grid,.home-tool-section .tool-grid,.hub-page-section .tool-grid,.category-page-section .tool-grid{grid-template-columns:1fr;gap:12px}.tool-card{min-height:106px;grid-template-columns:42px minmax(0,1fr) 26px;gap:12px;padding:16px;border-radius:18px}.tool-icon{width:38px;height:38px;border-radius:10px}.tool-card h4{font-size:1.06rem}.tool-card p{font-size:.88rem}.editor-toolbar{display:grid;min-height:54px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px 14px}.editor-toolbar label,.editor-toolbar h2,.editor-toolbar strong{font-size:1rem;white-space:nowrap}.toolbar-actions{justify-self:end;flex:0 0 auto;flex-wrap:wrap;gap:5px;max-width:100%}.text-button{min-height:44px;min-width:42px;padding-inline:7px;font-size:.82rem}textarea{min-height:190px;padding:18px;font-size:1rem}.editor-card>textarea{width:calc(100% - 28px);margin:14px}input,select{min-height:52px}.option-panel,.document-metric-panel{padding:18px}.stats-grid,.document-stats-grid,.byte-stats,.space-cleaner-stats,.reading-time-stats,.self-introduction-stats,.target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card,.result-box,.format-file-card,.target-item{padding:18px}.calculator-number{top:18px;right:20px;font-size:.78rem}.stat-card strong,.result-box strong,.format-file-card strong,.target-item strong{font-size:2rem}.formula-row,.discount-input-grid,.discount-input-row,.increase-rate-input-row,.percentage-input-row{grid-template-columns:1fr}.calculator-card .result-box,.percentage-panel .result-box{padding:16px;white-space:normal;overflow-wrap:anywhere}.calculator-card .result-box strong,.percentage-panel .result-box strong{font-size:1.05rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.percentage-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.percentage-mode-tabs button,.percentage-mode-tabs label{min-height:44px;font-size:.88rem;white-space:normal;word-break:keep-all}.option-grid,.mode-grid,.compact-options,.sort-lines-options,.url-check-options,.base64-check-options,.html-entity-options,.text-compare-options,.date-checkboxes,.date-compact-checkboxes,.resize-toggle-list,.format-background-group,.format-quality-group,.qr-options-grid,.exif-output-options{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control,.json-csv-direction,.url-mode-options,.url-space-options,.base64-mode-options,.html-entity-direction,.timestamp-segmented,.timestamp-mode-tabs,.time-segmented,.time-mode-tabs,.time-direction-options,.date-add-segments,.percentage-mode-tabs,.discount-mode-grid,.pixel-mode-grid,.aspect-mode-tabs,.aspect-basis-tabs,.qr-type-tabs,.format-choice-track,.markdown-view-tabs,.text-compare-view-toggle{border-radius:18px}.segmented-control button,.json-csv-direction button,.json-csv-direction label,.url-mode-options button,.url-mode-options label,.url-space-options button,.url-space-options label,.base64-mode-options button,.base64-mode-options label,.html-entity-direction button,.html-entity-direction label,.timestamp-segmented button,.timestamp-segmented label,.timestamp-mode-tabs button,.timestamp-mode-tabs label,.time-segmented button,.time-segmented label,.time-mode-tabs button,.time-mode-tabs label,.time-direction-options button,.time-direction-options label,.date-add-segments button,.date-add-segments label,.percentage-mode-tabs button,.percentage-mode-tabs label,.discount-mode-grid button,.discount-mode-grid label,.pixel-mode-grid button,.pixel-mode-grid label,.aspect-mode-tabs button,.aspect-mode-tabs label,.aspect-basis-tabs button,.aspect-basis-tabs label,.qr-type-tabs button,.qr-type-tabs label,.format-choice-track button,.format-choice-track label,.markdown-view-tabs button,.markdown-view-tabs label,.text-compare-view-toggle button,.text-compare-view-toggle label{min-height:44px;font-size:.92rem}.file-picker,.format-file-picker,.resize-file-picker,.exif-file-picker,.image-file-picker{align-items:center}.url-action-row,.base64-action-row,.html-entity-action-row,.json-action-row,.json-csv-action-row,.csv-action-row,.sort-lines-action-row,.markdown-action-row,.text-compare-actions,.image-action-row,.qr-secondary-row,.age-actions,.date-actions,.time-action-grid,.timestamp-actions{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));padding-inline:14px}.aspect-mode-tabs,.percentage-mode-tabs{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.timestamp-mode-tabs label>span{line-height:1.25}.tool-category-header{grid-template-columns:1fr;align-items:start;gap:8px;margin-bottom:14px}.tool-category-header h2{font-size:clamp(1.55rem,7vw,2.05rem)}.tool-category-header p{max-width:100%;font-size:.94rem;line-height:1.55}.home-tool-section,.category-page-section,.hub-page-section{padding-block:22px}.site-footer{margin-top:40px}.footer-inner{grid-template-columns:1fr;padding-block:28px;text-align:center}.footer-navigation{justify-content:center}}@media(max-width:390px){.stats-grid,.document-stats-grid,.byte-stats,.space-cleaner-stats,.reading-time-stats,.self-introduction-stats,.target-grid,.option-grid,.mode-grid,.compact-options,.sort-lines-options,.url-check-options,.base64-check-options,.html-entity-options,.text-compare-options,.date-checkboxes,.date-compact-checkboxes,.resize-toggle-list,.format-background-group,.format-quality-group,.qr-options-grid,.exif-output-options{grid-template-columns:1fr}.date-checkboxes,.date-compact-checkboxes,.sort-lines-options,.text-compare-options,.url-check-options,.base64-check-options,.html-entity-options{grid-template-columns:repeat(2,minmax(0,1fr))}}}@layer tokens{:root{color-scheme:light;--ink: #111827;--ink-2: #344054;--muted: #667085;--muted-2: #98a2b3;--primary: #2563eb;--primary-dark: #1d4ed8;--primary-soft: #eff6ff;--secondary: #7c3aed;--accent: #0ea5a4;--accent-dark: #0f766e;--warn: #f97316;--danger: #ef4444;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--soft: #f6f7fb;--line: #e5e7eb;--line-strong: #cbd5e1;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 10px 26px rgba(15, 23, 42, .055);--shadow-hover: 0 2px 6px rgba(15, 23, 42, .06), 0 16px 34px rgba(15, 23, 42, .08);--shadow-soft: 0 10px 22px rgba(37, 99, 235, .16);--container: 1240px;--narrow: 880px;--header: 64px;--gap: 20px;--font: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}}@layer base{html{scroll-behavior:smooth}body[data-page]{overflow-x:clip;background:var(--soft);color:var(--ink);font-family:var(--font);font-weight:400;letter-spacing:-.018em;line-height:1.6}body[data-page]:before{content:none}body[data-page] a{color:var(--primary-dark)}body[data-page] :where(h1,h2,h3,h4){color:var(--ink);line-height:1.18;letter-spacing:-.045em;word-break:keep-all}body[data-page] :where(p,li,dd,small,input,select,textarea,button){word-break:keep-all}body[data-page] strong{font-weight:750}}@layer layout{.container,.breadcrumb,.tool-followup-section,.tool-info-section,.tool-next-tools,.tool-companion-tools,.tool-usage-card,.tool-faq-card,.notice-card,.prose,.content-section,.info-content{width:min(100% - clamp(28px,5vw,56px),var(--container));margin-inline:auto;min-width:0}.site-header{position:sticky;top:0;z-index:90;border-bottom:1px solid rgba(203,213,225,.9);background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{display:grid;min-height:var(--header);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,34px)}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:clamp(1.2rem,2vw,1.42rem);font-weight:850;letter-spacing:-.045em;white-space:nowrap}.brand-mark{width:28px;height:28px;flex:0 0 auto;border-radius:0;background:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3.5 27 9.7v12.6L16 28.5 5 22.3V9.7L16 3.5Z' stroke='%232563EB' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M16 16 27 9.7M16 16 5 9.7M16 16v12.5' stroke='%232563EB' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;box-shadow:none}.brand-mark:before,.brand-mark:after{display:none}.primary-navigation{justify-self:end;min-width:0}.desktop-nav-links{display:flex;align-items:center;justify-content:flex-end;gap:4px}.desktop-nav-links a{display:inline-flex;min-height:44px;align-items:center;padding:0 13px;border-radius:10px;color:var(--ink-2);text-decoration:none;font-size:.94rem;font-weight:650;white-space:nowrap}.desktop-nav-links a:hover,.desktop-nav-links a[aria-current=page]{background:var(--primary-soft);color:var(--primary-dark)}.header-search-link{display:inline-flex;min-width:210px;min-height:44px;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);text-decoration:none;font-size:.91rem;font-weight:500}.menu-button{display:none}.breadcrumb{display:flex;margin-top:18px;color:var(--muted);font-size:.9rem;font-weight:550}.breadcrumb-list{gap:8px}.breadcrumb-item+.breadcrumb-item:before{content:"›";margin-right:8px;color:var(--muted-2)}.page-hero,.info-hero{width:min(100% - clamp(28px,5vw,56px),var(--narrow));margin-inline:auto;padding-block:clamp(34px,5vw,62px) clamp(18px,3vw,30px);text-align:center}.page-hero .eyebrow,.info-hero .eyebrow{display:inline-flex;min-height:28px;align-items:center;justify-content:center;margin:0 0 12px;padding:0 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:.9rem;font-weight:700}.page-hero h1,.info-hero h1{max-width:920px;margin:0 auto;font-size:clamp(2.25rem,4.7vw,4.35rem);line-height:1.08;text-wrap:balance}.page-hero p:not(.eyebrow),.info-hero p{max-width:720px;margin:14px auto 0;color:var(--ink-2);font-size:clamp(1rem,1.4vw,1.14rem);font-weight:450;line-height:1.64;text-wrap:balance}.section{padding-block:clamp(26px,4.2vw,46px)}.section-heading,.tool-category-header,.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2,.tool-category-header h2,.home-section-heading h2{margin:0;font-size:clamp(1.5rem,2.4vw,2.15rem)}.section-heading p,.tool-category-header p{max-width:560px;margin:0;color:var(--muted);font-weight:450;line-height:1.55}.site-footer{margin-top:clamp(28px,5vw,56px);border-top:1px solid var(--line);background:#ffffffeb}.footer-inner{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(0,2.3fr);align-items:start;gap:clamp(32px,6vw,70px);padding-block:34px 28px}.footer-brand{color:var(--ink);text-decoration:none;font-size:1.25rem;font-weight:850}.footer-description{max-width:270px;margin:10px 0 0;color:var(--muted);font-size:.94rem;font-weight:400;line-height:1.6}.footer-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.footer-navigation div{display:grid;gap:8px}.footer-navigation strong{margin-bottom:4px;color:var(--ink);font-size:.95rem;font-weight:750}.footer-navigation a{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:450}.copyright{grid-column:1 / -1;margin:0;color:var(--muted-2);font-size:.84rem}}@layer components{.text-button,.primary-button,.primary-action,.secondary-button,.file-picker button,.exif-download-link,.format-download-link,.resize-download-link,.qr-download-link,.qr-copy-button,.time-copy-button,.color-copy-button,.color-clear-button,.qr-helper-button,.date-add-inline-button,.time-current-button,.format-process-button,.resize-process-button,.qr-generate-button,.time-primary-button,.home-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--primary-dark);text-decoration:none;font-weight:650;letter-spacing:-.015em;line-height:1.2;white-space:nowrap;box-shadow:none;cursor:pointer}.primary-button,.primary-action,.format-process-button,.resize-process-button,.qr-generate-button,.time-primary-button,.home-button--primary{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:var(--shadow-soft)}.secondary-button,.home-button--secondary{background:#fff;color:var(--ink-2)}.text-button:hover,.secondary-button:hover,.primary-button:hover,.primary-action:hover,.home-button:hover,.tool-card:hover,.home-recommend-card:hover,.home-category-card:hover,.home-category-strip-item:hover,.tool-followup-grid>a:hover,.related-links a:hover{transform:translateY(-1px)}:where(.tool-workspace,.editor-card,.option-panel,.calculator-card,.contact-card,.content-section,.info-content) :where(textarea,input,select){border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);font-weight:500;letter-spacing:-.01em}:where(.tool-workspace,.editor-card,.option-panel,.calculator-card,.contact-card,.content-section,.info-content) :where(input,select){min-height:48px;padding:0 13px}:where(.tool-workspace,.editor-card,.option-panel,.calculator-card,.contact-card,.content-section,.info-content) textarea{min-height:220px;padding:16px;line-height:1.66;overflow-wrap:anywhere;word-break:normal}:where(.tool-workspace,.editor-card,.option-panel,.calculator-card,.contact-card,.content-section,.info-content) :where(input,select,textarea):focus{border-color:#2563ebb8;box-shadow:0 0 0 3px #2563eb1f}:where(.tool-workspace,.editor-card,.option-panel,.calculator-card,.contact-card,.content-section,.info-content) :where(textarea,input)::placeholder{color:#9aa4b2;font-weight:450}.editor-card,.option-panel,.calculator-card,.result-card,.contact-card,.notice-card,.tool-usage-card,.tool-faq-card,.tool-info-card,.tool-related-card,.document-next-card,.self-introduction-check-card,.target-card,.image-select-card,.image-result-card,.format-source-card,.format-options-card,.format-result-card,.resize-source-card,.resize-size-card,.resize-output-card,.resize-result-card,.qr-input-card,.qr-result-card,.exif-source-card,.exif-result-card,.sha-file-panel,.sha-result-card,.uuid-result-card,.date-add-input-card,.date-add-result-card,.date-input-card,.date-result-card,.time-input-card,.time-result-card,.timestamp-input-card,.timestamp-result-card,.age-input-card,.age-result-card,.discount-calculator-card,.discount-result-card,.increase-rate-input-card,.increase-rate-result-card,.pixel-input-panel,.pixel-result-card,.aspect-input-card,.aspect-result-card,.color-input-card,.color-result-card,.contrast-input-card,.contrast-result-card,.url-input-card,.url-result-card,.base64-input-card,.base64-result-card,.json-input-card,.json-result-card,.json-csv-input-card,.json-csv-result-card,.csv-input-card,.csv-result-card,.html-entity-input-card,.html-entity-result-card,.sort-lines-input-card,.sort-lines-result-card,.markdown-input-card,.markdown-result-card,.text-compare-input-card,.text-compare-result-card,.prose,.content-section,.info-content,.category-workflow-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow)}.editor-toolbar{min-height:56px;padding:12px 16px;border-bottom:1px solid var(--line)}.editor-toolbar label,.editor-toolbar h2,.editor-toolbar strong{color:var(--ink);font-size:1.05rem;font-weight:750;letter-spacing:-.035em}label>span:first-child,.field>span:first-child,.option-field-label,.sort-lines-field>label,.resize-field>label,.pixel-field>label,.timestamp-field>label,.time-field>label,.date-add-field>label,.aspect-field>label,.contrast-field-block>label,legend{color:var(--ink-2);font-size:.94rem;font-weight:650}.inline-count-summary,.local-note,.local-note-inline,.option-warning,.result-note,.formula-caption,.field-error,.format-message,.resize-message,.qr-privacy-note,.exif-privacy-note,.color-privacy-note,.contrast-privacy-note,.json-csv-privacy-note,.standalone-note,.result-warning,.resize-preset-note{border:1px solid rgba(226,232,240,.9);border-radius:12px;background:#f8fafc;color:var(--ink-2);font-size:.9rem;font-weight:450;line-height:1.5}.local-note span{color:var(--primary)}.card-eyebrow,.status-pill,.result-status-badge,.html-entity-status-badge,.sort-lines-status-badge{color:var(--primary-dark);font-size:.83rem;font-weight:750;letter-spacing:-.01em}.tool-grid,.featured-tool-grid,.home-tool-section .tool-grid,.hub-page-section .tool-grid,.category-page-section .tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(245px,100%),1fr));gap:14px;min-width:0}.tool-category{padding-block:22px}.tool-category+.tool-category{border-top:1px solid rgba(226,232,240,.78)}.tool-card{position:relative;display:grid;min-height:118px;min-width:0;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a09;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.tool-card:hover{border-color:#bfdbfe;box-shadow:var(--shadow-hover)}.tool-icon,.home-icon,.mobile-menu-icon{display:grid;place-items:center;border-radius:12px;font-weight:750}.tool-icon{width:44px;height:44px;background:var(--primary-soft);color:var(--primary-dark);font-size:.82rem;text-align:center;line-height:1.05}.tool-card[data-tool-category=text] .tool-icon{background:#eff6ff;color:#2563eb}.tool-card[data-tool-category=calculator] .tool-icon{background:#ecfdf3;color:#16a34a}.tool-card[data-tool-category=date] .tool-icon{background:#fff1f2;color:#ef4444}.tool-card[data-tool-category=image] .tool-icon{background:#fff7ed;color:#f97316}.tool-card[data-tool-category=data] .tool-icon{background:#f5f3ff;color:#7c3aed}.tool-card :is(h3,h4){grid-column:2;margin:0 0 5px;color:var(--ink);font-size:1.05rem;font-weight:750;line-height:1.24}.tool-card p{grid-column:2;margin:0;color:var(--muted);font-size:.9rem;font-weight:400;line-height:1.48;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-card a{display:grid;grid-column:3;grid-row:1 / span 2;min-height:44px;place-items:center;color:var(--ink-2);text-decoration:none;font-size:1.35rem;font-weight:700}.tool-card a:before{content:"";position:absolute;inset:0}.hub-jump-links,.related-links,.self-introduction-check-links,.tool-followup-grid,.tool-related-grid,.info-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:10px;min-width:0}.hub-jump-links{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:24px}.hub-jump-links a,.related-links a,.self-introduction-check-links a,.tool-followup-grid>a,.tool-related-grid a,.info-link-grid a{display:grid;min-height:46px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink-2);text-decoration:none;font-weight:650;line-height:1.35;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.hub-jump-links a{min-height:44px;border-radius:999px;padding:0 16px}.related-links a:hover,.tool-followup-grid>a:hover,.hub-jump-links a:hover{border-color:#bfdbfe;box-shadow:var(--shadow)}.tool-followup-grid>a strong,.tool-related-grid a strong{color:var(--ink);font-size:1rem}.tool-followup-grid>a span,.tool-related-grid a span{margin-top:5px;color:var(--muted);font-size:.9rem;font-weight:400}.tool-followup-grid>a .tool-followup-action{display:block;margin-top:10px;padding:8px 10px;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff;color:var(--primary-dark);font-size:.86rem;font-weight:550}.prose,.content-section,.info-content,.tool-usage-card,.tool-faq-card,.tool-info-card,.tool-related-card,.notice-card{padding:clamp(20px,3vw,30px)}.prose h2,.content-section h2,.tool-usage-card h2,.tool-faq-card h2,.tool-info-card h2,.category-workflow-card h2{margin:0 0 12px;font-size:clamp(1.28rem,2vw,1.72rem)}.prose h2:not(:first-child),.content-section h2:not(:first-child),.tool-info-card h2:not(:first-child){margin-top:26px}.prose p,.prose li,.content-section p,.content-section li,.tool-info-card p,.tool-info-card li,details>p,details>div{color:var(--ink-2);font-weight:430;line-height:1.72}details,.faq-list details{border:1px solid var(--line);border-radius:12px;background:#fff}summary{min-height:50px;padding:14px 16px;color:var(--ink);font-weight:700}.category-workflow-card{margin-bottom:18px;padding:clamp(18px,2.6vw,26px)}.category-workflow-card ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none}.category-workflow-card a{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;min-height:52px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;color:var(--ink);text-decoration:none}.category-workflow-card a>span{display:grid;width:30px;height:30px;place-items:center;border-radius:10px;background:var(--primary);color:#fff;font-size:.86rem;font-weight:750}.stats-grid,.result-summary,.result-grid,.document-stats-grid,.reading-time-stats,.space-cleaner-stats,.byte-stats,.self-introduction-stats,.discount-result-grid,.increase-rate-result-grid,.age-result-grid,.date-result-grid,.time-result-grid,.pixel-result-grid,.format-result-grid,.json-csv-summary-grid,.text-compare-summary-grid,.qr-summary-grid,.sha-file-grid,.image-info-grid,.format-info-grid,.resize-info-grid,.exif-info-grid,.color-result-list,.contrast-result-list{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:12px}.stat-card,.result-box,.format-file-card,.image-summary-strip>*,.color-result-row,.contrast-result-row,.sha-file-info,.target-item{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a09}.stat-card:before,.result-box:before,.format-file-card:before,.target-item:before{content:none}.stat-card.featured{border-color:#bfdbfe;background:#eff6ff;color:var(--ink)}.stat-card span,.result-box span,.format-file-card span,.target-item span{font-weight:650}.stat-card strong,.result-box strong,.format-file-card strong,.target-item strong{font-size:clamp(1.55rem,3.4vw,2.45rem);letter-spacing:-.05em}.timestamp-result-list button{min-width:44px;min-height:44px;padding-inline:10px}.calculator-card,.discount-calculator-card,.discount-result-card,.option-panel,.document-metric-panel{padding:clamp(18px,2.5vw,28px)}.calculator-card .result-box strong,.percentage-panel .result-box strong,.discount-calculator-card .result-box strong,.increase-rate-input-card .result-box strong{font-size:clamp(1.05rem,2vw,1.55rem);line-height:1.34}.segmented-control,.json-csv-direction,.url-mode-options,.url-space-options,.base64-mode-options,.html-entity-direction,.timestamp-segmented,.timestamp-mode-tabs,.time-segmented,.time-mode-tabs,.time-direction-options,.date-add-segments,.percentage-mode-tabs,.discount-mode-grid,.pixel-mode-grid,.aspect-mode-tabs,.aspect-basis-tabs,.qr-type-tabs,.format-choice-track,.markdown-view-tabs,.text-compare-view-toggle{border-radius:14px;background:#f1f5f9}.segmented-control button,.json-csv-direction button,.json-csv-direction label,.url-mode-options button,.url-mode-options label,.url-space-options button,.url-space-options label,.base64-mode-options button,.base64-mode-options label,.html-entity-direction button,.html-entity-direction label,.timestamp-segmented button,.timestamp-segmented label,.timestamp-mode-tabs button,.timestamp-mode-tabs label,.time-segmented button,.time-segmented label,.time-mode-tabs button,.time-mode-tabs label,.time-direction-options button,.time-direction-options label,.date-add-segments button,.date-add-segments label,.percentage-mode-tabs button,.percentage-mode-tabs label,.discount-mode-grid button,.discount-mode-grid label,.pixel-mode-grid button,.pixel-mode-grid label,.aspect-mode-tabs button,.aspect-mode-tabs label,.aspect-basis-tabs button,.aspect-basis-tabs label,.qr-type-tabs button,.qr-type-tabs label,.format-choice-track button,.format-choice-track label,.markdown-view-tabs button,.markdown-view-tabs label,.text-compare-view-toggle button,.text-compare-view-toggle label,.mode-grid label,.area-mode-grid button{font-weight:650}.file-picker,.format-file-picker,.resize-file-picker,.exif-file-picker,.image-file-picker{border-radius:14px}.policy-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:10px;margin-bottom:24px}.policy-summary span{display:grid;min-height:46px;place-items:center;padding:10px;border:1px solid #dbeafe;border-radius:12px;background:#eff6ff;color:var(--primary-dark);font-weight:650;text-align:center}.info-home-link{margin-top:28px}}@layer patterns{.document-metric-layout,.url-main-grid,.base64-main-grid,.json-main-grid,.json-csv-grid,.csv-main-grid,.html-entity-grid,.sort-lines-grid,.markdown-preview-grid,.text-compare-input-grid,.text-compare-workspace,.format-main-grid,.resize-main-grid,.exif-main-grid,.image-workspace,.qr-main-grid,.color-main-grid,.contrast-main-grid,.sha-workspace,.uuid-grid,.date-add-workspace,.date-workspace,.timestamp-workspace,.age-workspace,.discount-workspace,.increase-rate-workspace,.pixel-workspace,.aspect-workspace,.time-workspace>.time-grid{gap:var(--gap)}.tool-followup-section,.tool-info-section,.tool-next-tools,.tool-companion-tools,.tool-usage-card,.tool-faq-card,.notice-card,.prose,.content-section,.info-content{margin-top:clamp(24px,4vw,38px)}.tool-workspace{padding-block:10px 28px}.tool-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px}}@layer pages{body[data-page=home]{background:var(--soft)}.home-hero{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fbff)}.home-hero-inner{display:grid;min-height:410px;grid-template-columns:minmax(0,1fr) minmax(390px,520px);align-items:center;gap:clamp(32px,6vw,74px);padding-block:clamp(46px,6vw,72px)}.home-hero-copy{position:relative;z-index:2;min-width:0}.home-hero-badge{display:inline-flex;min-height:28px;align-items:center;margin:0 0 15px;padding:0 13px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.9rem;font-weight:700}.home-hero h1{max-width:640px;margin:0;color:var(--ink);font-size:clamp(3.15rem,5vw,4.75rem);line-height:1.06;letter-spacing:-.065em;text-wrap:balance}.home-hero-copy>p:not(.home-hero-badge){max-width:560px;margin:18px 0 0;color:var(--ink-2);font-size:clamp(1rem,1.25vw,1.14rem);font-weight:450;line-height:1.65;text-wrap:balance}.home-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.home-button{min-height:48px;padding-inline:24px;font-size:.98rem}.home-hero-dots{display:none;align-items:center;gap:9px;margin-top:22px}.home-hero-dots span{width:9px;height:9px;border-radius:999px;background:#cbd5e1}.home-hero-dots span.is-active{background:var(--primary)}.home-hero-visual{position:relative;min-height:310px;min-width:0}.home-visual-window{position:absolute;inset:8px 36px 38px 40px;border:1px solid var(--line);border-radius:18px;background:#ffffffb8;box-shadow:var(--shadow)}.home-visual-window:before{content:"";position:absolute;top:16px;left:18px;width:48px;height:8px;border-radius:999px;background:linear-gradient(90deg,#2563eb 0 8px,#bfdbfe 8px 25px,#dbeafe 25px 48px)}.home-visual-card{position:absolute;border:1px solid var(--line);border-radius:16px;background:#fffffff5;box-shadow:0 12px 28px #0f172a14}.home-visual-card--calculator{top:46px;left:0;z-index:2;display:grid;width:170px;grid-template-columns:repeat(4,1fr);gap:8px;padding:18px}.home-visual-card--calculator strong{grid-column:1 / -1;margin-bottom:4px;text-align:right;font-size:1.08rem}.home-visual-card--calculator span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#f3f4f6;color:var(--ink-2);font-size:.75rem;font-weight:650}.home-visual-card--calculator span.is-active{background:var(--primary);color:#fff}.home-visual-card--chart{right:162px;bottom:30px;z-index:3;display:grid;width:178px;height:118px;grid-template-columns:repeat(4,1fr);align-items:end;gap:8px;padding:22px 18px 18px}.home-visual-card--chart i{display:block;border-radius:8px 8px 0 0;background:#dbeafe}.home-visual-card--chart i:nth-of-type(1){height:22px}.home-visual-card--chart i:nth-of-type(2){height:34px}.home-visual-card--chart i:nth-of-type(3){height:52px}.home-visual-card--chart i:nth-of-type(4){height:68px}.home-visual-card--chart svg{position:absolute;inset:20px 14px;width:calc(100% - 28px);height:calc(100% - 40px);fill:none;stroke:var(--primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.home-visual-card--calendar{top:72px;right:0;z-index:2;width:210px;padding:18px}.home-visual-card--calendar strong{display:block;margin-bottom:12px;text-align:center;font-size:.94rem}.home-visual-card--calendar div{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.home-visual-card--calendar span{display:grid;min-height:20px;place-items:center;border-radius:6px;color:var(--muted);font-size:.68rem}.home-visual-card--calendar span.is-active{background:var(--primary);color:#fff}.home-category-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:14px;padding:10px 14px;border:1px solid var(--line);border-radius:16px;background:#fffffff5;box-shadow:var(--shadow)}.home-category-strip-item{display:grid;min-width:0;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:10px 14px;border-right:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .16s ease,background .16s ease}.home-category-strip-item:last-child{border-right:0}.home-category-strip-item:hover{background:#f8fafc}.home-category-strip-item strong,.home-category-card strong,.home-recommend-copy h3{display:block;color:var(--ink);font-weight:750}.home-category-strip-item small,.home-category-card small,.home-recommend-copy p{display:block;margin-top:3px;color:var(--muted);font-size:.86rem;font-weight:400;line-height:1.45}.home-icon{width:44px;height:44px;flex:0 0 auto;font-size:.9rem}.home-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.home-icon-text{font-size:.72rem;letter-spacing:.02em}.home-icon--blue{background:#eff6ff;color:#2563eb}.home-icon--green{background:#ecfdf3;color:#16a34a}.home-icon--orange{background:#fff7ed;color:#f97316}.home-icon--red{background:#fff1f2;color:#ef4444}.home-icon--purple{background:#f5f3ff;color:#7c3aed}.home-icon--teal{background:#ecfeff;color:#0891b2}.home-section-heading a{color:var(--primary);text-decoration:none;font-weight:650;white-space:nowrap}.home-recommend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-recommend-card,.home-category-card{position:relative;display:grid;min-width:0;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a09;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.home-recommend-card:hover,.home-category-card:hover{border-color:#bfdbfe;box-shadow:var(--shadow-hover)}.home-recommend-card{grid-template-columns:48px minmax(0,1fr) 24px;gap:14px;min-height:112px;padding:18px}.home-recommend-copy h3{margin:0 0 4px;font-size:1.03rem;line-height:1.22}.home-recommend-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-recommend-card a{display:grid;min-height:44px;place-items:center;color:var(--ink-2);text-decoration:none;font-size:1.45rem}.home-recommend-card a:before{content:"";position:absolute;inset:0}.home-category-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.home-category-card{grid-template-columns:48px minmax(0,1fr) 20px;gap:12px;min-height:116px;padding:18px;color:var(--ink)}.home-category-card em{display:block;margin-top:10px;color:var(--primary);font-style:normal;font-size:.86rem;font-weight:650}.home-card-arrow{color:var(--ink-2);font-size:1.35rem}.home-trust-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:18px;padding:20px 24px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff}.home-trust-item{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:6px 24px;border-right:1px solid #dbeafe}.home-trust-item:last-child{border-right:0}.home-trust-item>span{display:grid;width:42px;height:42px;place-items:center;grid-row:1 / span 2;color:var(--primary);font-size:1.7rem}.home-trust-item strong{grid-column:2;color:var(--primary);font-size:1.02rem}.home-trust-item p{grid-column:2;margin:4px 0 0;color:var(--ink-2);font-size:.92rem;line-height:1.45}.info-hero .container{width:100%}}@layer responsive{@media(max-width:1120px){.desktop-nav-links a{padding-inline:10px;font-size:.9rem}.header-search-link{min-width:180px}.home-hero-inner{grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:28px;min-height:390px}.home-hero h1{font-size:clamp(3rem,6vw,4.1rem)}.home-visual-card--calculator{width:146px;padding:15px;gap:6px}.home-visual-card--calculator span{width:23px;height:23px;font-size:.64rem}.home-visual-card--chart{right:116px;width:150px;height:102px}.home-visual-card--calendar{width:176px;padding:15px}}@media(max-width:1024px){:root{--header: 60px;--gap: 16px}body.menu-open{overflow:hidden}.header-search-link,.desktop-nav-links{display:none}.header-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.brand{grid-column:1;justify-self:start;font-size:1.24rem}.brand-mark{width:26px;height:26px}.menu-button{display:grid;grid-column:3;width:44px;height:44px;place-items:center;justify-self:end;padding:0;border:0;background:transparent}.menu-button span[aria-hidden=true]{display:block;width:26px;height:2px;margin:4px auto;border-radius:999px;background:var(--ink);transition:transform .18s ease,opacity .18s ease}body.menu-open .menu-button span[aria-hidden=true]:nth-of-type(2){transform:translateY(6px) rotate(45deg)}body.menu-open .menu-button span[aria-hidden=true]:nth-of-type(3){opacity:0}body.menu-open .menu-button span[aria-hidden=true]:nth-of-type(4){transform:translateY(-6px) rotate(-45deg)}.primary-navigation{position:fixed;z-index:80;top:var(--header);left:50%;display:none;width:100vw;height:calc(100dvh - var(--header));overflow-y:auto;transform:translate(-50%);padding:18px max(18px,env(safe-area-inset-left)) 34px max(18px,env(safe-area-inset-right));background:#fff}body.menu-open .primary-navigation{display:block}.mobile-menu-panel{display:grid;width:min(100%,620px);margin-inline:auto;gap:18px}.mobile-menu-group h2{margin:0 0 8px;color:var(--muted);font-size:.9rem;font-weight:700}.mobile-menu-links{display:grid;gap:4px}.mobile-menu-links a{display:grid;min-height:44px;grid-template-columns:30px minmax(0,1fr) 22px;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:1rem;font-weight:650}.mobile-menu-links a:after{content:"›";justify-self:end;color:var(--muted-2);font-size:1.25rem}.mobile-menu-icon{width:28px;height:28px;background:var(--primary-soft);color:var(--primary-dark);font-size:.66rem}.mobile-menu-support{display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:18px;border-top:1px solid var(--line)}.mobile-menu-support a{color:var(--ink);text-decoration:none;font-weight:650}.breadcrumb{display:none}.home-hero-inner{grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:22px;min-height:360px;padding-block:36px 34px}.home-hero h1{max-width:410px;font-size:clamp(2.75rem,7vw,3.65rem)}.home-hero-copy>p:not(.home-hero-badge){max-width:380px;font-size:1.04rem}.home-hero-actions{display:grid;max-width:380px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-button{width:100%;min-height:50px;padding-inline:12px}.home-button--secondary{border-color:var(--primary);color:var(--primary)}.home-hero-dots{display:flex;justify-content:center;max-width:380px}.home-hero-visual{min-height:270px}.home-visual-window{display:none}.home-visual-card--calculator{top:18px;left:0;width:128px;padding:13px;gap:5px}.home-visual-card--calculator strong{font-size:.92rem}.home-visual-card--calculator span{width:20px;height:20px;border-radius:6px;font-size:.58rem}.home-visual-card--chart{top:28px;right:0;bottom:auto;width:138px;height:90px;gap:6px;padding:18px 12px 12px;transform:rotate(5deg)}.home-visual-card--chart svg{inset:16px 10px 14px;width:calc(100% - 20px);height:calc(100% - 30px)}.home-visual-card--calendar{top:128px;right:0;width:172px;padding:14px}.home-visual-card--calendar div{gap:3px}.home-visual-card--calendar span{min-height:16px;font-size:.56rem}.home-category-strip{grid-template-columns:repeat(3,minmax(0,1fr));padding:0;overflow:hidden}.home-category-strip-item,.home-category-strip-item:nth-child(3n){min-height:108px;grid-template-columns:1fr;justify-items:center;align-content:center;gap:8px;padding:15px 8px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.home-category-strip-item:nth-child(3n){border-right:0}.home-category-strip-item:nth-child(n+4){border-bottom:0}.home-category-strip-item strong{font-size:.98rem}.home-category-strip-item small{font-size:.84rem;line-height:1.3}.home-recommend-grid,.home-category-card-grid{grid-template-columns:1fr;gap:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a09}.home-recommend-card:nth-child(n+6){display:none}.home-recommend-card,.home-category-card{min-height:80px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}.home-recommend-card:last-child,.home-recommend-card:nth-child(5),.home-category-card:last-child{border-bottom:0}.home-recommend-card{grid-template-columns:46px minmax(0,1fr) 24px;padding:14px 18px}.home-category-card{grid-template-columns:48px minmax(0,1fr) auto 20px;padding:13px 18px}.home-category-card em{margin-top:0;white-space:nowrap}.home-trust-panel{padding:18px 12px}.home-trust-item{grid-template-columns:1fr;justify-items:center;gap:8px;padding:4px 14px;text-align:center}.home-trust-item>span,.home-trust-item strong,.home-trust-item p{grid-column:1}.home-trust-item>span{grid-row:auto}.home-trust-item p{font-size:.8rem}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:8px;padding-block:18px;text-align:center}.footer-brand,.footer-description,.footer-navigation{display:none}.copyright{color:var(--muted);font-size:.86rem}}@media(max-width:760px){.home-hero-inner{display:grid;grid-template-columns:1fr;min-height:0;gap:0;padding-block:26px 20px}.home-hero h1{max-width:12ch;font-size:clamp(2.12rem,8.8vw,2.58rem);line-height:1.08}.home-hero-copy>p:not(.home-hero-badge){max-width:min(100%,31ch);margin-top:11px;font-size:.94rem;line-height:1.52;text-wrap:pretty}.home-hero-actions{max-width:none;margin-top:15px;gap:9px}.home-button{min-height:44px;border-radius:13px;font-size:.88rem}.home-hero-dots,.home-hero-visual{display:none!important}.home-hero-visual{width:min(100%,310px);min-height:170px;height:170px;margin:18px auto 0}.home-visual-card--calculator{top:8px;left:8px;width:108px;padding:10px;gap:4px}.home-visual-card--calculator strong{margin-bottom:2px;font-size:.78rem}.home-visual-card--calculator span{width:17px;height:17px;border-radius:5px;font-size:.5rem}.home-visual-card--chart{top:16px;right:10px;width:124px;height:78px;border-radius:13px}.home-visual-card--calendar{top:88px;right:28px;width:142px;padding:10px;border-radius:13px}.home-visual-card--calendar strong{margin-bottom:6px;font-size:.72rem}.home-visual-card--calendar div{gap:2px}.home-visual-card--calendar span{min-height:12px;font-size:.46rem}}@media(max-width:640px){:root{--header: 58px;--gap: 14px}.container,.tool-followup-section,.tool-info-section,.tool-next-tools,.tool-companion-tools,.tool-usage-card,.tool-faq-card,.notice-card,.prose,.content-section,.info-content{width:min(100% - 28px,var(--container))}.brand{font-size:1.16rem}.brand-mark{width:24px;height:24px}.page-hero,.info-hero{width:min(100% - 28px,var(--narrow));padding-block:28px 14px}.page-hero h1,.info-hero h1{font-size:clamp(2rem,8vw,2.55rem);line-height:1.12}.page-hero p:not(.eyebrow),.info-hero p{max-width:32ch;margin-top:10px;font-size:.96rem;line-height:1.55}.home-hero-inner{min-height:0;padding-block:20px 14px}.home-hero h1{max-width:12ch;font-size:clamp(2.18rem,9vw,2.62rem);line-height:1.08}.home-hero-copy>p:not(.home-hero-badge){max-width:31ch;margin-top:12px;font-size:.95rem;line-height:1.55}.home-hero-actions{margin-top:16px;gap:10px}.home-hero-dots,.home-hero-visual{display:none}.home-hero-badge{min-height:26px;margin-bottom:11px;padding-inline:12px;font-size:.82rem}.home-button{min-height:46px;padding-inline:8px;font-size:.9rem}.home-category-strip{margin-top:0;border-radius:14px}.home-category-strip-item,.home-category-strip-item:nth-child(3n){min-height:92px;gap:5px;padding:11px 4px 9px}.home-icon{width:34px;height:34px;border-radius:9px}.home-icon svg{width:21px;height:21px}.home-icon-text{font-size:.62rem}.home-category-strip-item strong{font-size:.82rem;line-height:1.2}.home-category-strip-item small{margin-top:4px;font-size:.7rem}.section{padding-block:24px}.home-section-heading,.section-heading,.tool-category-header{align-items:flex-end;gap:10px;margin-bottom:12px}.home-section-heading h2,.section-heading h2,.tool-category-header h2{font-size:1.48rem}.home-section-heading a{font-size:.9rem}.home-recommend-card{grid-template-columns:42px minmax(0,1fr) 22px;gap:12px;min-height:76px;padding:12px 14px}.home-recommend-copy h3{font-size:1rem}.home-recommend-copy p{font-size:.84rem}.home-category-card{grid-template-columns:38px minmax(0,1fr) auto 18px;min-height:72px;padding:11px 14px}.home-category-card strong{font-size:1rem}.home-category-card small{font-size:.82rem}.home-category-card em{font-size:.86rem}.home-trust-panel{padding:14px 8px;border-radius:14px}.home-trust-item{padding:2px 8px}.home-trust-item>span{width:32px;height:32px;font-size:1.35rem}.home-trust-item strong{font-size:.9rem}.home-trust-item p{font-size:.68rem;line-height:1.42}.tool-grid,.featured-tool-grid,.home-tool-section .tool-grid,.hub-page-section .tool-grid,.category-page-section .tool-grid{grid-template-columns:1fr;gap:10px}.tool-card{min-height:84px;grid-template-columns:42px minmax(0,1fr) 22px;gap:12px;padding:14px}.tool-icon{width:38px;height:38px;border-radius:10px;font-size:.72rem}.tool-card :is(h3,h4){font-size:1rem}.tool-card p{font-size:.84rem;line-height:1.43}.tool-category+.tool-category{padding-top:22px}.tool-category-header{display:grid;align-items:start}.tool-category-header p{font-size:.9rem}.editor-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px 13px}.editor-toolbar label,.editor-toolbar h2,.editor-toolbar strong{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.toolbar-actions{flex-wrap:wrap;justify-self:end;gap:5px}.text-button{min-width:44px;min-height:44px;padding-inline:8px;font-size:.82rem}:where(.tool-workspace,.editor-card,.option-panel,.calculator-card,.contact-card,.content-section,.info-content) :where(textarea){min-height:180px;padding:14px;font-size:1rem}:where(.tool-workspace,.editor-card,.option-panel,.calculator-card,.contact-card,.content-section,.info-content) :where(input,select){min-height:46px;font-size:1rem}.editor-card>textarea{width:calc(100% - 24px);margin:12px}.option-panel,.document-metric-panel,.calculator-card,.discount-calculator-card,.discount-result-card,.prose,.content-section,.info-content,.tool-usage-card,.tool-faq-card,.tool-info-card,.notice-card{padding:16px;border-radius:14px}.stats-grid,.document-stats-grid,.byte-stats,.space-cleaner-stats,.reading-time-stats,.self-introduction-stats,.target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card,.result-box,.format-file-card,.target-item{padding:16px}.stat-card strong,.result-box strong,.format-file-card strong,.target-item strong{font-size:1.82rem}.formula-row,.discount-input-grid,.discount-input-row,.increase-rate-input-row,.percentage-input-row,.resize-dimension-grid,.date-input-grid,.time-grid,.time-duration-grid,.time-clock-row,.timestamp-grid,.age-date-grid,.aspect-grid,.color-picker-row,.contrast-color-row{grid-template-columns:1fr;gap:12px}.percentage-mode-tabs{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control button,.json-csv-direction button,.json-csv-direction label,.url-mode-options button,.url-mode-options label,.url-space-options button,.url-space-options label,.base64-mode-options button,.base64-mode-options label,.html-entity-direction button,.html-entity-direction label,.timestamp-segmented button,.timestamp-segmented label,.timestamp-mode-tabs button,.timestamp-mode-tabs label,.time-segmented button,.time-segmented label,.time-mode-tabs button,.time-mode-tabs label,.time-direction-options button,.time-direction-options label,.date-add-segments button,.date-add-segments label,.percentage-mode-tabs button,.percentage-mode-tabs label,.discount-mode-grid button,.discount-mode-grid label,.pixel-mode-grid button,.pixel-mode-grid label,.aspect-mode-tabs button,.aspect-mode-tabs label,.aspect-basis-tabs button,.aspect-basis-tabs label,.qr-type-tabs button,.qr-type-tabs label,.format-choice-track button,.format-choice-track label,.markdown-view-tabs button,.markdown-view-tabs label,.text-compare-view-toggle button,.text-compare-view-toggle label{min-height:44px;font-size:.88rem;line-height:1.25;white-space:normal}.url-action-row,.base64-action-row,.html-entity-action-row,.json-action-row,.json-csv-action-row,.csv-action-row,.sort-lines-action-row,.markdown-action-row,.text-compare-actions,.image-action-row,.qr-secondary-row,.age-actions,.date-actions,.time-action-grid,.timestamp-actions{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));padding-inline:12px}.hub-jump-links{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.hub-jump-links a{flex:0 0 auto}}@media(max-width:390px){.home-hero-inner{padding-block:24px 18px}.home-hero h1{font-size:clamp(2.02rem,8.6vw,2.34rem)}.home-hero-copy>p:not(.home-hero-badge){font-size:.9rem}.home-button{font-size:.86rem}.home-category-card{grid-template-columns:38px minmax(0,1fr) 18px}.home-category-card em{grid-column:2;margin-top:4px}.stats-grid,.document-stats-grid,.byte-stats,.space-cleaner-stats,.reading-time-stats,.self-introduction-stats,.target-grid,.option-grid,.mode-grid,.compact-options,.sort-lines-options,.url-check-options,.base64-check-options,.html-entity-options,.text-compare-options,.date-checkboxes,.date-compact-checkboxes,.resize-toggle-list,.format-background-group,.format-quality-group,.qr-options-grid,.exif-output-options{grid-template-columns:1fr}.date-checkboxes,.date-compact-checkboxes,.sort-lines-options,.text-compare-options,.url-check-options,.base64-check-options,.html-entity-options{grid-template-columns:repeat(2,minmax(0,1fr))}}}@layer pages{body[data-page]:not([data-page=home]){background:linear-gradient(180deg,#f8fbff 0%,var(--soft) 44%,#f4f7fb 100%)}body[data-page]:not([data-page=home]) .page-hero{position:relative;padding-block:clamp(38px,6vw,70px) clamp(24px,4vw,36px)}body[data-page]:not([data-page=home]) .page-hero .eyebrow{min-height:30px;padding-inline:13px;border:1px solid #dbeafe;background:#eff6fff0}body[data-page]:not([data-page=home]) :where(.editor-card,.option-panel,.calculator-card,.result-card,.contact-card,.notice-card,.tool-usage-card,.tool-faq-card,.tool-info-card,.tool-related-card,.document-next-card,.self-introduction-check-card,.target-card,.image-select-card,.image-result-card,.format-source-card,.format-options-card,.format-result-card,.resize-source-card,.resize-size-card,.resize-output-card,.resize-result-card,.qr-input-card,.qr-result-card,.exif-source-card,.exif-result-card,.sha-file-panel,.sha-result-card,.uuid-result-card,.date-add-input-card,.date-add-result-card,.date-input-card,.date-result-card,.time-input-card,.time-result-card,.timestamp-input-card,.timestamp-result-card,.age-input-card,.age-result-card,.discount-calculator-card,.discount-result-card,.increase-rate-input-card,.increase-rate-result-card,.pixel-input-panel,.pixel-result-card,.aspect-input-card,.aspect-result-card,.color-input-card,.color-result-card,.contrast-input-card,.contrast-result-card,.url-input-card,.url-result-card,.base64-input-card,.base64-result-card,.json-input-card,.json-result-card,.json-csv-input-card,.json-csv-result-card,.csv-input-card,.csv-result-card,.html-entity-input-card,.html-entity-result-card,.sort-lines-input-card,.sort-lines-result-card,.markdown-input-card,.markdown-result-card,.text-compare-input-card,.text-compare-result-card,.prose,.content-section,.info-content,.category-workflow-card){border-color:#cbd5e1db;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 1px 2px #0f172a0a,0 14px 32px #0f172a12}.hub-page-section,.category-page-section{padding-bottom:clamp(30px,5vw,58px)}.hub-page-section .tool-category,.category-page-section .tool-category{scroll-margin-top:calc(var(--header) + 28px);padding-block:clamp(28px,4vw,44px)}.hub-page-section .tool-category:first-of-type,.category-page-section .tool-category:first-of-type{padding-top:clamp(18px,3vw,30px)}.hub-page-section .tool-category-header,.category-page-section .tool-category-header{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:end;gap:clamp(14px,2.6vw,30px);margin-bottom:clamp(16px,2.8vw,24px)}.hub-page-section .tool-category-header h2,.category-page-section .tool-category-header h2{margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:850;letter-spacing:-.055em}.hub-page-section .tool-category-header p,.category-page-section .tool-category-header p{max-width:640px;margin:0;color:var(--ink-2);font-size:clamp(.96rem,1.15vw,1.05rem);font-weight:500;line-height:1.62}.hub-page-section .tool-card,.category-page-section .tool-card{min-height:122px;border-color:#cbd5e1db;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 1px 2px #0f172a0a,0 14px 30px #0f172a12}.hub-page-section .tool-card:hover,.category-page-section .tool-card:hover{border-color:#bfdbfe;box-shadow:var(--shadow-hover)}.hub-page-section .tool-card :is(h3,h4),.category-page-section .tool-card :is(h3,h4){font-weight:800}.hub-page-section .tool-icon,.category-page-section .tool-icon{border:1px solid #dbeafe;border-radius:14px;box-shadow:inset 0 1px #ffffffd9}}@layer responsive{body[data-page=resizeImage] .resize-result-card.is-compact .resize-preview-box,body[data-page=resizeImage] .resize-result-card.is-compact .resize-info-grid,body[data-page=resizeImage] .resize-result-card.is-compact>.local-note{display:none}@media(max-width:760px){.hub-page-section .tool-category,.category-page-section .tool-category{scroll-margin-top:calc(var(--header) + 18px);padding-block:26px}.hub-page-section .tool-category-header,.category-page-section .tool-category-header{display:grid;grid-template-columns:1fr;align-items:start;gap:8px;margin-bottom:14px}.hub-page-section .tool-category-header h2,.category-page-section .tool-category-header h2{font-size:clamp(1.55rem,7vw,2.08rem);line-height:1.14}.hub-page-section .tool-category-header p,.category-page-section .tool-category-header p{max-width:100%;font-size:.9rem;line-height:1.55}}@media(max-width:640px){.hub-page-section .tool-card,.category-page-section .tool-card{min-height:96px;padding:16px;border-radius:18px}body[data-page]:not([data-page=home]) .tool-workspace{padding-top:8px}}}@layer components{body[data-page]:not([data-page=home]) :where(.tool-workspace,.calculator-list){width:min(100% - clamp(28px,5vw,56px),var(--container));margin-inline:auto}body[data-page]:not([data-page=home]) :where(.primary-action,.primary-button,.format-process-button,.resize-process-button,.qr-generate-button,.time-primary-button,.format-download-link,.resize-download-link,.qr-download-link,.exif-download-link){min-height:46px;border:1px solid #1d4ed8;border-radius:14px;background:linear-gradient(180deg,#336cf2 0%,var(--primary) 100%);color:#fff;font-weight:760;letter-spacing:-.02em;box-shadow:0 10px 22px #2563eb2e}body[data-page]:not([data-page=home]) :where(.text-button,.secondary-button,.qr-copy-button,.time-copy-button,.color-copy-button,.color-clear-button,.qr-helper-button,.date-add-inline-button,.time-current-button){min-height:44px;border-color:#cbd5e1f2;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);color:var(--ink-2);font-weight:700;box-shadow:0 1px 1px #0f172a08}body[data-page]:not([data-page=home]) .text-button.strong-outline{border-color:#dbeafe;background:#fff;color:var(--primary-dark)}body[data-page]:not([data-page=home]) :where(.primary-action,.text-button,.secondary-button):disabled{cursor:not-allowed;opacity:.52;transform:none;box-shadow:none}body[data-page]:not([data-page=home]) .editor-toolbar{min-height:54px;background:linear-gradient(180deg,#fff,#fbfdff)}body[data-page]:not([data-page=home]) .editor-toolbar :where(label,h2,strong){font-weight:800}body[data-page]:not([data-page=home]) :where(.calculator-card,.option-panel,.editor-card) h2{letter-spacing:-.045em}body[data-page]:not([data-page=home]) :where(.tool-workspace,.calculator-list,.content-section,.info-content) :where(input,select,textarea){box-shadow:inset 0 1px #0f172a05}body[data-page]:not([data-page=home]) :where(.tool-workspace,.calculator-list,.content-section,.info-content) :where(textarea){border-radius:16px}body[data-page]:not([data-page=home]) .discount-result-card>strong,body[data-page]:not([data-page=home]) .result-card>strong,body[data-page]:not([data-page=home]) :where(#discount-main-result,#increase-main-result,#area-main-result,#inch-main-result,#date-main-result,#dday-main-result,#date-add-main-result,#age-main-result,#time-result-main,#timestamp-summary-main,#image-main-result,#format-result-status,#resize-result-status,#exif-result-status,#qr-result-status,#pixel-main-result,#aspect-summary,#contrast-ratio){display:block;margin-block:8px 10px;color:var(--ink);font-size:clamp(1.55rem,4vw,2.55rem);font-weight:850;letter-spacing:-.055em;line-height:1.12;overflow-wrap:anywhere}body[data-page]:not([data-page=home]) .result-summary{color:var(--ink-2);font-weight:500}body[data-page]:not([data-page=home]) :where(.local-note,.local-note-inline,.result-note,.option-warning,.inline-count-summary,.formula-caption){border-color:#e2e8f0eb;background:linear-gradient(180deg,#f8fafc,#f6f8fb);color:var(--ink-2)}body[data-page]:not([data-page=home]) .file-picker>span:first-child,body[data-page]:not([data-page=home]) .format-file-picker>span:first-child,body[data-page]:not([data-page=home]) .resize-file-picker>span:first-child,body[data-page]:not([data-page=home]) .exif-file-picker>span:first-child,body[data-page]:not([data-page=home]) .image-file-picker>span:first-child{border-radius:12px;background:var(--primary);box-shadow:0 8px 18px #2563eb29}body[data-page]:not([data-page=home]) :where(.related-links a,.self-introduction-check-links a,.tool-related-grid a,.tool-followup-grid>a,.sort-lines-related-links a,.html-entity-related-links a){border-radius:14px;background:linear-gradient(180deg,#fff,#fbfdff);color:var(--ink-2);font-weight:700;box-shadow:0 1px 2px #0f172a09}body[data-page]:not([data-page=home]) :where(.related-links a,.self-introduction-check-links a,.tool-related-grid a,.tool-followup-grid>a):hover{border-color:#bfdbfe;color:var(--primary-dark);box-shadow:0 10px 24px #0f172a12}}@layer pages{body[data-page]:not([data-page=home]) .page-hero{width:min(100% - clamp(28px,5vw,56px),960px)}body[data-page]:not([data-page=home]) .page-hero h1{font-weight:900;letter-spacing:-.06em}body[data-page]:not([data-page=home]) .page-hero p:not(.eyebrow){color:var(--muted);font-weight:500}.hub-page-section .tool-card,.category-page-section .tool-card{min-height:114px;grid-template-columns:44px minmax(0,1fr) 22px;gap:13px;padding:17px}.hub-page-section .tool-card p,.category-page-section .tool-card p{color:var(--muted);font-size:.88rem;line-height:1.46}.hub-page-section .tool-card a,.category-page-section .tool-card a{color:#94a3b8}.hub-page-section .tool-icon,.category-page-section .tool-icon{width:42px;height:42px;font-size:.76rem}.hub-jump-links a{border-color:#dbeafe;background:#fff;color:var(--primary-dark)}}@layer responsive{@media(max-width:760px){body[data-page]:not([data-page=home]) .page-hero{padding-block:30px 16px}.hub-page-section .tool-card,.category-page-section .tool-card{min-height:88px;border-radius:16px}.hub-page-section .tool-icon,.category-page-section .tool-icon{width:38px;height:38px;border-radius:12px;font-size:.7rem}}}@layer components{body[data-page]:not([data-page=home]) .content-section.prose{max-width:1120px}}@layer components{.home-hero-search{display:grid;max-width:640px;gap:10px;margin-top:24px}.home-hero-search-box,.tool-search-box{display:grid;min-height:58px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(191,219,254,.92);border-radius:18px;background:#fffffff5;box-shadow:0 14px 34px #0f172a14}.home-hero-search-box{padding:0 16px}.tool-search-box{padding:0 14px}.home-hero-search-box:focus-within,.tool-search-box:focus-within{border-color:#2563ebb8;box-shadow:0 0 0 3px #2563eb1f,0 16px 38px #0f172a14}.home-hero-search-icon,.tool-search-box>span{color:var(--primary);font-size:1.25rem;font-weight:800}.home-hero-search input,.tool-search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:1rem;font-weight:650}.home-hero-search input::placeholder,.tool-search-box input::placeholder{color:#94a3b8;font-weight:500}.home-hero-search kbd,.tool-search-box kbd{display:grid;min-width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:9px;background:#f8fafc;color:var(--muted);font:inherit;font-size:.9rem;font-weight:800}.home-hero-search-chips,.tool-search-chips{display:flex;flex-wrap:wrap;gap:8px}.home-hero-search-chips a,.tool-search-chips button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:var(--primary-dark);text-decoration:none;font-size:.88rem;font-weight:700}.home-hero-search-chips a{padding:0 12px}.tool-search-chips button{padding:0 13px;cursor:pointer}.tool-finder-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:center;gap:clamp(20px,4vw,44px);margin-top:10px;padding:clamp(22px,4vw,34px);border:1px solid rgba(191,219,254,.92);border-radius:24px;background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 24rem),linear-gradient(180deg,#fffffffa,#f8fbff);box-shadow:0 18px 44px #0f172a14}.tool-finder-copy span{display:inline-flex;min-height:28px;align-items:center;padding:0 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:.88rem;font-weight:800}.tool-finder-copy h2{margin:12px 0 0;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:900;letter-spacing:-.06em}.tool-finder-copy p{max-width:520px;margin:12px 0 0;color:var(--ink-2);font-size:1rem;font-weight:500;line-height:1.62}.tool-finder-control{display:grid;gap:12px}.tool-search-status,.tool-search-empty{margin:0;color:var(--muted);font-size:.92rem;font-weight:650}.tool-search-empty{padding:12px 14px;border:1px solid #fed7aa;border-radius:14px;background:#fff7ed;color:#9a3412}[data-tool-section][hidden],[data-tool-card][hidden],[data-tool-search-empty][hidden]{display:none!important}}@layer responsive{@media(max-width:1024px){.tool-finder-panel{grid-template-columns:1fr}}@media(max-width:760px){body[data-page=home] .home-hero-actions,body[data-page=home] .home-hero-search-chips{display:none}.home-hero-search{margin-top:14px}.home-hero-search-box,.tool-search-box{min-height:50px;border-radius:16px}.home-hero-search-box{padding-inline:13px}.home-hero-search kbd,.tool-search-box kbd{display:none}.home-hero-search-chips,.tool-search-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.home-hero-search-chips a,.tool-search-chips button{flex:0 0 auto;min-height:32px;font-size:.82rem;white-space:nowrap}.tool-finder-panel{width:min(100% - 28px,var(--container));padding:18px;border-radius:20px}.tool-finder-copy h2{font-size:clamp(1.55rem,7vw,2.05rem)}.tool-finder-copy p{font-size:.92rem;line-height:1.56}}@media(max-width:640px){.home-hero-search input,.tool-search-box input{font-size:.94rem}}}@layer components{body[data-page=characterCounter] .document-metric-panel,body[data-page=dateDifference] .discount-result-card,body[data-page=jsonFormatter] .json-result-card,body[data-page=lineBreakCleaner] :where(.editor-card,.option-panel,.stat-card),body[data-page=removeDuplicateLines] :where(.editor-card,.option-panel,.stat-card),body[data-page=removeExtraSpaces] :where(.editor-card,.option-panel,.stat-card),body[data-page=resizeImage] :where(.resize-source-card,.resize-result-card),body[data-page=sortLines] :where(.sort-lines-input-card,.sort-lines-result-card),body[data-page=textCompare] .text-compare-result-card{background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=characterCounter] .document-stats-grid,body[data-page=dateDifference] .discount-result-grid,body[data-page=resizeImage] :where(.resize-info-grid,.resize-result-card .discount-result-grid){grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=characterCounter] .document-input-card,body[data-page=characterCounter] .document-next-card{background:linear-gradient(180deg,#fff,#fbfdff)}body[data-page=characterCounter] .document-next-card{display:grid;gap:14px}body[data-page=characterCounter] .document-next-card h2{margin:0 0 8px;font-size:clamp(1.28rem,2vw,1.62rem);line-height:1.18}body[data-page=characterCounter] .self-introduction-check-links a{display:flex;min-height:44px;align-items:center;padding-block:0}body[data-page=dateDifference] .discount-result-grid>div,body[data-page=resizeImage] .resize-info-grid>div{min-width:0;padding:14px;border:1px solid rgba(226,232,240,.95);border-radius:14px;background:#fff}body[data-page=dateDifference] .discount-result-grid dt,body[data-page=resizeImage] .resize-info-grid dt{color:var(--muted);font-size:.78rem;font-weight:700;line-height:1.35}body[data-page=dateDifference] .discount-result-grid dd,body[data-page=resizeImage] .resize-info-grid dd{margin:5px 0 0;color:var(--ink);font-size:.94rem;font-weight:800;line-height:1.35;overflow-wrap:anywhere}body[data-page=dateDifference] .formula-detail{padding:8px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=dateDifference] .formula-detail summary{display:flex;min-height:22px;align-items:center;justify-content:space-between;gap:8px;padding:0;cursor:pointer;list-style:none;line-height:1.2}body[data-page=dateDifference] .formula-detail summary::-webkit-details-marker{display:none}body[data-page=dateDifference] .formula-detail summary:after{content:"+";color:var(--primary-dark);font-size:.88rem;font-weight:900}body[data-page=dateDifference] .formula-detail[open] summary:after{content:"-"}body[data-page=dateDifference] .formula-detail summary span{color:var(--primary-dark);font-size:.78rem;font-weight:800}body[data-page=dateDifference] .formula-detail p{margin:6px 0 0;color:var(--ink-2);font-size:.9rem;font-weight:500;line-height:1.5}body[data-page=dateDifference] .date-workspace{align-items:start;gap:12px}body[data-page=dateDifference] .calculator-card,body[data-page=dateDifference] .date-difference-result-card{border-radius:18px}body[data-page=dateDifference] .calculator-card{gap:12px;padding:20px}body[data-page=dateDifference] .calculator-card>h2{margin-bottom:0;font-size:clamp(1.08rem,2vw,1.28rem)}body[data-page=dateDifference] .date-input-grid{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:8px;align-items:end}body[data-page=dateDifference] .date-input-grid>span[aria-hidden=true]{align-self:center;color:var(--muted);font-weight:800;text-align:center}body[data-page=dateDifference] .date-input-grid label{gap:6px}body[data-page=dateDifference] .date-quick-row,body[data-page=dateDifference] .date-compact-checkboxes{gap:8px}body[data-page=dateDifference] .date-quick-row .text-button{min-height:44px;padding-inline:8px;font-size:.86rem;white-space:nowrap}body[data-page=dateDifference] .date-compact-checkboxes label{min-height:44px;padding:9px 10px}body[data-page=dateDifference] .date-difference-result-card{align-self:start;gap:9px;padding:20px;scroll-margin-top:86px}body[data-page=dateDifference] .date-difference-result-card:focus{outline:none}body[data-page=dateDifference] .date-difference-result-card>h2{margin:0;font-size:clamp(1.05rem,2vw,1.26rem)}body[data-page=dateDifference] .date-difference-result-card>strong{margin-block:0;font-size:clamp(1.68rem,5.6vw,2.22rem);line-height:1.08}body[data-page=dateDifference] .date-difference-result-card .result-summary{margin:0;font-size:.9rem;line-height:1.44}body[data-page=dateDifference] .date-difference-result-card.is-empty{gap:8px;padding-block:14px}body[data-page=dateDifference] .date-difference-result-card:is(.is-empty,.is-error) .card-eyebrow{display:none}body[data-page=dateDifference] .date-difference-result-card.is-empty :where(.discount-result-grid,.formula-detail,.result-note,.local-note,#date-warning),body[data-page=dateDifference] .date-difference-result-card.is-error :where(.discount-result-grid,.formula-detail,.result-note,.local-note,#date-warning),body[data-page=dateDifference] .date-difference-result-card.is-same-day :where(.formula-detail),body[data-page=dateDifference] .date-difference-result-card.is-filled :where(.result-note,.local-note){display:none}body[data-page=dateDifference] .date-difference-result-card.is-empty #date-main-result{margin-block:0 2px;font-size:clamp(1.35rem,6vw,1.8rem)}body[data-page=dateDifference] .date-difference-result-card.is-error #date-main-result{color:#c2410c}body[data-page=dateDifference] .date-difference-result-card .discount-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}body[data-page=dateDifference] .date-difference-result-card .discount-result-grid>div{padding:9px 10px;border-radius:12px}body[data-page=dateDifference] .date-difference-result-card .discount-result-grid dt{font-size:.74rem;font-weight:800;line-height:1.3}body[data-page=dateDifference] .date-difference-result-card .discount-result-grid dd{margin-top:4px;font-size:.84rem;line-height:1.3}body[data-page=dateDifference] .date-difference-result-card .formula-detail{margin-top:2px}body[data-page=dateDifference] .date-difference-result-card .formula-detail p{display:-webkit-box;margin:8px 0 0;overflow:hidden;font-size:.78rem;line-height:1.36;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(min-width:900px){body[data-page=dateDifference] .date-workspace{max-width:1120px;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:16px}body[data-page=dateDifference] .calculator-card,body[data-page=dateDifference] .date-difference-result-card{width:auto;padding:18px 20px}body[data-page=dateDifference] .date-difference-result-card.is-filled .discount-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}body[data-page=dateDifference] .date-difference-result-card.is-filled .discount-result-grid>div{padding:8px}}@media(max-width:520px){body[data-page=dateDifference] .calculator-card,body[data-page=dateDifference] .date-difference-result-card{padding:16px;border-radius:16px}body[data-page=dateDifference] .calculator-card{gap:10px}body[data-page=dateDifference] .date-input-grid{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:6px}body[data-page=dateDifference] .date-input-grid label{min-width:0}body[data-page=dateDifference] .date-input-grid input{min-width:0;padding-inline:8px;font-size:.84rem}body[data-page=dateDifference] .date-quick-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body[data-page=dateDifference] .date-quick-row .text-button{min-width:0;min-height:44px;padding-inline:4px;font-size:.76rem}body[data-page=dateDifference] .date-compact-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}body[data-page=dateDifference] .date-compact-checkboxes label{gap:6px;padding-inline:8px}body[data-page=dateDifference] .date-difference-result-card .discount-result-grid{gap:7px}}body[data-page=dateDifference] .date-difference-hero{padding-block:24px 16px}body[data-page=dateDifference] .date-difference-workspace{display:grid;width:min(100% - 28px,1120px);grid-template-columns:minmax(0,.96fr) minmax(360px,.86fr);align-items:start;gap:14px;padding-block:6px 24px}body[data-page=dateDifference] :where(.date-difference-input-card,.date-difference-result-card){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=dateDifference] .date-difference-input-card{gap:11px;padding:18px;border-color:#bfdbfef2;box-shadow:0 16px 36px #2563eb14}body[data-page=dateDifference] .date-difference-input-head{display:flex;align-items:start;justify-content:space-between;gap:10px;min-width:0}body[data-page=dateDifference] .date-difference-input-head>div{display:grid;gap:3px;min-width:0}body[data-page=dateDifference] .date-difference-input-head .card-eyebrow{margin:0}body[data-page=dateDifference] .date-difference-input-head h2{margin:0;color:var(--ink);font-size:clamp(1.08rem,2vw,1.34rem);font-weight:900;line-height:1.2;letter-spacing:-.03em}body[data-page=dateDifference] #date-reset{flex:0 0 auto;min-height:40px;padding-inline:12px;font-size:.8rem;font-weight:850;white-space:nowrap}body[data-page=dateDifference] #date-reset:disabled{opacity:.48;cursor:not-allowed}body[data-page=dateDifference] .date-primary-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}body[data-page=dateDifference] .date-primary-field{display:grid;gap:7px;min-width:0;margin:0;padding:12px;border:1px solid rgba(226,232,240,.95);border-radius:16px;background:#fff;box-shadow:0 1px 1px #0f172a06}body[data-page=dateDifference] .date-primary-field span{color:var(--ink-2);font-size:.8rem;font-weight:900;line-height:1.25}body[data-page=dateDifference] .date-primary-field input{min-width:0;width:100%;min-height:48px;padding-inline:10px;font-size:.96rem;font-weight:850}body[data-page=dateDifference] #date-input-summary{margin:0;padding:9px 11px;border:1px solid rgba(219,234,254,.92);border-radius:12px;background:#eff6ff94;color:var(--primary-dark);font-size:.82rem;font-weight:850;line-height:1.35;overflow-wrap:anywhere}body[data-page=dateDifference] .date-include-options{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(112px,auto));gap:7px;align-items:center;margin:0;padding:8px;border:1px solid rgba(226,232,240,.95);border-radius:14px;background:#f8fbffc7}body[data-page=dateDifference] .date-include-options legend{padding-inline:2px;color:var(--ink-2);font-size:.78rem;font-weight:850}body[data-page=dateDifference] .date-include-options label{display:flex;min-width:0;min-height:40px;align-items:center;justify-content:center;gap:7px;margin:0;padding:8px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff;color:var(--ink-2);font-size:.78rem;font-weight:850;line-height:1.2;box-shadow:none}body[data-page=dateDifference] .date-include-options input{width:15px;height:15px;accent-color:var(--primary)}body[data-page=dateDifference] .date-difference-quick-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}body[data-page=dateDifference] .date-difference-quick-row .text-button{min-width:0;min-height:42px;justify-content:center;padding-inline:8px;font-size:.78rem;font-weight:850;white-space:nowrap}body[data-page=dateDifference] .date-difference-result-card{display:grid;align-self:start;gap:9px;padding:18px;scroll-margin-top:86px}body[data-page=dateDifference] .date-result-head{display:flex;align-items:start;justify-content:space-between;gap:10px;min-width:0}body[data-page=dateDifference] .date-result-head>div{display:grid;gap:3px;min-width:0}body[data-page=dateDifference] .date-result-head .card-eyebrow,body[data-page=dateDifference] .date-result-head h2{margin:0}body[data-page=dateDifference] .date-result-head h2{color:var(--ink);font-size:clamp(1.04rem,1.8vw,1.22rem);font-weight:900;line-height:1.2}body[data-page=dateDifference] .date-status-badge{display:inline-flex;flex:0 0 auto;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(191,219,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.74rem;font-weight:900;white-space:nowrap}body[data-page=dateDifference] .date-status-badge[data-status=error]{border-color:#fed7aa;background:#fff7ed;color:#c2410c}body[data-page=dateDifference] #date-main-result{display:block;margin:0;color:var(--primary-dark);font-size:clamp(2.08rem,6vw,2.86rem);font-weight:950;line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere}body[data-page=dateDifference] .date-difference-result-card.is-empty #date-main-result,body[data-page=dateDifference] .date-difference-result-card.is-error #date-main-result{color:var(--muted);font-size:clamp(1.14rem,3vw,1.38rem);font-weight:760;line-height:1.35;letter-spacing:-.03em}body[data-page=dateDifference] .date-difference-result-card.is-error #date-main-result,body[data-page=dateDifference] .date-difference-result-card.is-error #date-warning{color:#c2410c}body[data-page=dateDifference] #date-summary,body[data-page=dateDifference] #date-warning{margin:0;font-size:.84rem;line-height:1.42;overflow-wrap:anywhere}body[data-page=dateDifference] #date-warning[hidden]{display:none!important}body[data-page=dateDifference] .date-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}body[data-page=dateDifference] .date-result-grid>div{min-width:0;padding:9px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=dateDifference] .date-result-grid .date-result-total{border-color:#bfdbfef2;background:#eff6ff}body[data-page=dateDifference] .date-result-grid dt{color:var(--muted);font-size:.72rem;font-weight:850;line-height:1.25}body[data-page=dateDifference] .date-result-grid dd{min-width:0;margin:4px 0 0;color:var(--ink);font-size:.86rem;font-weight:850;line-height:1.28;overflow-wrap:anywhere}body[data-page=dateDifference] .date-difference-result-card.is-empty{gap:8px;padding-block:16px;border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:none}body[data-page=dateDifference] .date-difference-result-card.is-empty :where(.date-result-grid,.formula-detail,.result-note,#date-warning),body[data-page=dateDifference] .date-difference-result-card.is-error :where(.result-note){display:none}body[data-page=dateDifference] .date-difference-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=dateDifference] .date-difference-result-card.is-same-day .date-status-badge{border-color:#bbf7d0f2;background:#f0fdf4;color:#166534}body[data-page=dateDifference] .date-basis-detail{margin-top:0}@media(max-width:860px){body[data-page=dateDifference] .date-difference-workspace{width:min(100% - 24px,1120px);grid-template-columns:1fr;gap:10px;padding-block:4px 20px}body[data-page=dateDifference] .date-difference-input-card,body[data-page=dateDifference] .date-difference-result-card{padding:14px;border-radius:16px}body[data-page=dateDifference] .date-primary-fields{gap:8px}body[data-page=dateDifference] .date-primary-field{padding:10px}body[data-page=dateDifference] .date-primary-field input{min-height:44px;padding-inline:8px;font-size:.88rem}body[data-page=dateDifference] .date-include-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}body[data-page=dateDifference] .date-include-options legend{grid-column:1 / -1}body[data-page=dateDifference] .date-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}}@media(max-width:370px){body[data-page=dateDifference] .date-difference-input-head,body[data-page=dateDifference] .date-result-head{display:grid;grid-template-columns:1fr}body[data-page=dateDifference] #date-reset,body[data-page=dateDifference] .date-status-badge{width:fit-content}body[data-page=dateDifference] .date-primary-fields,body[data-page=dateDifference] .date-include-options,body[data-page=dateDifference] .date-difference-quick-row,body[data-page=dateDifference] .date-result-grid{grid-template-columns:1fr}}body[data-page=dateDifference] .date-include-options{display:block;overflow:hidden;margin:0;padding:0;border:1px solid rgba(226,232,240,.95);border-radius:14px;background:#f8fbffc7;box-shadow:none}body[data-page=dateDifference] .date-include-options summary{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:var(--ink-2);cursor:pointer;font-size:.8rem;font-weight:850;line-height:1.25;list-style:none}body[data-page=dateDifference] .date-include-options summary::-webkit-details-marker{display:none}body[data-page=dateDifference] .date-include-options summary:after{content:"+";flex:0 0 auto;color:var(--primary-dark);font-size:.95rem;font-weight:950}body[data-page=dateDifference] .date-include-options[open] summary:after{content:"-"}body[data-page=dateDifference] .date-include-option-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 12px 12px}body[data-page=dateDifference] .date-range-pill{display:inline-flex;width:fit-content;max-width:100%;min-height:32px;align-items:center;margin:0;padding-inline:11px;border:1px solid rgba(219,234,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.78rem;font-weight:900;line-height:1.2;overflow-wrap:anywhere}body[data-page=dateDifference] .date-range-pill[hidden],body[data-page=dateDifference] .date-result-swap[hidden],body[data-page=dateDifference] .date-total-output[hidden]{display:none!important}body[data-page=dateDifference] .date-difference-result-card.is-empty .date-range-pill,body[data-page=dateDifference] .date-difference-result-card.is-empty .date-result-swap{display:none}body[data-page=dateDifference] .date-difference-result-card.is-error #date-warning:not([hidden]){display:block;padding:8px 10px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;color:#c2410c;font-weight:850}body[data-page=dateDifference] .date-result-swap{width:fit-content;min-height:42px;justify-content:center;padding-inline:13px;color:#c2410c;font-size:.82rem;font-weight:900;white-space:nowrap}body[data-page=dateDifference] .date-difference-result-card.is-filled .date-result-head{order:1}body[data-page=dateDifference] .date-difference-result-card.is-filled #date-main-result,body[data-page=dateDifference] .date-difference-result-card.is-error #date-main-result{order:2}body[data-page=dateDifference] .date-difference-result-card.is-filled .date-range-pill,body[data-page=dateDifference] .date-difference-result-card.is-error .date-range-pill{order:3}body[data-page=dateDifference] .date-difference-result-card.is-filled #date-summary,body[data-page=dateDifference] .date-difference-result-card.is-error #date-summary{order:4}body[data-page=dateDifference] .date-difference-result-card.is-error #date-warning{order:5}body[data-page=dateDifference] .date-difference-result-card.is-error .date-result-swap{order:6}body[data-page=dateDifference] .date-core-grid{order:7;grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page=dateDifference] .date-secondary-grid{order:8;grid-template-columns:repeat(2,minmax(0,1fr));opacity:.92}body[data-page=dateDifference] .date-basis-detail{order:9}body[data-page=dateDifference] .result-note{order:10}body[data-page=dateDifference] .date-core-grid>div:first-child{border-color:#bfdbfef2;background:#eff6ff}body[data-page=dateDifference] .date-core-grid>div:first-child dd{color:var(--primary-dark)}body[data-page=dateDifference] .date-secondary-grid dt,body[data-page=dateDifference] .date-secondary-grid dd{font-size:.7rem}body[data-page=dateDifference] .date-difference-result-card.is-error .date-core-grid,body[data-page=dateDifference] .date-difference-result-card.is-error .date-secondary-grid{display:grid}body[data-page=dateDifference] .date-difference-result-card.is-error .date-basis-detail{display:none}@media(min-width:900px){body[data-page=dateDifference] .date-difference-result-card.is-filled .date-core-grid,body[data-page=dateDifference] .date-difference-result-card.is-error .date-core-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page=dateDifference] .date-difference-result-card.is-filled .date-secondary-grid,body[data-page=dateDifference] .date-difference-result-card.is-error .date-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){body[data-page=dateDifference] .date-core-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page=dateDifference] .date-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=dateDifference] .date-include-option-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 10px 10px}}@media(max-width:520px){body[data-page=dateDifference] .date-core-grid{grid-template-columns:1fr}body[data-page=dateDifference] .date-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=dateDifference] .date-range-pill{width:fit-content;max-width:100%;white-space:normal}}@media(max-width:370px){body[data-page=dateDifference] .date-include-option-panel,body[data-page=dateDifference] .date-secondary-grid{grid-template-columns:1fr}body[data-page=dateDifference] .date-result-swap{width:100%}}body[data-page=dDayCalculator] .dday-workspace{align-items:start;gap:12px}body[data-page=dDayCalculator] :where(.calculator-card,.dday-result-card){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=dDayCalculator] .calculator-card{gap:12px;padding:18px 20px}body[data-page=dDayCalculator] .calculator-card>h2{margin-bottom:0;font-size:clamp(1.08rem,2vw,1.28rem)}body[data-page=dDayCalculator] .date-input-grid{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:7px;align-items:end}body[data-page=dDayCalculator] .date-input-grid>span[aria-hidden=true]{align-self:center;color:var(--muted);font-weight:800;text-align:center}body[data-page=dDayCalculator] .date-input-grid label{min-width:0;gap:6px}body[data-page=dDayCalculator] .date-input-grid input{min-width:0;padding-inline:8px;font-size:.86rem}body[data-page=dDayCalculator] .calculator-card>.date-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}body[data-page=dDayCalculator] .calculator-card>.date-actions .text-button{min-height:44px;padding-inline:8px;font-size:.84rem;white-space:nowrap}body[data-page=dDayCalculator] .dday-quick-actions{display:grid;gap:6px;margin-top:0;padding:8px;border:1px solid rgba(219,234,254,.9);border-radius:14px;background:#eff6ffb8}body[data-page=dDayCalculator] .dday-quick-actions>p{margin:0;color:var(--muted);font-size:.76rem;font-weight:800;line-height:1.2}body[data-page=dDayCalculator] .dday-quick-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}body[data-page=dDayCalculator] .dday-quick-row .text-button{min-width:0;min-height:44px;padding-inline:4px;font-size:.76rem;white-space:nowrap}body[data-page=dDayCalculator] .dday-result-card{align-self:start;gap:9px;padding:18px 20px;scroll-margin-top:86px}body[data-page=dDayCalculator] .dday-result-card:focus{outline:none}body[data-page=dDayCalculator] .dday-result-card>h2{margin:0;font-size:clamp(1.05rem,2vw,1.26rem)}body[data-page=dDayCalculator] .dday-result-card>strong{margin-block:0;font-size:clamp(1.68rem,5.6vw,2.2rem);line-height:1.08}body[data-page=dDayCalculator] .dday-result-card .result-summary{margin:0;font-size:.9rem;line-height:1.42}body[data-page=dDayCalculator] .dday-result-card.is-empty{gap:8px;padding-block:14px}body[data-page=dDayCalculator] .dday-result-card:is(.is-empty,.is-error) .card-eyebrow{display:none}body[data-page=dDayCalculator] .dday-result-card.is-empty :where(.discount-result-grid,.formula-detail,.result-note,.local-note,#dday-warning,#dday-copy,#dday-copy-message),body[data-page=dDayCalculator] .dday-result-card.is-error :where(.discount-result-grid,.formula-detail,.result-note,.local-note,#dday-warning,#dday-copy,#dday-copy-message),body[data-page=dDayCalculator] .dday-result-card.is-filled :where(.result-note,.local-note){display:none}body[data-page=dDayCalculator] .dday-result-card.is-empty #dday-main-result{margin-block:0 2px;font-size:clamp(1.35rem,6vw,1.8rem)}body[data-page=dDayCalculator] .dday-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=dDayCalculator] .dday-result-card.is-error #dday-main-result{color:#c2410c}body[data-page=dDayCalculator] .dday-result-card.is-today #dday-main-result{color:var(--primary-dark)}body[data-page=dDayCalculator] .dday-result-card .discount-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}body[data-page=dDayCalculator] .dday-result-card .discount-result-grid>div{min-width:0;padding:9px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=dDayCalculator] .dday-result-card .discount-result-grid dt{color:var(--muted);font-size:.74rem;font-weight:800;line-height:1.3}body[data-page=dDayCalculator] .dday-result-card .discount-result-grid dd{margin:4px 0 0;color:var(--ink);font-size:.84rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere}body[data-page=dDayCalculator] .dday-result-card .formula-detail{margin-top:2px;padding:8px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=dDayCalculator] .dday-result-card .formula-detail summary{display:flex;min-height:22px;align-items:center;justify-content:space-between;gap:8px;padding:0;cursor:pointer;list-style:none;line-height:1.2}body[data-page=dDayCalculator] .dday-result-card .formula-detail summary::-webkit-details-marker{display:none}body[data-page=dDayCalculator] .dday-result-card .formula-detail summary:after{content:"+";color:var(--primary-dark);font-size:.88rem;font-weight:900}body[data-page=dDayCalculator] .dday-result-card .formula-detail[open] summary:after{content:"-"}body[data-page=dDayCalculator] .dday-result-card .formula-detail summary span{color:var(--primary-dark);font-size:.78rem;font-weight:800}body[data-page=dDayCalculator] .dday-result-card .formula-detail p{display:-webkit-box;margin:8px 0 0;overflow:hidden;color:var(--ink-2);font-size:.78rem;font-weight:500;line-height:1.36;-webkit-box-orient:vertical;-webkit-line-clamp:2}body[data-page=dDayCalculator] .dday-copy-button{width:fit-content;min-height:44px;padding-inline:14px;font-size:.84rem;font-weight:800}body[data-page=dDayCalculator] .dday-copy-message{margin:0;color:var(--primary-dark);font-size:.8rem;font-weight:700;line-height:1.35}@media(min-width:900px){body[data-page=dDayCalculator] .dday-workspace{max-width:1120px;grid-template-columns:minmax(0,.95fr) minmax(350px,.75fr);gap:16px}body[data-page=dDayCalculator] .calculator-card,body[data-page=dDayCalculator] .dday-result-card{width:auto;padding:18px 20px}body[data-page=dDayCalculator] .dday-result-card.is-filled .discount-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}body[data-page=dDayCalculator] .dday-result-card.is-filled .discount-result-grid>div{padding:8px}}@media(max-width:520px){body[data-page=dDayCalculator] .calculator-card,body[data-page=dDayCalculator] .dday-result-card{padding:16px;border-radius:16px}body[data-page=dDayCalculator] .calculator-card{gap:10px}body[data-page=dDayCalculator] .date-input-grid{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:6px}body[data-page=dDayCalculator] .dday-quick-actions{padding:7px}body[data-page=dDayCalculator] .dday-quick-actions>p{display:none}body[data-page=dDayCalculator] .dday-quick-row{gap:5px}body[data-page=dDayCalculator] .dday-result-card .discount-result-grid{gap:7px}}body[data-page]:not([data-page=home]) .content-section .notice-card.compact{display:block;margin-block:18px;padding:16px 18px;border:1px solid rgba(219,234,254,.82);border-left:3px solid rgba(37,99,235,.35);border-radius:14px;background:#f8fbffb8;box-shadow:none}body[data-page]:not([data-page=home]) .content-section .notice-card.compact h2{margin:0 0 6px;color:var(--ink-1);font-size:clamp(1rem,1.6vw,1.14rem);line-height:1.35;letter-spacing:-.03em}body[data-page]:not([data-page=home]) .content-section .notice-card.compact p{margin:0;color:var(--ink-2);font-size:.92rem;line-height:1.65}body[data-page=discountCalculator] .discount-hero{padding-block:24px 16px}body[data-page=discountCalculator] .discount-workspace{display:grid;width:min(100% - 28px,1120px);grid-template-columns:minmax(0,1.02fr) minmax(340px,.88fr);align-items:start;gap:14px;padding-block:6px 24px}body[data-page=discountCalculator] :where(.discount-calculator-card,.discount-calculator-result-card){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=discountCalculator] .discount-calculator-card{display:grid;gap:11px;padding:18px;border-color:#bfdbfef2;box-shadow:0 14px 32px #2563eb13}body[data-page=discountCalculator] .discount-input-toolbar,body[data-page=discountCalculator] .discount-result-head{display:flex;min-width:0;align-items:start;justify-content:space-between;gap:10px}body[data-page=discountCalculator] .discount-input-title,body[data-page=discountCalculator] .discount-result-head>div:first-child{display:grid;gap:3px;min-width:0}body[data-page=discountCalculator] .discount-input-title h2,body[data-page=discountCalculator] .discount-result-head h2{margin:0;color:var(--ink);font-size:clamp(1.08rem,2vw,1.3rem);font-weight:900;line-height:1.2;letter-spacing:-.03em}body[data-page=discountCalculator] .discount-state-pill{display:inline-flex;flex:0 0 auto;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(219,234,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.74rem;font-weight:900;line-height:1;white-space:nowrap}body[data-page=discountCalculator] .discount-state-pill.is-empty,body[data-page=discountCalculator] .discount-state-pill.is-ready,body[data-page=discountCalculator] .discount-state-pill.is-waiting{border-color:#e2e8f0f2;background:#f8fafc;color:var(--ink-3)}body[data-page=discountCalculator] .discount-state-pill.is-error{border-color:#fed7aa;background:#fff7ed;color:#c2410c}body[data-page=discountCalculator] .discount-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0;margin:0;padding:4px;border:1px solid rgba(219,234,254,.9);border-radius:999px;background:#eff6ff8f;box-shadow:none}body[data-page=discountCalculator] .discount-mode-tabs label{position:relative;min-width:0;min-height:36px;margin:0;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;cursor:pointer}body[data-page=discountCalculator] .discount-mode-tabs input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;cursor:pointer;opacity:0}body[data-page=discountCalculator] .discount-mode-tabs span{display:flex;min-height:36px;align-items:center;justify-content:center;padding-inline:8px;border-radius:999px;color:var(--ink-2);font-size:.78rem;font-weight:850;line-height:1.12;text-align:center;white-space:nowrap}body[data-page=discountCalculator] .discount-mode-tabs input:checked+span{background:#fff;color:var(--primary-dark);box-shadow:0 4px 12px #0f172a0e}body[data-page=discountCalculator] .discount-mode-tabs input:focus-visible+span{outline:2px solid rgba(37,99,235,.42);outline-offset:2px}body[data-page=discountCalculator] .discount-input-heading{display:grid;gap:4px;margin:0}body[data-page=discountCalculator] .discount-input-heading h3{margin:0;color:var(--ink);font-size:clamp(1.02rem,1.8vw,1.18rem);font-weight:900;line-height:1.22;letter-spacing:-.025em}body[data-page=discountCalculator] .discount-mode-help{margin:0;color:var(--ink-2);font-size:.84rem;font-weight:700;line-height:1.42}body[data-page=discountCalculator] .discount-input-row.discount-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;margin:0}body[data-page=discountCalculator] .discount-input-row label{display:grid;gap:6px;min-width:0;margin:0}body[data-page=discountCalculator] .discount-input-row label>span:first-child{color:var(--ink-2);font-size:.8rem;font-weight:850;line-height:1.25}body[data-page=discountCalculator] .discount-input-row .input-with-unit{position:relative;display:block;min-width:0}body[data-page=discountCalculator] .discount-input-row input{width:100%;min-width:0;min-height:48px;padding-inline:12px 38px;font-size:.96rem;font-weight:850}body[data-page=discountCalculator] .discount-input-row .input-with-unit b{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--muted);font-size:.84rem;font-weight:950;pointer-events:none}body[data-page=discountCalculator] .formula-caption-text{margin:0;padding:8px 10px;border:1px solid rgba(226,232,240,.9);border-radius:12px;background:#f8fafcb3;color:var(--ink-3);font-size:.76rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere}body[data-page=discountCalculator] .discount-secondary-actions{display:flex;justify-content:flex-end;margin:0}body[data-page=discountCalculator] #discount-clear{min-height:40px;padding-inline:13px;font-size:.8rem;font-weight:850;white-space:nowrap}body[data-page=discountCalculator] #discount-clear:disabled{opacity:.48;cursor:not-allowed}body[data-page=discountCalculator] .discount-calculator-result-card{display:grid;align-self:start;gap:9px;padding:16px;scroll-margin-top:86px}body[data-page=discountCalculator] .discount-result-actions-head{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px}body[data-page=discountCalculator] #discount-copy{min-height:40px;padding-inline:12px;font-size:.8rem;font-weight:850;white-space:nowrap}body[data-page=discountCalculator] #discount-copy:disabled{opacity:.48;cursor:not-allowed}body[data-page=discountCalculator] #discount-copy.is-copied{border-color:#16a34a3d;background:#16a34a;color:#fff;box-shadow:0 12px 24px #16a34a2e}body[data-page=discountCalculator] #discount-main-result{display:block;margin:0;color:var(--primary-dark);font-size:clamp(2.05rem,6vw,2.84rem);font-weight:950;line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere}body[data-page=discountCalculator] .discount-calculator-result-card.is-empty,body[data-page=discountCalculator] .discount-calculator-result-card.is-waiting,body[data-page=discountCalculator] .discount-calculator-result-card.is-error{gap:8px;border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:none}body[data-page=discountCalculator] .discount-calculator-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=discountCalculator] .discount-calculator-result-card.is-filled{border-color:#bfdbfef5;box-shadow:0 10px 26px #2563eb0e}body[data-page=discountCalculator] .discount-calculator-result-card.is-empty #discount-main-result,body[data-page=discountCalculator] .discount-calculator-result-card.is-waiting #discount-main-result,body[data-page=discountCalculator] .discount-calculator-result-card.is-error #discount-main-result{color:var(--ink-3);font-size:clamp(1.2rem,3vw,1.48rem);font-weight:850;line-height:1.3;letter-spacing:-.03em}body[data-page=discountCalculator] .discount-calculator-result-card.is-error #discount-main-result,body[data-page=discountCalculator] .discount-calculator-result-card.is-error #discount-summary{color:#c2410c}body[data-page=discountCalculator] #discount-summary{margin:0;color:var(--ink-2);font-size:.86rem;font-weight:760;line-height:1.42;overflow-wrap:anywhere}body[data-page=discountCalculator] #discount-warning{margin:0;padding:8px 10px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;color:#c2410c;font-size:.78rem;font-weight:850;line-height:1.35}body[data-page=discountCalculator] .discount-calculator-result-card.is-empty :where(.discount-result-grid,.formula-detail,.result-note),body[data-page=discountCalculator] .discount-calculator-result-card.is-waiting :where(.discount-result-grid,.formula-detail,.result-note),body[data-page=discountCalculator] .discount-calculator-result-card.is-error :where(.discount-result-grid,.formula-detail,.result-note){display:none}body[data-page=discountCalculator] .discount-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}body[data-page=discountCalculator] .discount-result-grid>div{min-width:0;padding:10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=discountCalculator] .discount-result-grid>div.is-primary{border-color:#bfdbfef2;background:#eff6ff}body[data-page=discountCalculator] .discount-result-grid dt{color:var(--muted);font-size:.72rem;font-weight:850;line-height:1.25}body[data-page=discountCalculator] .discount-result-grid dd{min-width:0;margin:4px 0 0;color:var(--ink);font-size:clamp(1.02rem,2.8vw,1.3rem);font-weight:950;line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere}body[data-page=discountCalculator] .discount-result-grid>div.is-primary dd{color:var(--primary-dark);font-size:clamp(1.28rem,3.8vw,1.72rem)}body[data-page=discountCalculator] .discount-formula-detail{display:block;overflow:hidden;padding:0;border:1px solid rgba(219,234,254,.9);border-radius:12px;background:#eff6ff8f}body[data-page=discountCalculator] .discount-formula-detail summary{min-height:40px;padding:10px 12px;color:var(--primary-dark);cursor:pointer;font-size:.8rem;font-weight:900;line-height:1.25}body[data-page=discountCalculator] .discount-formula-detail p{margin:0;padding:0 12px 11px;color:var(--ink-2);font-size:.8rem;font-weight:650;line-height:1.42}body[data-page=discountCalculator] .result-note{margin:0;color:var(--muted);font-size:.78rem;line-height:1.4}@media(max-width:760px){body[data-page=discountCalculator] .discount-hero{gap:12px;padding-block:18px}body[data-page=discountCalculator] .tool-workbench-step small{display:none}body[data-page=discountCalculator] .discount-workspace{width:min(100% - 24px,1120px);grid-template-columns:1fr;gap:10px;padding-block:4px 20px}body[data-page=discountCalculator] .discount-calculator-card,body[data-page=discountCalculator] .discount-calculator-result-card{padding:14px;border-radius:16px}body[data-page=discountCalculator] .discount-input-toolbar,body[data-page=discountCalculator] .discount-result-head{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}body[data-page=discountCalculator] .discount-result-actions-head{justify-content:space-between}body[data-page=discountCalculator] .discount-input-title h2,body[data-page=discountCalculator] .discount-result-head h2{font-size:1.08rem}body[data-page=discountCalculator] .discount-mode-tabs{border-radius:16px}body[data-page=discountCalculator] .discount-mode-tabs span{min-height:36px;padding-inline:4px;font-size:.72rem;letter-spacing:-.025em}body[data-page=discountCalculator] .discount-mode-help,body[data-page=discountCalculator] .formula-caption-text,body[data-page=discountCalculator] #discount-summary,body[data-page=discountCalculator] .result-note{font-size:.78rem}body[data-page=discountCalculator] .discount-input-row.discount-input-grid{gap:7px!important}body[data-page=discountCalculator] .discount-input-row input{min-height:44px;padding-inline:9px 30px;font-size:.86rem}body[data-page=discountCalculator] .discount-input-row .input-with-unit b{right:9px;font-size:.78rem}body[data-page=discountCalculator] #discount-main-result{font-size:clamp(1.84rem,9vw,2.28rem)}body[data-page=discountCalculator] .discount-result-grid{gap:7px}body[data-page=discountCalculator] .discount-result-grid>div{padding:8px}body[data-page=discountCalculator] .discount-result-grid dt{font-size:.68rem}body[data-page=discountCalculator] .discount-result-grid dd{font-size:clamp(.96rem,5vw,1.18rem)}body[data-page=discountCalculator] .discount-result-grid>div.is-primary dd{font-size:clamp(1.16rem,6vw,1.46rem)}}@media(max-width:370px){body[data-page=discountCalculator] .discount-result-grid{grid-template-columns:1fr}}body[data-page=increaseRateCalculator] .tool-workspace{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;padding-block:8px 24px}body[data-page=increaseRateCalculator] :where(.increase-rate-input-card,.increase-rate-result-card){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=increaseRateCalculator] .increase-rate-input-card{gap:12px;padding:20px}body[data-page=increaseRateCalculator] .increase-rate-input-card>h2{margin-bottom:0;font-size:clamp(1.18rem,2.2vw,1.42rem)}body[data-page=increaseRateCalculator] .increase-rate-input-card .discount-mode-help{margin:0;font-size:.88rem;line-height:1.45}body[data-page=increaseRateCalculator] .increase-rate-input-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:2px}body[data-page=increaseRateCalculator] .increase-rate-input-row label{gap:6px;min-width:0}body[data-page=increaseRateCalculator] .increase-rate-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}body[data-page=increaseRateCalculator] .increase-rate-examples button{min-width:0;min-height:44px;padding-inline:6px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}body[data-page=increaseRateCalculator] #increase-clear{align-self:start;min-height:44px;margin-top:0}body[data-page=increaseRateCalculator] .increase-rate-result-card{align-self:start;gap:9px;padding:20px}body[data-page=increaseRateCalculator] .increase-rate-result-card>h2{margin:0;font-size:clamp(1.05rem,2vw,1.28rem)}body[data-page=increaseRateCalculator] .increase-rate-result-card>strong{margin-block:0;font-size:clamp(1.65rem,6vw,2.25rem);line-height:1.08}body[data-page=increaseRateCalculator] .increase-rate-result-card .result-summary{margin:0;font-size:.9rem;line-height:1.45}body[data-page=increaseRateCalculator] .increase-rate-result-card:is(.is-empty,.is-error){gap:8px}body[data-page=increaseRateCalculator] .increase-rate-result-card.is-empty :where(.discount-result-grid,.formula-detail,.result-note,.local-note,#increase-warning,#increase-copy),body[data-page=increaseRateCalculator] .increase-rate-result-card.is-error :where(.discount-result-grid,.formula-detail,.result-note,.local-note,#increase-warning,#increase-copy),body[data-page=increaseRateCalculator] .increase-rate-result-card.is-filled :where(.result-summary,.result-note,.local-note){display:none}body[data-page=increaseRateCalculator] .increase-rate-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=increaseRateCalculator] .increase-rate-result-card.is-error>strong{color:#c2410c}body[data-page=increaseRateCalculator] .increase-rate-result-card .result-status-badge{margin:0}body[data-page=increaseRateCalculator] .increase-rate-result-card.is-filled .result-status-badge{display:none}body[data-page=increaseRateCalculator] .increase-rate-result-card .discount-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}body[data-page=increaseRateCalculator] .increase-rate-result-card .discount-result-grid>div{min-width:0;padding:9px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=increaseRateCalculator] .increase-rate-result-card .discount-result-grid dt{color:var(--muted);font-size:.74rem;font-weight:800;line-height:1.3}body[data-page=increaseRateCalculator] .increase-rate-result-card .discount-result-grid dd{margin:4px 0 0;color:var(--ink);font-size:.86rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere}body[data-page=increaseRateCalculator] .increase-rate-result-card .formula-detail{margin-top:2px;padding:9px 10px;border-radius:12px}body[data-page=increaseRateCalculator] .increase-rate-result-card.is-filled .formula-detail span{display:none}body[data-page=increaseRateCalculator] .increase-rate-result-card .formula-detail p{display:-webkit-box;margin:0;overflow:hidden;color:var(--ink-2);font-size:.78rem;line-height:1.36;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(min-width:900px){body[data-page=increaseRateCalculator] .tool-workspace{max-width:1120px;grid-template-columns:minmax(0,1.25fr) minmax(420px,.8fr);gap:16px}body[data-page=increaseRateCalculator] .increase-rate-input-card,body[data-page=increaseRateCalculator] .increase-rate-result-card{width:auto}body[data-page=increaseRateCalculator] .increase-rate-result-card{padding:22px}body[data-page=increaseRateCalculator] .increase-rate-result-card.is-filled .discount-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}body[data-page=increaseRateCalculator] .increase-rate-result-card.is-filled .discount-result-grid>div{padding:8px}}@media(max-width:520px){body[data-page=increaseRateCalculator] .increase-rate-input-card,body[data-page=increaseRateCalculator] .increase-rate-result-card{padding:16px;border-radius:16px}body[data-page=increaseRateCalculator] .increase-rate-input-row{gap:8px!important}body[data-page=increaseRateCalculator] .increase-rate-examples{gap:6px}body[data-page=increaseRateCalculator] .increase-rate-examples button{min-height:44px;font-size:.72rem}body[data-page=increaseRateCalculator] .increase-rate-result-card .discount-result-grid{gap:7px}}body[data-page=ageCalculator] .tool-workspace{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;padding-block:8px 24px}body[data-page=ageCalculator] :where(.age-input-card,.age-result-card){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=ageCalculator] .age-input-card{gap:12px;padding:20px}body[data-page=ageCalculator] .age-input-card .calculator-number{display:none}body[data-page=ageCalculator] .age-input-card>h2{margin:0;font-size:clamp(1.16rem,2.2vw,1.38rem)}body[data-page=ageCalculator] .age-date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body[data-page=ageCalculator] .age-date-grid .date-add-field{gap:6px;min-width:0;padding:10px;border-radius:14px}body[data-page=ageCalculator] .age-date-grid input{min-height:44px;padding-inline:8px;font-size:.9rem}body[data-page=ageCalculator] .age-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}body[data-page=ageCalculator] .age-actions .text-button,body[data-page=ageCalculator] #age-reset{justify-content:center;min-width:0;min-height:44px;padding-inline:12px;border-radius:999px;white-space:nowrap}body[data-page=ageCalculator] .age-quick-actions{display:grid;gap:8px;margin:0;padding:10px;border:1px solid rgba(219,234,254,.9);border-radius:14px;background:#f8fbffc7}body[data-page=ageCalculator] .age-quick-actions>p{margin:0;color:var(--muted);font-size:.78rem;font-weight:800;line-height:1.25}body[data-page=ageCalculator] .age-example-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}body[data-page=ageCalculator] .age-example-buttons .text-button{min-height:44px;padding-inline:6px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}body[data-page=ageCalculator] #age-reset{align-self:start;margin-top:0}body[data-page=ageCalculator] .age-result-card{align-self:start;gap:9px;padding:20px;scroll-margin-top:86px}body[data-page=ageCalculator] .age-result-card:focus{outline:none}body[data-page=ageCalculator] .age-result-card>h2{margin:0;font-size:clamp(1.05rem,2vw,1.28rem)}body[data-page=ageCalculator] .age-result-card>strong{margin-block:0;font-size:clamp(1.65rem,6vw,2.25rem);line-height:1.08}body[data-page=ageCalculator] .age-result-card .result-summary{margin:0;font-size:.9rem;line-height:1.45}body[data-page=ageCalculator] .age-result-card:is(.is-empty,.is-error){gap:8px;padding-block:14px}body[data-page=ageCalculator] .age-result-card:is(.is-empty,.is-error) .card-eyebrow{display:none}body[data-page=ageCalculator] .age-result-card.is-empty :where(.age-result-grid,.formula-detail,.result-note,#age-warning,#age-leap-note),body[data-page=ageCalculator] .age-result-card.is-error :where(.age-result-grid,.formula-detail,.result-note,#age-warning,#age-leap-note),body[data-page=ageCalculator] .age-result-card.is-filled :where(.result-summary,.result-note){display:none}body[data-page=ageCalculator] .age-result-card.is-error>strong{color:#c2410c}body[data-page=ageCalculator] .age-result-card .result-status-badge{margin:0}body[data-page=ageCalculator] .age-result-card.is-filled .result-status-badge{display:none}body[data-page=ageCalculator] .age-result-card .age-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}body[data-page=ageCalculator] .age-result-card .age-result-grid>div{min-width:0;padding:9px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=ageCalculator] .age-result-card .age-result-grid dt{color:var(--muted);font-size:.74rem;font-weight:800;line-height:1.3}body[data-page=ageCalculator] .age-result-card .age-result-grid dd{margin:4px 0 0;color:var(--ink);font-size:.84rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere}body[data-page=ageCalculator] .age-result-card .formula-detail{margin-top:2px;padding:9px 10px;border-radius:12px}body[data-page=ageCalculator] .age-result-card.is-filled .formula-detail span{display:none}body[data-page=ageCalculator] .age-result-card .formula-detail p,body[data-page=ageCalculator] .age-result-card #age-leap-note{display:-webkit-box;margin:0;overflow:hidden;color:var(--ink-2);font-size:.78rem;line-height:1.36;-webkit-box-orient:vertical;-webkit-line-clamp:2}body[data-page=ageCalculator] .age-result-card #age-leap-note{padding:7px 9px;border-radius:12px;background:#fff7ed;color:#9a3412;-webkit-line-clamp:1}@media(min-width:900px){body[data-page=ageCalculator] .tool-workspace{max-width:1120px;grid-template-columns:minmax(0,1.25fr) minmax(420px,.8fr);gap:16px}body[data-page=ageCalculator] .age-input-card,body[data-page=ageCalculator] .age-result-card{width:auto}body[data-page=ageCalculator] .age-input-card,body[data-page=ageCalculator] .age-result-card{padding:18px 20px}body[data-page=ageCalculator] .age-result-card.is-filled .age-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}body[data-page=ageCalculator] .age-result-card.is-filled .age-result-grid>div{padding:8px}}@media(max-width:520px){body[data-page=ageCalculator] .age-input-card,body[data-page=ageCalculator] .age-result-card{padding:16px;border-radius:16px}body[data-page=ageCalculator] .age-input-card{gap:10px}body[data-page=ageCalculator] .age-date-grid,body[data-page=ageCalculator] .age-actions,body[data-page=ageCalculator] .age-example-buttons{gap:6px}body[data-page=ageCalculator] .age-date-grid .date-add-field{padding:9px}body[data-page=ageCalculator] .age-date-grid input{font-size:.84rem}body[data-page=ageCalculator] .age-example-buttons .text-button{min-height:44px;font-size:.72rem}body[data-page=ageCalculator] .age-result-card .age-result-grid{gap:7px}}body[data-page=ageCalculator] .age-calculator-hero{padding-block:24px 16px}body[data-page=ageCalculator] .age-calculator-workspace{display:grid;width:min(100% - 28px,1120px);grid-template-columns:minmax(0,.96fr) minmax(360px,.86fr);align-items:start;gap:14px;padding-block:6px 24px}body[data-page=ageCalculator] :where(.age-calculator-input-card,.age-result-card){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=ageCalculator] .age-calculator-input-card{gap:11px;padding:18px;border-color:#bfdbfef2;box-shadow:0 16px 36px #2563eb14}body[data-page=ageCalculator] .age-input-head{display:flex;align-items:start;justify-content:space-between;gap:10px;min-width:0}body[data-page=ageCalculator] .age-input-head>div{display:grid;gap:3px;min-width:0}body[data-page=ageCalculator] .age-input-head .card-eyebrow{margin:0}body[data-page=ageCalculator] .age-input-head h2{margin:0;color:var(--ink);font-size:clamp(1.08rem,2vw,1.34rem);font-weight:900;line-height:1.2;letter-spacing:-.03em}body[data-page=ageCalculator] #age-reset{flex:0 0 auto;min-height:40px;margin:0;padding-inline:12px;font-size:.8rem;font-weight:850;white-space:nowrap}body[data-page=ageCalculator] #age-reset:disabled{opacity:.48;cursor:not-allowed}body[data-page=ageCalculator] .age-primary-fields{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:10px;min-width:0}body[data-page=ageCalculator] .age-primary-fields .date-add-field{display:grid;gap:7px;min-width:0;margin:0;padding:12px;border:1px solid rgba(226,232,240,.95);border-radius:16px;background:#fff;box-shadow:0 1px 1px #0f172a06}body[data-page=ageCalculator] .age-birth-field{border-color:#bfdbfef2!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}body[data-page=ageCalculator] .age-primary-fields .date-add-field>span:first-child{margin:0;color:var(--ink-2);font-size:.8rem;font-weight:900;line-height:1.25}body[data-page=ageCalculator] .age-primary-fields input{min-width:0;width:100%;min-height:48px;padding-inline:10px;font-size:.96rem;font-weight:850}body[data-page=ageCalculator] #age-input-summary{margin:0;padding:9px 11px;border:1px solid rgba(219,234,254,.92);border-radius:12px;background:#eff6ff94;color:var(--primary-dark);font-size:.82rem;font-weight:850;line-height:1.35;overflow-wrap:anywhere}body[data-page=ageCalculator] .age-primary-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0!important}body[data-page=ageCalculator] .age-primary-actions .text-button{min-width:0;min-height:42px;justify-content:center;padding-inline:10px;font-size:.8rem;font-weight:850;white-space:nowrap}body[data-page=ageCalculator] .age-quick-actions{display:block!important;overflow:hidden;margin:0;padding:0;border:1px solid rgba(226,232,240,.95);border-radius:14px;background:#f8fbffc7;box-shadow:none}body[data-page=ageCalculator] .age-quick-actions summary{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:var(--ink-2);cursor:pointer;font-size:.8rem;font-weight:850;line-height:1.25;list-style:none}body[data-page=ageCalculator] .age-quick-actions summary::-webkit-details-marker{display:none}body[data-page=ageCalculator] .age-quick-actions summary:after{content:"+";color:var(--primary-dark);font-size:.95rem;font-weight:950}body[data-page=ageCalculator] .age-quick-actions[open] summary:after{content:"-"}body[data-page=ageCalculator] .age-example-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px;margin:0;padding:0 12px 12px}body[data-page=ageCalculator] .age-example-buttons .text-button{min-width:0;min-height:40px;justify-content:center;padding-inline:6px;font-size:.76rem;font-weight:850;white-space:nowrap}body[data-page=ageCalculator] .age-result-card{display:grid;align-self:start;gap:9px;padding:18px;scroll-margin-top:86px}body[data-page=ageCalculator] .age-result-head{display:flex;align-items:start;justify-content:space-between;gap:10px;min-width:0}body[data-page=ageCalculator] .age-result-head>div{display:grid;gap:3px;min-width:0}body[data-page=ageCalculator] .age-result-head .card-eyebrow,body[data-page=ageCalculator] .age-result-head h2{margin:0}body[data-page=ageCalculator] .age-result-head h2{color:var(--ink);font-size:clamp(1.04rem,1.8vw,1.22rem);font-weight:900;line-height:1.2}body[data-page=ageCalculator] #age-status-wrap{flex:0 0 auto}body[data-page=ageCalculator] #age-status{display:inline-flex;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(191,219,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.74rem;font-weight:900;white-space:nowrap}body[data-page=ageCalculator] #age-status[data-status=error]{border-color:#fed7aa;background:#fff7ed;color:#c2410c}body[data-page=ageCalculator] #age-status[data-status=today]{border-color:#bbf7d0f2;background:#f0fdf4;color:#166534}body[data-page=ageCalculator] #age-main-result{display:block;margin:0;color:var(--primary-dark);font-size:clamp(2.08rem,6vw,2.86rem);font-weight:950;line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere}body[data-page=ageCalculator] .age-result-card.is-empty #age-main-result,body[data-page=ageCalculator] .age-result-card.is-error #age-main-result{color:var(--muted);font-size:clamp(1.14rem,3vw,1.38rem);font-weight:760;line-height:1.35;letter-spacing:-.03em}body[data-page=ageCalculator] .age-result-card.is-error #age-main-result,body[data-page=ageCalculator] .age-result-card.is-error #age-warning{color:#c2410c}body[data-page=ageCalculator] .age-range-pill{display:inline-flex;width:fit-content;max-width:100%;min-height:32px;align-items:center;margin:0;padding-inline:11px;border:1px solid rgba(219,234,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.78rem;font-weight:900;line-height:1.2;overflow-wrap:anywhere}body[data-page=ageCalculator] .age-range-pill[hidden],body[data-page=ageCalculator] #age-warning[hidden],body[data-page=ageCalculator] #age-leap-note[hidden]{display:none!important}body[data-page=ageCalculator] #age-summary,body[data-page=ageCalculator] #age-warning,body[data-page=ageCalculator] #age-leap-note{margin:0;font-size:.84rem;line-height:1.42;overflow-wrap:anywhere}body[data-page=ageCalculator] #age-warning:not([hidden]),body[data-page=ageCalculator] #age-leap-note:not([hidden]){display:block;padding:8px 10px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;color:#c2410c;font-weight:850}body[data-page=ageCalculator] .age-result-grid{display:grid;gap:8px;margin:0}body[data-page=ageCalculator] .age-core-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page=ageCalculator] .age-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));opacity:.94}body[data-page=ageCalculator] .age-result-grid>div{min-width:0;padding:9px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=ageCalculator] .age-core-grid>div:first-child{border-color:#bfdbfef2;background:#eff6ff}body[data-page=ageCalculator] .age-result-grid dt{color:var(--muted);font-size:.72rem;font-weight:850;line-height:1.25}body[data-page=ageCalculator] .age-result-grid dd{min-width:0;margin:4px 0 0;color:var(--ink);font-size:.86rem;font-weight:850;line-height:1.28;overflow-wrap:anywhere}body[data-page=ageCalculator] .age-core-grid>div:first-child dd{color:var(--primary-dark)}body[data-page=ageCalculator] .age-secondary-grid dt,body[data-page=ageCalculator] .age-secondary-grid dd{font-size:.7rem}body[data-page=ageCalculator] .age-result-card.is-empty{gap:8px;padding-block:16px;border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:none}body[data-page=ageCalculator] .age-result-card.is-empty :where(.age-core-grid,.age-secondary-grid,.age-range-pill,#age-warning,#age-leap-note,.result-note),body[data-page=ageCalculator] .age-result-card.is-error :where(.age-core-grid,.age-secondary-grid,.age-range-pill,#age-leap-note,.result-note){display:none}body[data-page=ageCalculator] .age-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=ageCalculator] .age-result-card.is-birthday-today{border-color:#bbf7d0f2;background:linear-gradient(180deg,#fff,#f0fdf4)}body[data-page=ageCalculator] .age-result-card.is-birthday-today #age-main-result{color:#166534}@media(max-width:860px){body[data-page=ageCalculator] .age-calculator-workspace{width:min(100% - 24px,1120px);grid-template-columns:1fr;gap:10px;padding-block:4px 20px}body[data-page=ageCalculator] .age-calculator-input-card,body[data-page=ageCalculator] .age-result-card{padding:14px;border-radius:16px}body[data-page=ageCalculator] .age-primary-fields{gap:8px}body[data-page=ageCalculator] .age-primary-fields .date-add-field{padding:10px}body[data-page=ageCalculator] .age-primary-fields input{min-height:44px;padding-inline:8px;font-size:.88rem}body[data-page=ageCalculator] .age-core-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page=ageCalculator] .age-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){body[data-page=ageCalculator] .age-core-grid,body[data-page=ageCalculator] .age-secondary-grid{grid-template-columns:1fr}body[data-page=ageCalculator] .age-range-pill{width:fit-content;max-width:100%;white-space:normal}}@media(max-width:370px){body[data-page=ageCalculator] .age-input-head,body[data-page=ageCalculator] .age-result-head{display:grid;grid-template-columns:1fr}body[data-page=ageCalculator] #age-reset,body[data-page=ageCalculator] #age-status{width:fit-content}body[data-page=ageCalculator] .age-primary-fields,body[data-page=ageCalculator] .age-primary-actions,body[data-page=ageCalculator] .age-example-buttons{grid-template-columns:1fr!important}}body[data-page=ageCalculator] .age-primary-actions{grid-template-columns:minmax(0,1fr)!important;justify-items:start}body[data-page=ageCalculator] .age-primary-actions #age-today{width:fit-content;max-width:100%;padding-inline:14px}body[data-page=ageCalculator] .age-next-highlight{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:end;min-width:0;padding:12px;border:1px solid rgba(191,219,254,.95);border-radius:15px;background:linear-gradient(180deg,#eff6ff,#fff);box-shadow:inset 0 1px #ffffffdb}body[data-page=ageCalculator] .age-next-highlight[hidden]{display:none!important}body[data-page=ageCalculator] .age-next-highlight span{grid-column:1 / -1;color:var(--muted);font-size:.72rem;font-weight:900;line-height:1.2}body[data-page=ageCalculator] .age-next-highlight strong{min-width:0;color:var(--primary-dark);font-size:clamp(1.42rem,4.4vw,1.96rem);font-weight:950;line-height:1.04;letter-spacing:-.04em;overflow-wrap:anywhere}body[data-page=ageCalculator] .age-next-highlight small{min-width:0;color:var(--ink-2);font-size:.76rem;font-weight:850;line-height:1.28;text-align:right;overflow-wrap:anywhere}body[data-page=ageCalculator] .age-result-card.is-birthday-today .age-next-highlight{border-color:#bbf7d0f2;background:linear-gradient(180deg,#f0fdf4,#fff)}body[data-page=ageCalculator] .age-result-card.is-birthday-today .age-next-highlight strong{color:#166534}body[data-page=ageCalculator] .age-result-card.is-empty .age-next-highlight,body[data-page=ageCalculator] .age-result-card.is-error .age-next-highlight{display:none}body[data-page=ageCalculator] .age-quick-actions summary span{min-width:0;overflow-wrap:anywhere}body[data-page=ageCalculator] .age-secondary-grid dd#age-formula{font-weight:800}@media(max-width:520px){body[data-page=ageCalculator] .age-next-highlight{grid-template-columns:1fr}body[data-page=ageCalculator] .age-next-highlight small{text-align:left}}@media(max-width:370px){body[data-page=ageCalculator] .age-primary-actions{justify-items:stretch}body[data-page=ageCalculator] .age-primary-actions #age-today{width:100%}}body[data-page=pyeongToSquareMeter] .area-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);align-items:start;gap:12px;padding-block:8px 24px}body[data-page=pyeongToSquareMeter] .area-input-panel,body[data-page=pyeongToSquareMeter] .area-result-card,body[data-page=pyeongToSquareMeter] .area-quick-panel{border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=pyeongToSquareMeter] .area-input-panel{gap:14px;padding:20px}body[data-page=pyeongToSquareMeter] .area-result-card{grid-column:2;grid-row:1 / span 2;align-self:start;gap:10px;padding:18px;scroll-margin-top:86px}body[data-page=pyeongToSquareMeter] .area-result-card:focus{outline:none}body[data-page=pyeongToSquareMeter] .area-quick-panel{gap:10px;padding:16px 18px}body[data-page=pyeongToSquareMeter] .area-input-panel .inline-control-heading h2,body[data-page=pyeongToSquareMeter] .area-quick-panel h2,body[data-page=pyeongToSquareMeter] .area-result-card h2{font-size:clamp(1.05rem,1.9vw,1.24rem);line-height:1.2}body[data-page=pyeongToSquareMeter] .area-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=pyeongToSquareMeter] .area-mode-grid label{min-height:46px}body[data-page=pyeongToSquareMeter] .area-form-row{grid-template-columns:minmax(0,1fr) auto minmax(138px,.42fr);align-items:end;gap:10px}body[data-page=pyeongToSquareMeter] .area-form-row>span[aria-hidden=true]{display:grid;min-width:24px;min-height:44px;place-items:center;color:var(--primary);font-weight:900}body[data-page=pyeongToSquareMeter] .area-form-row .input-with-unit{grid-template-columns:minmax(0,1fr) auto;gap:8px}body[data-page=pyeongToSquareMeter] .area-form-row .input-with-unit input{grid-column:1}body[data-page=pyeongToSquareMeter] .area-form-row .input-with-unit b{display:grid;min-width:38px;min-height:44px;place-items:center;border:1px solid rgba(219,234,254,.95);border-radius:12px;background:#f8fbff;color:var(--primary-dark);font-size:.82rem;font-weight:900}body[data-page=pyeongToSquareMeter] .area-result-card>strong{margin-block:0;font-size:clamp(1.7rem,4.6vw,2.25rem);line-height:1.08}body[data-page=pyeongToSquareMeter] .area-result-card .result-summary{margin:0;font-size:.9rem;line-height:1.42}body[data-page=pyeongToSquareMeter] .area-result-card:is(.is-empty,.is-error){gap:8px;padding-block:16px}body[data-page=pyeongToSquareMeter] .area-result-card:is(.is-empty,.is-error) :where(.discount-result-grid,.formula-detail,.result-note,.local-note,#area-clear){display:none}body[data-page=pyeongToSquareMeter] .area-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=pyeongToSquareMeter] .area-result-card.is-error #area-main-result{color:#c2410c}body[data-page=pyeongToSquareMeter] .area-result-card.is-filled :where(.card-eyebrow,h2){display:none}body[data-page=pyeongToSquareMeter] .area-result-card.is-filled .discount-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}body[data-page=pyeongToSquareMeter] .area-result-card.is-filled .discount-result-grid>div{min-height:48px;padding:9px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=pyeongToSquareMeter] .area-result-card.is-filled .discount-result-grid dt{color:var(--ink-3);font-size:.74rem;font-weight:800;line-height:1.25}body[data-page=pyeongToSquareMeter] .area-result-card.is-filled .discount-result-grid dd{margin:3px 0 0;color:var(--ink);font-size:.9rem;font-weight:850;line-height:1.22;overflow-wrap:anywhere}body[data-page=pyeongToSquareMeter] .area-result-card .formula-detail{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid rgba(219,234,254,.95);border-radius:12px;background:#eff6ff9e}body[data-page=pyeongToSquareMeter] .area-result-card .formula-detail span{color:var(--primary-dark);font-size:.74rem;font-weight:850}body[data-page=pyeongToSquareMeter] .area-result-card .formula-detail p{margin:0;font-size:.84rem;line-height:1.35;text-align:right}body[data-page=pyeongToSquareMeter] .area-result-card:is(.is-empty,.is-error) .formula-detail{display:none}body[data-page=pyeongToSquareMeter] .area-result-card.is-filled .result-note,body[data-page=pyeongToSquareMeter] .area-result-card.is-filled .local-note,body[data-page=pyeongToSquareMeter] .area-result-card.is-filled #area-clear{display:none}body[data-page=pyeongToSquareMeter] .area-quick-panel .compact-example-buttons{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}body[data-page=pyeongToSquareMeter] .area-quick-panel .compact-example-buttons button{flex:0 0 auto;min-height:44px;padding-inline:14px;scroll-snap-align:start}body[data-page=pyeongToSquareMeter] .area-form-row{grid-template-columns:minmax(0,1fr) minmax(108px,.34fr);align-items:end;gap:10px}body[data-page=pyeongToSquareMeter] .area-form-row>span[aria-hidden=true]{display:none}body[data-page=pyeongToSquareMeter] .area-form-row .input-with-unit b{display:none}body[data-page=pyeongToSquareMeter] .area-decimal-field>span:first-child{color:var(--muted);font-size:.78rem}body[data-page=pyeongToSquareMeter] .area-quick-panel .card-eyebrow{margin-bottom:2px}body[data-page=pyeongToSquareMeter] .area-quick-panel h2{font-size:clamp(1.02rem,1.8vw,1.18rem)}body[data-page=inchToCm] .inch-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);align-items:start;gap:12px;padding-block:8px 24px}body[data-page=inchToCm] .inch-input-panel,body[data-page=inchToCm] .inch-result-card,body[data-page=inchToCm] .inch-quick-panel{border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=inchToCm] .inch-input-panel{gap:14px;padding:20px}body[data-page=inchToCm] .inch-result-card{grid-column:2;grid-row:1 / span 2;align-self:start;gap:10px;padding:18px;scroll-margin-top:86px}body[data-page=inchToCm] .inch-result-card:focus{outline:none}body[data-page=inchToCm] .inch-quick-panel{gap:10px;padding:16px 18px}body[data-page=inchToCm] .inch-input-panel .inline-control-heading h2,body[data-page=inchToCm] .inch-quick-panel h2,body[data-page=inchToCm] .inch-result-card h2{font-size:clamp(1.05rem,1.9vw,1.24rem);line-height:1.2}body[data-page=inchToCm] .inch-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=inchToCm] .inch-mode-grid label{min-height:46px}body[data-page=inchToCm] .inch-form-row{grid-template-columns:minmax(0,1fr) auto minmax(138px,.42fr);align-items:end;gap:10px}body[data-page=inchToCm] .inch-form-row>span[aria-hidden=true]{display:grid;min-width:24px;min-height:44px;place-items:center;color:var(--primary);font-weight:900}body[data-page=inchToCm] .inch-form-row .input-with-unit{grid-template-columns:minmax(0,1fr) auto;gap:8px}body[data-page=inchToCm] .inch-form-row .input-with-unit input{grid-column:1}body[data-page=inchToCm] .inch-form-row .input-with-unit b{display:grid;min-width:42px;min-height:44px;place-items:center;border:1px solid rgba(219,234,254,.95);border-radius:12px;background:#f8fbff;color:var(--primary-dark);font-size:.82rem;font-weight:900}body[data-page=inchToCm] .inch-result-card>strong{margin-block:0;font-size:clamp(1.7rem,4.6vw,2.25rem);line-height:1.08}body[data-page=inchToCm] .inch-result-card .result-summary{margin:0;font-size:.9rem;line-height:1.42}body[data-page=inchToCm] .inch-result-card .option-warning{display:none}body[data-page=inchToCm] .inch-result-card:is(.is-empty,.is-error){gap:8px;padding-block:16px}body[data-page=inchToCm] .inch-result-card:is(.is-empty,.is-error) :where(.discount-result-grid,.formula-detail,.result-note,.local-note,#inch-clear){display:none}body[data-page=inchToCm] .inch-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=inchToCm] .inch-result-card.is-error #inch-main-result{color:#c2410c}body[data-page=inchToCm] .inch-result-card.is-filled :where(.card-eyebrow,h2){display:none}body[data-page=inchToCm] .inch-result-card.is-filled .discount-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}body[data-page=inchToCm] .inch-result-card.is-filled .discount-result-grid>div{min-height:48px;padding:9px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=inchToCm] .inch-result-card.is-filled .discount-result-grid dt{color:var(--ink-3);font-size:.74rem;font-weight:800;line-height:1.25}body[data-page=inchToCm] .inch-result-card.is-filled .discount-result-grid dd{margin:3px 0 0;color:var(--ink);font-size:.9rem;font-weight:850;line-height:1.22;overflow-wrap:anywhere}body[data-page=inchToCm] .inch-result-card .formula-detail{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid rgba(219,234,254,.95);border-radius:12px;background:#eff6ff9e}body[data-page=inchToCm] .inch-result-card .formula-detail span{color:var(--primary-dark);font-size:.74rem;font-weight:850}body[data-page=inchToCm] .inch-result-card .formula-detail p{margin:0;font-size:.84rem;line-height:1.35;text-align:right}body[data-page=inchToCm] .inch-result-card:is(.is-empty,.is-error) .formula-detail{display:none}body[data-page=inchToCm] .inch-result-card.is-filled .result-note,body[data-page=inchToCm] .inch-result-card.is-filled .local-note,body[data-page=inchToCm] .inch-result-card.is-filled #inch-clear{display:none}body[data-page=inchToCm] .inch-quick-panel .compact-example-buttons{display:flex;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}body[data-page=inchToCm] .inch-quick-panel .compact-example-buttons button{flex:0 0 auto;min-height:44px;padding-inline:14px;scroll-snap-align:start}body[data-page=pixelToCmCalculator] .pixel-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);align-items:start;gap:12px;padding-block:8px 24px}body[data-page=pixelToCmCalculator] .pixel-input-panel,body[data-page=pixelToCmCalculator] .pixel-result-card,body[data-page=pixelToCmCalculator] .pixel-example-panel{border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=pixelToCmCalculator] .pixel-input-panel{gap:11px;padding:18px}body[data-page=pixelToCmCalculator] .pixel-result-card{grid-column:2;grid-row:1 / span 2;align-self:start;gap:10px;padding:18px;scroll-margin-top:86px}body[data-page=pixelToCmCalculator] .pixel-result-card:focus{outline:none}body[data-page=pixelToCmCalculator] .pixel-example-panel{gap:10px;padding:16px 18px}body[data-page=pixelToCmCalculator] .pixel-input-panel .card-eyebrow,body[data-page=pixelToCmCalculator] .pixel-example-panel .card-eyebrow{display:none}body[data-page=pixelToCmCalculator] .pixel-input-panel .inline-control-heading,body[data-page=pixelToCmCalculator] .pixel-example-panel{gap:7px}body[data-page=pixelToCmCalculator] .pixel-input-panel .inline-control-heading p:not(.card-eyebrow){margin:0;font-size:.88rem;line-height:1.4}body[data-page=pixelToCmCalculator] .pixel-example-panel p:not(.card-eyebrow){display:none}body[data-page=pixelToCmCalculator] .pixel-input-panel .inline-control-heading h2,body[data-page=pixelToCmCalculator] .pixel-example-panel h2,body[data-page=pixelToCmCalculator] .pixel-result-card h2{font-size:clamp(1.05rem,1.9vw,1.24rem);line-height:1.2}body[data-page=pixelToCmCalculator] .pixel-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body[data-page=pixelToCmCalculator] .pixel-mode-grid label{min-height:46px}body[data-page=pixelToCmCalculator] .pixel-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}body[data-page=pixelToCmCalculator] .pixel-field-grid .pixel-field[hidden]{display:none}body[data-page=pixelToCmCalculator] .pixel-field-grid .pixel-field{gap:7px}body[data-page=pixelToCmCalculator] .pixel-field-grid input{min-height:44px;padding-inline:12px}body[data-page=pixelToCmCalculator] .pixel-dpi-buttons,body[data-page=pixelToCmCalculator] .pixel-example-buttons{display:flex;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}body[data-page=pixelToCmCalculator] .pixel-dpi-buttons button,body[data-page=pixelToCmCalculator] .pixel-example-buttons button{flex:0 0 auto;min-height:44px;padding-inline:14px;scroll-snap-align:start}body[data-page=pixelToCmCalculator] #pixel-clear{min-height:44px}body[data-page=pixelToCmCalculator] .pixel-result-card>strong{margin-block:0;font-size:clamp(1.7rem,4.6vw,2.25rem);line-height:1.08}body[data-page=pixelToCmCalculator] .pixel-result-card .result-summary{margin:0;font-size:.9rem;line-height:1.42}body[data-page=pixelToCmCalculator] .pixel-result-card .result-warning{display:none}body[data-page=pixelToCmCalculator] .pixel-result-card:is(.is-empty,.is-error){gap:8px;padding-block:16px}body[data-page=pixelToCmCalculator] .pixel-result-card:is(.is-empty,.is-error) :where(.pixel-result-grid,.formula-detail,.result-note,.local-note){display:none}body[data-page=pixelToCmCalculator] .pixel-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=pixelToCmCalculator] .pixel-result-card.is-error #pixel-main-result{color:#c2410c}body[data-page=pixelToCmCalculator] .pixel-result-card.is-filled :where(.card-eyebrow,h2){display:none}body[data-page=pixelToCmCalculator] .pixel-result-card.is-filled .pixel-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}body[data-page=pixelToCmCalculator] .pixel-result-card.is-filled .pixel-result-grid>div{min-height:48px;padding:9px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=pixelToCmCalculator] .pixel-result-card.is-filled .pixel-result-grid dt{color:var(--ink-3);font-size:.74rem;font-weight:800;line-height:1.25}body[data-page=pixelToCmCalculator] .pixel-result-card.is-filled .pixel-result-grid dd{margin:3px 0 0;color:var(--ink);font-size:.9rem;font-weight:850;line-height:1.22;overflow-wrap:anywhere}body[data-page=pixelToCmCalculator] .pixel-result-card .formula-detail{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid rgba(219,234,254,.95);border-radius:12px;background:#eff6ff9e}body[data-page=pixelToCmCalculator] .pixel-result-card .formula-detail span{color:var(--primary-dark);font-size:.74rem;font-weight:850}body[data-page=pixelToCmCalculator] .pixel-result-card .formula-detail p{margin:0;font-size:.84rem;line-height:1.35;text-align:right}body[data-page=pixelToCmCalculator] .pixel-result-card:is(.is-empty,.is-error) .formula-detail,body[data-page=pixelToCmCalculator] .pixel-result-card.is-filled .result-note,body[data-page=pixelToCmCalculator] .pixel-result-card.is-filled .local-note{display:none}body[data-page=aspectRatioCalculator] .aspect-workspace{display:grid;grid-template-areas:"tabs result" "input result" "presets result" "guide result";grid-template-columns:minmax(430px,.95fr) minmax(380px,.72fr);align-items:start;gap:12px;padding-block:8px 24px}body[data-page=aspectRatioCalculator] .aspect-grid{display:contents}body[data-page=aspectRatioCalculator] .aspect-mode-tabs{grid-area:tabs;width:auto;grid-auto-columns:1fr;gap:7px;padding:6px}body[data-page=aspectRatioCalculator] .aspect-input-card,body[data-page=aspectRatioCalculator] .aspect-result-card,body[data-page=aspectRatioCalculator] .aspect-presets,body[data-page=aspectRatioCalculator] .aspect-guide-note{border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=aspectRatioCalculator] .aspect-input-card{grid-area:input;display:grid;gap:12px;min-width:0;padding:18px}body[data-page=aspectRatioCalculator] .aspect-result-card{grid-area:result;display:grid;align-self:start;gap:9px;min-width:0;padding:18px;scroll-margin-top:86px}body[data-page=aspectRatioCalculator] .aspect-result-card:focus{outline:none}body[data-page=aspectRatioCalculator] .aspect-presets{grid-area:presets;display:grid;gap:10px;min-width:0;padding:16px 18px}body[data-page=aspectRatioCalculator] .aspect-guide-note{grid-area:guide;min-width:0;overflow:hidden;border:1px solid rgba(219,234,254,.95)}body[data-page=aspectRatioCalculator] .aspect-input-card .editor-toolbar,body[data-page=aspectRatioCalculator] .aspect-result-card .editor-toolbar{min-height:0;padding:0;border:0;background:transparent}body[data-page=aspectRatioCalculator] .aspect-input-card .editor-toolbar h2,body[data-page=aspectRatioCalculator] .aspect-result-card .editor-toolbar h2,body[data-page=aspectRatioCalculator] .aspect-presets h2{font-size:clamp(1.05rem,1.9vw,1.24rem);line-height:1.2}body[data-page=aspectRatioCalculator] .aspect-input-card #aspect-mode-help,body[data-page=aspectRatioCalculator] .aspect-input-card .inline-count-summary{margin:0;font-size:.86rem;line-height:1.42}body[data-page=aspectRatioCalculator] .aspect-input-card [data-aspect-panel]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}body[data-page=aspectRatioCalculator] .aspect-input-card [data-aspect-panel][hidden],body[data-page=aspectRatioCalculator] .aspect-input-card [data-basis-field][hidden]{display:none!important}body[data-page=aspectRatioCalculator] .aspect-input-card [data-aspect-panel]>.inline-count-summary,body[data-page=aspectRatioCalculator] .aspect-basis-tabs{grid-column:1 / -1}body[data-page=aspectRatioCalculator] .aspect-field{display:grid;gap:6px;min-width:0}body[data-page=aspectRatioCalculator] .aspect-field span{color:var(--ink-2);font-size:.8rem;font-weight:850;line-height:1.25}body[data-page=aspectRatioCalculator] .aspect-field input{min-height:44px;padding-inline:12px}body[data-page=aspectRatioCalculator] .aspect-field .field-error:empty{display:none}body[data-page=aspectRatioCalculator] .aspect-basis-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px}body[data-page=aspectRatioCalculator] .aspect-basis-tabs legend{display:none}body[data-page=aspectRatioCalculator] .aspect-mode-tabs label,body[data-page=aspectRatioCalculator] .aspect-basis-tabs label{min-height:44px;padding-inline:6px;font-size:.84rem;white-space:nowrap}body[data-page=aspectRatioCalculator] .aspect-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}body[data-page=aspectRatioCalculator] .aspect-actions button{min-height:44px;min-width:0;padding-inline:10px;font-size:.84rem}body[data-page=aspectRatioCalculator] .aspect-result-card>strong{margin:0;color:var(--ink);font-size:clamp(1.75rem,4.7vw,2.35rem);font-weight:950;line-height:1.08;overflow-wrap:anywhere}body[data-page=aspectRatioCalculator] .aspect-result-card .inline-count-summary{margin:0;font-size:.86rem;line-height:1.38}body[data-page=aspectRatioCalculator] .aspect-result-card:is(.is-empty,.is-error){gap:8px;padding-block:16px}body[data-page=aspectRatioCalculator] .aspect-result-card:is(.is-empty,.is-error)>strong{font-size:clamp(1.24rem,3vw,1.52rem);line-height:1.2}body[data-page=aspectRatioCalculator] .aspect-result-card:is(.is-empty,.is-error) :where(#aspect-details,#aspect-notices,#aspect-copy,#aspect-copy-message){display:none}body[data-page=aspectRatioCalculator] .aspect-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=aspectRatioCalculator] .aspect-result-card.is-error #aspect-summary{color:#c2410c}body[data-page=aspectRatioCalculator] .aspect-result-card.is-filled .editor-toolbar h2,body[data-page=aspectRatioCalculator] .aspect-result-card.is-filled #aspect-message,body[data-page=aspectRatioCalculator] .aspect-result-card.is-filled #aspect-copy-message{display:none}body[data-page=aspectRatioCalculator] .aspect-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}body[data-page=aspectRatioCalculator] .aspect-details>div{min-width:0;min-height:44px;padding:8px 9px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=aspectRatioCalculator] .aspect-details dt{color:var(--ink-3);font-size:.7rem;font-weight:850;line-height:1.25}body[data-page=aspectRatioCalculator] .aspect-details dd{margin:3px 0 0;color:var(--ink);font-size:.84rem;font-weight:850;line-height:1.22;overflow-wrap:anywhere}body[data-page=aspectRatioCalculator] .aspect-notices{display:grid;gap:4px;margin:0;padding:9px 11px;border:1px solid rgba(219,234,254,.95);border-radius:12px;background:#eff6ff9e;color:var(--ink-2);font-size:.78rem;font-weight:750;line-height:1.35}body[data-page=aspectRatioCalculator] .aspect-notices[hidden]{display:none}body[data-page=aspectRatioCalculator] #aspect-copy{min-height:44px;width:max-content;padding-inline:14px}body[data-page=aspectRatioCalculator] .aspect-presets>h2{display:none}body[data-page=aspectRatioCalculator] .aspect-presets h3{margin:0 0 8px;font-size:.92rem;line-height:1.25}body[data-page=aspectRatioCalculator] .aspect-preset-row{display:flex;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}body[data-page=aspectRatioCalculator] .aspect-preset-row button{flex:0 0 auto;min-height:44px;padding-inline:13px;scroll-snap-align:start}body[data-page=aspectRatioCalculator] .aspect-guide-note summary{min-height:44px;padding:11px 14px;color:var(--primary-dark);font-size:.86rem;font-weight:900;line-height:1.25}body[data-page=aspectRatioCalculator] .aspect-guide-note p{margin:0;padding:0 14px 12px;color:var(--ink-2);font-size:.82rem;font-weight:650;line-height:1.45}body[data-page=textCompare] .text-compare-result-card{align-self:start}body[data-page=textCompare] .text-compare-result-card.is-empty{gap:10px;padding-block:18px}body[data-page=textCompare] .text-compare-result-card.is-empty .text-compare-result-head{margin-bottom:0}body[data-page=textCompare] .text-compare-result-card.is-empty :where(.text-compare-summary-grid,.text-compare-toolbar,#text-compare-option-note,#text-compare-copy-message,#text-compare-diff-list){display:none}body[data-page=textCompare] .text-compare-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=lineBreakCleaner] .line-break-result-card.is-empty{gap:10px;padding-block:18px}body[data-page=lineBreakCleaner] .line-break-result-card.is-empty :where(#line-break-result,#line-break-copy){display:none}body[data-page=lineBreakCleaner] .line-break-result-card.is-empty #line-break-message{margin-top:0}body[data-page=lineBreakCleaner] .space-cleaner-stats.is-empty{display:none}body[data-page=lineBreakCleaner] .space-cleaner-stats.is-filled{display:grid}body[data-page=lineBreakCleaner] .space-cleaner-stats .stat-card.wide{align-content:start}body[data-page=lineBreakCleaner] #line-applied-options{font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.35;letter-spacing:0}body[data-page=removeExtraSpaces] .space-cleaner-result-card.is-empty{gap:10px;padding-block:18px}body[data-page=removeExtraSpaces] .space-cleaner-result-card.is-empty :where(#space-cleaner-result,#space-cleaner-copy){display:none}body[data-page=removeExtraSpaces] .space-cleaner-result-card.is-empty #space-cleaner-message{margin-top:0}body[data-page=removeExtraSpaces] .space-cleaner-stats.is-empty{display:none}body[data-page=removeExtraSpaces] .space-cleaner-stats.is-filled{display:grid}body[data-page=removeExtraSpaces] .space-cleaner-stats .stat-card.wide{align-content:start}body[data-page=removeExtraSpaces] #space-applied-options{font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.35;letter-spacing:0}body[data-page=removeDuplicateLines] .duplicate-lines-result-card.is-empty{gap:10px;padding-block:18px}body[data-page=removeDuplicateLines] .duplicate-lines-result-card.is-empty :where(#duplicate-lines-result,#duplicate-lines-copy){display:none}body[data-page=removeDuplicateLines] .duplicate-lines-result-card.is-empty #duplicate-lines-message{margin-top:0}body[data-page=removeDuplicateLines] .space-cleaner-stats.is-empty{display:none}body[data-page=removeDuplicateLines] .space-cleaner-stats.is-filled{display:grid}body[data-page=removeDuplicateLines] .space-cleaner-stats .stat-card.wide{align-content:start}body[data-page=removeDuplicateLines] #duplicate-applied-options{font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.35;letter-spacing:0}body[data-page=sortLines] .sort-lines-result-card.is-empty{align-self:start;gap:10px;padding-block:18px}body[data-page=sortLines] .sort-lines-result-card.is-empty :where(#sort-lines-result,.sort-lines-result-actions,#sort-lines-summary){display:none}body[data-page=sortLines] .sort-lines-result-card.is-empty #sort-lines-message{margin-top:0}body[data-page=sortLines] .sort-lines-guide-note{display:block;padding:0;border:1px solid rgba(219,234,254,.95);border-radius:14px;background:#eff6ffb8;color:var(--ink-2);box-shadow:0 10px 24px #0f172a09}body[data-page=sortLines] .sort-lines-guide-note summary{min-height:44px;padding:12px 14px;color:var(--primary-dark);cursor:pointer;font-size:.9rem;font-weight:800;line-height:1.35}body[data-page=sortLines] .sort-lines-guide-note p{margin:0;padding:0 14px 10px;font-size:.84rem;font-weight:650;line-height:1.5}body[data-page=sortLines] .sort-lines-hero{padding-block:24px 16px}body[data-page=sortLines] .sort-lines-workspace{display:grid;width:min(100% - 28px,1120px);gap:12px;padding-block:6px 24px}body[data-page=sortLines] .sort-lines-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:start;gap:14px}body[data-page=sortLines] :where(.sort-lines-input-card,.sort-lines-result-card){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=sortLines] .sort-lines-input-card{gap:10px;padding:18px;border-color:#bfdbfef2;box-shadow:0 16px 36px #2563eb14}body[data-page=sortLines] :where(.sort-lines-input-toolbar,.sort-lines-result-toolbar,.sort-lines-option-head){align-items:start;justify-content:space-between;gap:10px;min-height:0;margin:0;padding:0;border:0;background:transparent}body[data-page=sortLines] .sort-lines-input-heading{display:grid;gap:3px;min-width:0}body[data-page=sortLines] :where(.sort-lines-input-heading .card-eyebrow,.sort-lines-result-toolbar .card-eyebrow,.sort-lines-option-head .card-eyebrow){margin:0}body[data-page=sortLines] :where(.sort-lines-input-heading label,.sort-lines-result-toolbar label,.sort-lines-option-head label){color:var(--ink);font-size:clamp(1.04rem,1.8vw,1.24rem);font-weight:900;line-height:1.2;letter-spacing:-.03em}body[data-page=sortLines] :where(#sort-lines-clear,#sort-lines-example){flex:0 0 auto;min-height:40px;padding-inline:12px;font-size:.8rem;font-weight:850;white-space:nowrap}body[data-page=sortLines] #sort-lines-clear:disabled{opacity:.48;cursor:not-allowed}body[data-page=sortLines] :where(#sort-lines-input,#sort-lines-result){min-width:0;min-height:300px;height:clamp(300px,40vh,460px);padding:14px;border-radius:16px;font-size:.95rem;line-height:1.58;overflow-wrap:anywhere;resize:vertical}body[data-page=sortLines] #sort-lines-result{background:#fff}body[data-page=sortLines] #sort-lines-input-summary{margin:0;padding:9px 11px;border:1px solid rgba(219,234,254,.92);border-radius:12px;background:#eff6ff94;color:var(--primary-dark);font-size:.82rem;font-weight:850;line-height:1.35;overflow-wrap:anywhere}body[data-page=sortLines] .sort-lines-option-panel{display:grid;gap:9px;min-width:0;padding:12px;border:1px solid rgba(226,232,240,.95);border-radius:16px;background:#f8fbffc7}body[data-page=sortLines] #sort-lines-mode{width:100%;min-height:44px;padding-inline:12px;font-weight:850}body[data-page=sortLines] .sort-lines-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-width:0;margin:0;padding:0;border:0}body[data-page=sortLines] .sort-lines-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}body[data-page=sortLines] .sort-lines-options label{display:flex;min-width:0;min-height:42px;align-items:center;gap:6px;margin:0;padding:8px 9px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff;color:var(--ink-2);font-size:.78rem;font-weight:820;line-height:1.2;box-shadow:none}body[data-page=sortLines] .sort-lines-options label.is-disabled{opacity:.55}body[data-page=sortLines] .sort-lines-options input{flex:0 0 auto;width:15px;height:15px;accent-color:var(--primary)}body[data-page=sortLines] .sort-lines-option-panel .local-note{margin:0;padding:0;border:0;background:transparent;color:var(--muted);font-size:.76rem;line-height:1.35}body[data-page=sortLines] .sort-lines-primary-row{display:grid;grid-template-columns:1fr;margin:0}body[data-page=sortLines] #sort-lines-run{min-height:52px;justify-content:center;border-radius:14px;font-size:.96rem;font-weight:950;box-shadow:0 12px 26px #2563eb2e}body[data-page=sortLines] .sort-lines-result-card{display:grid;align-self:start;gap:9px;padding:18px;scroll-margin-top:86px}body[data-page=sortLines] .sort-lines-status-badge{display:inline-flex;flex:0 0 auto;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(191,219,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.74rem;font-weight:900;white-space:nowrap}body[data-page=sortLines] .sort-lines-status-badge[data-status=error]{border-color:#fed7aa;background:#fff7ed;color:#c2410c}body[data-page=sortLines] #sort-lines-main-result{display:block;margin:0;color:var(--primary-dark);font-size:clamp(1.5rem,4.6vw,2.15rem);font-weight:950;line-height:1.08;letter-spacing:-.04em;overflow-wrap:anywhere}body[data-page=sortLines] .sort-lines-result-card.is-empty #sort-lines-main-result,body[data-page=sortLines] .sort-lines-result-card.is-error #sort-lines-main-result{color:var(--muted);font-size:clamp(1.12rem,3vw,1.38rem);font-weight:760;line-height:1.35;letter-spacing:-.03em}body[data-page=sortLines] .sort-lines-result-card.is-error #sort-lines-main-result{color:#c2410c}body[data-page=sortLines] .sort-lines-summary{margin:0;color:var(--ink-2);font-size:.84rem;font-weight:760;line-height:1.42;overflow-wrap:anywhere}body[data-page=sortLines] .sort-lines-result-card.is-empty :where(#sort-lines-result,.sort-lines-result-actions,#sort-lines-summary),body[data-page=sortLines] .sort-lines-result-card.is-error :where(#sort-lines-result,.sort-lines-result-actions){display:none}body[data-page=sortLines] .sort-lines-result-card.is-empty{gap:8px;padding-block:16px;border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:none}body[data-page=sortLines] .sort-lines-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=sortLines] .sort-lines-result-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(108px,.58fr);gap:8px;margin:0}body[data-page=sortLines] .sort-lines-result-actions button{min-width:0;min-height:44px;justify-content:center;padding-inline:12px;font-size:.82rem;font-weight:850;white-space:nowrap}body[data-page=sortLines] #sort-lines-message{margin:0;padding:8px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#f8fafcbd;color:var(--ink-2);font-size:.78rem;line-height:1.38}body[data-page=sortLines] .sort-lines-guide-note{width:min(100%,860px);margin-inline:auto}@media(max-width:860px){body[data-page=sortLines] .sort-lines-workspace{width:min(100% - 24px,1120px);gap:10px;padding-block:4px 20px}body[data-page=sortLines] .sort-lines-grid{grid-template-columns:1fr;gap:10px}body[data-page=sortLines] .sort-lines-input-card,body[data-page=sortLines] .sort-lines-result-card{padding:14px;border-radius:16px}body[data-page=sortLines] :where(#sort-lines-input,#sort-lines-result){min-height:220px;height:clamp(220px,32vh,300px);padding:13px;font-size:.9rem}body[data-page=sortLines] .sort-lines-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}body[data-page=sortLines] .sort-lines-options label{min-height:42px;padding:8px;font-size:.76rem}}@media(max-width:370px){body[data-page=sortLines] :where(.sort-lines-input-toolbar,.sort-lines-result-toolbar,.sort-lines-option-head){display:grid;grid-template-columns:1fr}body[data-page=sortLines] :where(#sort-lines-clear,#sort-lines-example,.sort-lines-status-badge){width:fit-content}body[data-page=sortLines] .sort-lines-result-actions{grid-template-columns:1fr}body[data-page=sortLines] .sort-lines-result-actions button{width:100%}}body[data-page=sortLines] #sort-lines-option-note{display:none}body[data-page=sortLines] .sort-lines-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-width:0;margin:0}body[data-page=sortLines] .sort-lines-metrics[hidden]{display:none!important}body[data-page=sortLines] .sort-lines-metrics span{display:grid;min-width:0;gap:3px;padding:8px 9px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=sortLines] .sort-lines-metrics b{color:var(--primary-dark);font-size:clamp(1.05rem,2.4vw,1.32rem);font-weight:950;line-height:1.05;overflow-wrap:anywhere}body[data-page=sortLines] .sort-lines-metrics small{color:var(--muted);font-size:.7rem;font-weight:850;line-height:1.2}body[data-page=sortLines] #sort-lines-copy.is-copied{border-color:#16a34a3d;background:#16a34a;color:#fff;box-shadow:0 12px 24px #16a34a2e}@media(max-width:860px){body[data-page=sortLines] .sort-lines-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}@media(max-width:370px){body[data-page=sortLines] .sort-lines-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}body[data-page=markdownPreview] .markdown-preview-hero{padding-block:24px 16px}body[data-page=markdownPreview] .markdown-preview-workspace{display:grid;width:min(100% - 28px,1160px);gap:12px;padding-block:6px 24px}body[data-page=markdownPreview] .markdown-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px}body[data-page=markdownPreview] :where(.markdown-input-card,.markdown-result-card,.markdown-summary-card,.markdown-guide-note){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=markdownPreview] .markdown-input-card,body[data-page=markdownPreview] .markdown-result-card{display:grid;gap:10px;padding:16px}body[data-page=markdownPreview] .markdown-input-card{border-color:#bfdbfef2;box-shadow:0 14px 32px #2563eb12}body[data-page=markdownPreview] .markdown-input-toolbar,body[data-page=markdownPreview] .markdown-preview-toolbar{align-items:start;justify-content:space-between;gap:10px;min-height:0;margin:0;padding:0;border:0;background:transparent}body[data-page=markdownPreview] .markdown-preview-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px}body[data-page=markdownPreview] .markdown-state-pill{display:inline-flex;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(219,234,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.74rem;font-weight:900;line-height:1;white-space:nowrap}body[data-page=markdownPreview] .markdown-state-pill.is-empty,body[data-page=markdownPreview] .markdown-state-pill.is-dirty{border-color:#e2e8f0f2;background:#f8fafc;color:var(--ink-3)}body[data-page=markdownPreview] .markdown-state-pill.is-error{border-color:#fed7aa;background:#fff7ed;color:#c2410c}body[data-page=markdownPreview] .markdown-input-heading,body[data-page=markdownPreview] .markdown-preview-heading{display:grid;gap:3px;min-width:0}body[data-page=markdownPreview] .markdown-input-heading label,body[data-page=markdownPreview] .markdown-preview-heading h2{margin:0;color:var(--ink);font-size:clamp(1.08rem,2vw,1.3rem);font-weight:900;line-height:1.2;letter-spacing:-.03em}body[data-page=markdownPreview] .markdown-live-badge{display:inline-flex;flex:0 0 auto;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(191,219,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.74rem;font-weight:900;line-height:1;white-space:nowrap}body[data-page=markdownPreview] .markdown-view-tabs--toolbar{margin:0;padding:3px}body[data-page=markdownPreview] .markdown-view-tabs--toolbar label span{min-height:34px;font-size:.78rem;font-weight:850}body[data-page=markdownPreview] #markdown-preview-input{min-width:0;min-height:360px;height:clamp(360px,48vh,520px);padding:16px;border-radius:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.94rem;line-height:1.6;letter-spacing:0;resize:vertical;overflow-wrap:anywhere}body[data-page=markdownPreview] .markdown-size-note{margin:0;padding:8px 10px;border-color:#dbeafeeb;border-radius:12px;background:#eff6ff80;color:var(--ink-2);font-size:.78rem;line-height:1.35}body[data-page=markdownPreview] .markdown-action-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0}body[data-page=markdownPreview] .markdown-action-row button,body[data-page=markdownPreview] #markdown-copy-preview{min-width:0;min-height:42px;justify-content:center;padding-inline:8px;border-color:#cbd5e1e6;background:#fff;color:var(--ink-2);font-size:.78rem;font-weight:850;white-space:nowrap;box-shadow:none}body[data-page=markdownPreview] #markdown-copy-preview:disabled{opacity:.48;cursor:not-allowed}body[data-page=markdownPreview] :where(#markdown-source-copy-message,#markdown-preview-copy-message){margin:0;padding:0;border:0;background:transparent;color:var(--primary-dark);font-size:.78rem;font-weight:800;line-height:1.35}body[data-page=markdownPreview] .markdown-result-card{align-self:start;scroll-margin-top:86px}body[data-page=markdownPreview] .markdown-result-card.is-empty,body[data-page=markdownPreview] .markdown-result-card.is-dirty{border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:none}body[data-page=markdownPreview] .markdown-result-card.is-filled{border-color:#bfdbfef5;box-shadow:0 10px 26px #2563eb0d}body[data-page=markdownPreview] .markdown-result-card.is-empty #markdown-copy-preview,body[data-page=markdownPreview] .markdown-result-card.is-dirty #markdown-copy-preview{display:inline-flex}body[data-page=markdownPreview] .markdown-rendered{max-width:100%;min-width:0;min-height:360px;max-height:clamp(420px,60vh,640px);overflow:auto;padding:18px;border:1px solid rgba(226,232,240,.95);border-radius:16px;background:#fff;color:var(--ink);font-size:.95rem;line-height:1.7;overflow-wrap:anywhere}body[data-page=markdownPreview] .markdown-empty-state{display:grid;min-height:180px;place-items:center;margin:0;color:var(--muted);font-size:.9rem;font-weight:750;line-height:1.45;text-align:center}body[data-page=markdownPreview] .markdown-empty-state.is-error{color:#c2410c}body[data-page=markdownPreview] .markdown-rendered :where(p,ul,ol,blockquote,pre,table,hr){margin-block:0 14px}body[data-page=markdownPreview] .markdown-rendered :where(p,li,blockquote,td,th,a,code){overflow-wrap:anywhere}body[data-page=markdownPreview] .markdown-rendered .markdown-preview-heading{margin:20px 0 10px;color:var(--ink);font-weight:950;line-height:1.24;letter-spacing:-.035em;overflow-wrap:anywhere}body[data-page=markdownPreview] .markdown-rendered .markdown-preview-heading:first-child{margin-top:0}body[data-page=markdownPreview] .markdown-rendered .markdown-preview-h1{padding-bottom:8px;border-bottom:1px solid rgba(226,232,240,.95);font-size:clamp(1.5rem,4vw,2.02rem)}body[data-page=markdownPreview] .markdown-rendered .markdown-preview-h2{font-size:clamp(1.26rem,3vw,1.54rem)}body[data-page=markdownPreview] .markdown-rendered .markdown-preview-h3,body[data-page=markdownPreview] .markdown-rendered .markdown-preview-h4,body[data-page=markdownPreview] .markdown-rendered .markdown-preview-h5,body[data-page=markdownPreview] .markdown-rendered .markdown-preview-h6{font-size:clamp(1.06rem,2.4vw,1.22rem)}body[data-page=markdownPreview] .markdown-rendered ul,body[data-page=markdownPreview] .markdown-rendered ol{padding-left:1.35rem}body[data-page=markdownPreview] .markdown-rendered li+li{margin-top:4px}body[data-page=markdownPreview] .markdown-rendered blockquote{padding:10px 12px;border-left:3px solid rgba(37,99,235,.42);border-radius:12px;background:#eff6ff94;color:var(--ink-2)}body[data-page=markdownPreview] .markdown-rendered a{color:var(--primary-dark);font-weight:850;word-break:break-word}body[data-page=markdownPreview] .markdown-rendered code{padding:.14em .38em;border:1px solid rgba(226,232,240,.95);border-radius:7px;background:#f8fafc;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.88em}body[data-page=markdownPreview] .markdown-rendered pre{max-width:100%;overflow-x:auto;padding:12px;border:1px solid rgba(203,213,225,.95);border-radius:14px;background:#0f172a;color:#e2e8f0;-webkit-overflow-scrolling:touch}body[data-page=markdownPreview] .markdown-rendered pre code{display:block;min-width:max-content;padding:0;border:0;background:transparent;color:inherit;white-space:pre;overflow-wrap:normal}body[data-page=markdownPreview] .markdown-preview-table-scroll{max-width:100%;overflow-x:auto;margin-block:0 14px;border:1px solid rgba(226,232,240,.95);border-radius:14px;-webkit-overflow-scrolling:touch}body[data-page=markdownPreview] .markdown-preview-table{width:max-content;min-width:100%;border-collapse:collapse;background:#fff}body[data-page=markdownPreview] .markdown-preview-table th,body[data-page=markdownPreview] .markdown-preview-table td{padding:9px 11px;border-bottom:1px solid rgba(226,232,240,.95);border-right:1px solid rgba(226,232,240,.95);font-size:.84rem;line-height:1.4;vertical-align:top}body[data-page=markdownPreview] .markdown-preview-table th{background:#f8fafc;color:var(--ink-2);font-weight:900}body[data-page=markdownPreview] .markdown-preview-table tr:last-child td{border-bottom:0}body[data-page=markdownPreview] .markdown-preview-align-center{text-align:center}body[data-page=markdownPreview] .markdown-preview-align-right{text-align:right}body[data-page=markdownPreview] .markdown-preview-image-placeholder{display:grid;gap:4px;max-width:100%;margin-block:0 14px;padding:10px 12px;border:1px dashed rgba(148,163,184,.72);border-radius:12px;background:#f8fafc;color:var(--ink-2)}body[data-page=markdownPreview] .markdown-preview-image-placeholder span{color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}body[data-page=markdownPreview] .markdown-preview-disabled-link{color:var(--ink-2);text-decoration:underline dotted;overflow-wrap:anywhere}body[data-page=markdownPreview] .markdown-summary-card.is-filled{display:grid;gap:9px;padding:12px}body[data-page=markdownPreview] .markdown-summary-head{display:flex;align-items:end;justify-content:space-between;gap:10px;min-width:0}body[data-page=markdownPreview] .markdown-summary-head h2{margin:0;color:var(--ink);font-size:clamp(1.02rem,1.8vw,1.18rem);font-weight:900;line-height:1.2;letter-spacing:-.03em}body[data-page=markdownPreview] .markdown-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}body[data-page=markdownPreview] .markdown-summary-grid>div{min-width:0;min-height:58px;padding:9px 10px;border:1px solid rgba(226,232,240,.9);border-radius:12px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=markdownPreview] .markdown-summary-grid span,body[data-page=markdownPreview] .markdown-summary-grid strong{display:block}body[data-page=markdownPreview] .markdown-summary-grid span{color:var(--ink-3);font-size:.74rem;font-weight:850}body[data-page=markdownPreview] .markdown-summary-grid strong{margin-top:4px;color:var(--ink-1);font-size:clamp(1rem,2vw,1.22rem);font-weight:950;line-height:1.1;overflow-wrap:anywhere}body[data-page=markdownPreview] .markdown-summary-table-card strong{display:inline-flex;width:fit-content;min-height:26px;align-items:center;margin-top:7px;padding-inline:9px;border-radius:999px;background:#eff6ff;color:var(--primary-dark);font-size:.78rem}body[data-page=markdownPreview] .markdown-guide-note{border-color:#dbeafee6;background:#eff6ff8f;box-shadow:0 8px 20px #0f172a08}body[data-page=markdownPreview] .markdown-guide-note summary{min-height:44px;padding:11px 14px;font-size:.86rem;font-weight:900}body[data-page=markdownPreview] .markdown-guide-note p{padding:0 14px 10px;font-size:.8rem;line-height:1.45}body[data-page=markdownPreview] .markdown-preview-workspace[data-view=input] [data-markdown-panel=preview],body[data-page=markdownPreview] .markdown-preview-workspace[data-view=preview] [data-markdown-panel=input]{display:none}body[data-page=markdownPreview] .markdown-preview-workspace[data-view=input] .markdown-preview-grid,body[data-page=markdownPreview] .markdown-preview-workspace[data-view=preview] .markdown-preview-grid{grid-template-columns:minmax(0,1fr)}@media(max-width:760px){body[data-page=markdownPreview] .markdown-preview-hero{gap:12px;padding-block:18px}body[data-page=markdownPreview] .tool-workbench-step small{display:none}body[data-page=markdownPreview] .markdown-preview-workspace{width:min(100% - 24px,1160px);gap:10px;padding-block:4px 20px}body[data-page=markdownPreview] .markdown-preview-grid{grid-template-columns:1fr;gap:10px}body[data-page=markdownPreview] .markdown-input-card,body[data-page=markdownPreview] .markdown-result-card{padding:14px;border-radius:16px}body[data-page=markdownPreview] .markdown-input-toolbar,body[data-page=markdownPreview] .markdown-preview-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}body[data-page=markdownPreview] .markdown-preview-actions{justify-content:space-between}body[data-page=markdownPreview] .markdown-live-badge,body[data-page=markdownPreview] #markdown-copy-preview{width:fit-content}body[data-page=markdownPreview] .markdown-view-tabs--toolbar label span{min-height:34px;padding-inline:6px;font-size:.74rem}body[data-page=markdownPreview] #markdown-preview-input{min-height:220px;height:clamp(220px,32vh,300px);padding:13px;font-size:.84rem;line-height:1.55}body[data-page=markdownPreview] .markdown-rendered{min-height:190px;max-height:380px;padding:13px;font-size:.9rem;line-height:1.62}body[data-page=markdownPreview] .markdown-empty-state{min-height:140px;font-size:.84rem}body[data-page=markdownPreview] .markdown-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=markdownPreview] .markdown-action-row button,body[data-page=markdownPreview] #markdown-copy-preview{min-height:42px;padding-inline:6px;font-size:.76rem}body[data-page=markdownPreview] .markdown-summary-card.is-filled{gap:8px}body[data-page=markdownPreview] .markdown-summary-head{display:grid;align-items:start}body[data-page=markdownPreview] .markdown-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=markdownPreview] .markdown-summary-grid>div{min-height:52px;padding:8px 9px}body[data-page=markdownPreview] .markdown-summary-table-card{grid-column:1 / -1}body[data-page=markdownPreview] .markdown-rendered pre{padding:10px}body[data-page=markdownPreview] .markdown-preview-table th,body[data-page=markdownPreview] .markdown-preview-table td{padding:8px 9px;font-size:.78rem}}@media(max-width:370px){body[data-page=markdownPreview] .markdown-action-row{grid-template-columns:1fr}body[data-page=markdownPreview] .markdown-action-row button{width:100%}}body[data-page=csvToMarkdownTable] .csv-table-hero{padding-block:24px 16px}body[data-page=csvToMarkdownTable] .csv-workspace{display:grid;width:min(100% - 28px,1120px);gap:12px;padding-block:6px 24px}body[data-page=csvToMarkdownTable] .csv-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.88fr);align-items:start;gap:14px}body[data-page=csvToMarkdownTable] .csv-input-column{display:grid;gap:10px;min-width:0}body[data-page=csvToMarkdownTable] :where(.csv-input-card,.csv-result-card,.csv-options-panel){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=csvToMarkdownTable] .csv-input-card,body[data-page=csvToMarkdownTable] .csv-result-card{display:grid;gap:10px;padding:16px}body[data-page=csvToMarkdownTable] .csv-input-card{border-color:#bfdbfef2;box-shadow:0 14px 32px #2563eb12}body[data-page=csvToMarkdownTable] .csv-input-toolbar,body[data-page=csvToMarkdownTable] .csv-result-toolbar{align-items:start;justify-content:space-between;gap:10px;min-height:0;margin:0;padding:0;border:0;background:transparent}body[data-page=csvToMarkdownTable] .csv-input-heading,body[data-page=csvToMarkdownTable] .csv-result-heading{display:grid;gap:3px;min-width:0}body[data-page=csvToMarkdownTable] .csv-input-heading label,body[data-page=csvToMarkdownTable] .csv-result-heading label{color:var(--ink);font-size:clamp(1.08rem,2vw,1.3rem);font-weight:900;line-height:1.2;letter-spacing:-.03em}body[data-page=csvToMarkdownTable] .csv-state-pill{display:inline-flex;flex:0 0 auto;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(219,234,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.74rem;font-weight:900;line-height:1;white-space:nowrap}body[data-page=csvToMarkdownTable] .csv-state-pill.is-empty,body[data-page=csvToMarkdownTable] .csv-state-pill.is-ready{border-color:#e2e8f0f2;background:#f8fafc;color:var(--ink-3)}body[data-page=csvToMarkdownTable] .csv-state-pill.is-filled{border-color:#bfdbfef2;background:#eff6ff;color:var(--primary-dark)}body[data-page=csvToMarkdownTable] .csv-state-pill.is-dirty,body[data-page=csvToMarkdownTable] .csv-state-pill.is-error{border-color:#fed7aa;background:#fff7ed;color:#c2410c}body[data-page=csvToMarkdownTable] #csv-input-summary,body[data-page=csvToMarkdownTable] #csv-markdown-summary{margin:0;padding:8px 10px;border:1px solid rgba(219,234,254,.92);border-radius:12px;background:#eff6ff80;color:var(--ink-2);font-size:.8rem;font-weight:760;line-height:1.36;overflow-wrap:anywhere}body[data-page=csvToMarkdownTable] #csv-markdown-input,body[data-page=csvToMarkdownTable] #csv-markdown-result{min-width:0;max-width:100%;padding:14px;border-radius:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.58;letter-spacing:0;overflow-wrap:normal;white-space:pre}body[data-page=csvToMarkdownTable] #csv-markdown-input{min-height:300px;height:clamp(300px,40vh,440px);resize:vertical}body[data-page=csvToMarkdownTable] #csv-markdown-result{min-height:300px;height:clamp(300px,40vh,440px);background:#fff;color:var(--ink);resize:vertical}body[data-page=csvToMarkdownTable] .csv-action-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(94px,auto));gap:8px;margin:0}body[data-page=csvToMarkdownTable] .csv-action-row button,body[data-page=csvToMarkdownTable] #csv-markdown-copy{min-width:0;min-height:44px;justify-content:center;padding-inline:12px;font-size:.82rem;font-weight:850;white-space:nowrap}body[data-page=csvToMarkdownTable] .csv-convert-button{min-height:50px;border-radius:14px;font-size:.94rem;font-weight:950;box-shadow:0 12px 26px #2563eb2e}body[data-page=csvToMarkdownTable] .csv-options-panel{display:block;overflow:hidden;padding:0;border:1px solid rgba(219,234,254,.9);background:#eff6ff8f;box-shadow:0 8px 20px #0f172a08}body[data-page=csvToMarkdownTable] .csv-options-panel>summary{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:var(--primary-dark);cursor:pointer;font-size:.86rem;font-weight:900;line-height:1.25;list-style:none}body[data-page=csvToMarkdownTable] .csv-options-panel>summary::-webkit-details-marker{display:none}body[data-page=csvToMarkdownTable] .csv-options-panel>summary:after{content:"+";flex:0 0 auto;color:var(--primary-dark);font-size:1rem;font-weight:950}body[data-page=csvToMarkdownTable] .csv-options-panel[open]>summary:after{content:"-"}body[data-page=csvToMarkdownTable] #csv-option-summary{min-width:0;color:var(--ink-2);font-size:.76rem;font-weight:760;text-align:right;overflow-wrap:anywhere}body[data-page=csvToMarkdownTable] .csv-option-body{padding:0 14px 14px}body[data-page=csvToMarkdownTable] .csv-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}body[data-page=csvToMarkdownTable] .csv-option-grid>label,body[data-page=csvToMarkdownTable] .csv-check-option{display:grid;gap:6px;min-width:0;min-height:46px;margin:0;padding:10px;border:1px solid rgba(226,232,240,.92);border-radius:12px;background:#ffffffe0;color:var(--ink-2);font-size:.78rem;font-weight:850;box-shadow:none}body[data-page=csvToMarkdownTable] .csv-option-grid :where(select,input){min-width:0}body[data-page=csvToMarkdownTable] .csv-option-grid select{min-height:42px}body[data-page=csvToMarkdownTable] .csv-check-option{display:flex;align-items:center;gap:8px}body[data-page=csvToMarkdownTable] .csv-check-option input{flex:0 0 auto;width:16px;height:16px;accent-color:var(--primary)}body[data-page=csvToMarkdownTable] .csv-result-card{align-self:start;scroll-margin-top:86px}body[data-page=csvToMarkdownTable] .csv-result-card.is-empty,body[data-page=csvToMarkdownTable] .csv-result-card.is-error{gap:8px;border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:none}body[data-page=csvToMarkdownTable] .csv-result-card.is-filled{border-color:#bfdbfef5;box-shadow:0 10px 26px #2563eb0e}body[data-page=csvToMarkdownTable] .csv-result-card.is-dirty{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fffaf0)}body[data-page=csvToMarkdownTable] .csv-result-card.is-dirty #csv-markdown-result{opacity:.72}body[data-page=csvToMarkdownTable] .csv-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=csvToMarkdownTable] .csv-result-card.is-dirty #csv-markdown-summary,body[data-page=csvToMarkdownTable] .csv-result-card.is-dirty #csv-markdown-message,body[data-page=csvToMarkdownTable] .csv-result-card.is-error #csv-markdown-summary,body[data-page=csvToMarkdownTable] .csv-result-card.is-error #csv-markdown-message{color:#c2410c}body[data-page=csvToMarkdownTable] .csv-result-actions-head{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px}body[data-page=csvToMarkdownTable] #csv-markdown-copy:disabled{opacity:.48;cursor:not-allowed}body[data-page=csvToMarkdownTable] #csv-markdown-copy.is-copied{border-color:#16a34a3d;background:#16a34a;color:#fff;box-shadow:0 12px 24px #16a34a2e}body[data-page=csvToMarkdownTable] .csv-result-card.is-empty :where(#csv-markdown-result,.csv-result-metrics){display:none}body[data-page=csvToMarkdownTable] .csv-result-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0}body[data-page=csvToMarkdownTable] .csv-result-metrics[hidden]{display:none!important}body[data-page=csvToMarkdownTable] .csv-result-metrics>div{min-width:0;padding:9px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=csvToMarkdownTable] .csv-result-metrics span,body[data-page=csvToMarkdownTable] .csv-result-metrics strong{display:block}body[data-page=csvToMarkdownTable] .csv-result-metrics span{color:var(--muted);font-size:.72rem;font-weight:850;line-height:1.25}body[data-page=csvToMarkdownTable] .csv-result-metrics strong{margin-top:4px;color:var(--ink);font-size:clamp(1.06rem,2.7vw,1.28rem);font-weight:950;line-height:1.1;overflow-wrap:anywhere}body[data-page=csvToMarkdownTable] #csv-markdown-message{margin:0;padding:0;border:0;background:transparent;color:var(--primary-dark);font-size:.78rem;font-weight:800;line-height:1.38}@media(max-width:760px){body[data-page=csvToMarkdownTable] .csv-table-hero{gap:12px;padding-block:18px}body[data-page=csvToMarkdownTable] .tool-workbench-step small{display:none}body[data-page=csvToMarkdownTable] .csv-workspace{width:min(100% - 24px,1120px);gap:10px;padding-block:4px 20px}body[data-page=csvToMarkdownTable] .csv-main-grid{grid-template-columns:1fr;gap:10px}body[data-page=csvToMarkdownTable] .csv-input-card,body[data-page=csvToMarkdownTable] .csv-result-card{padding:14px;border-radius:16px}body[data-page=csvToMarkdownTable] .csv-input-toolbar,body[data-page=csvToMarkdownTable] .csv-result-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}body[data-page=csvToMarkdownTable] .csv-result-actions-head{justify-content:space-between}body[data-page=csvToMarkdownTable] .csv-input-heading label,body[data-page=csvToMarkdownTable] .csv-result-heading label{font-size:1.08rem}body[data-page=csvToMarkdownTable] #csv-markdown-input{min-height:220px;height:clamp(220px,32vh,300px);padding:12px;font-size:.84rem;line-height:1.54}body[data-page=csvToMarkdownTable] #csv-markdown-result{min-height:220px;height:clamp(220px,32vh,300px);padding:12px;font-size:.78rem;line-height:1.52}body[data-page=csvToMarkdownTable] .csv-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=csvToMarkdownTable] .csv-convert-button{grid-column:1 / -1;min-height:48px}body[data-page=csvToMarkdownTable] .csv-action-row button,body[data-page=csvToMarkdownTable] #csv-markdown-copy{min-height:42px;padding-inline:7px;font-size:.76rem}body[data-page=csvToMarkdownTable] .csv-options-panel>summary{align-items:start}body[data-page=csvToMarkdownTable] #csv-option-summary{font-size:.72rem}body[data-page=csvToMarkdownTable] .csv-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=csvToMarkdownTable] .csv-option-grid>label:not(.csv-check-option){grid-column:1 / -1}body[data-page=csvToMarkdownTable] .csv-option-grid>label,body[data-page=csvToMarkdownTable] .csv-check-option{padding:9px;font-size:.76rem}body[data-page=csvToMarkdownTable] .csv-result-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body[data-page=csvToMarkdownTable] .csv-result-metrics>div{padding:8px}body[data-page=csvToMarkdownTable] .csv-result-metrics span{font-size:.68rem}body[data-page=csvToMarkdownTable] .csv-result-metrics strong{font-size:clamp(.92rem,4vw,1.12rem)}}@media(max-width:370px){body[data-page=csvToMarkdownTable] .csv-action-row,body[data-page=csvToMarkdownTable] .csv-option-grid,body[data-page=csvToMarkdownTable] .csv-result-metrics{grid-template-columns:1fr}body[data-page=csvToMarkdownTable] .csv-option-grid>label:not(.csv-check-option){grid-column:auto}}body[data-page=jsonCsvConverter] .json-csv-result-card.is-empty{align-self:start;gap:10px;padding-block:18px}body[data-page=jsonCsvConverter] .json-csv-result-card.is-empty :where(.json-csv-summary-grid,#json-csv-warning-list,#json-csv-result,.json-csv-result-actions,#json-csv-copy-message){display:none}body[data-page=jsonCsvConverter] .json-csv-result-card.is-empty #json-csv-result-message{margin:0}body[data-page=jsonCsvConverter] .json-csv-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=base64EncoderDecoder] .base64-input-toolbar{align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}body[data-page=base64EncoderDecoder] .base64-input-heading{display:flex;min-width:0;align-items:center;gap:10px;flex-wrap:wrap}body[data-page=base64EncoderDecoder] .base64-input-heading>label{margin:0}body[data-page=base64EncoderDecoder] .base64-direction-control{display:grid;width:min(100%,184px);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:3px;border:1px solid rgba(219,234,254,.9);border-radius:999px;background:#eff6ff8f;box-shadow:none}body[data-page=base64EncoderDecoder] .base64-direction-control label{position:relative;min-width:0;min-height:32px;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;cursor:pointer}body[data-page=base64EncoderDecoder] .base64-direction-control input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}body[data-page=base64EncoderDecoder] .base64-direction-control span{display:flex;min-height:32px;align-items:center;justify-content:center;padding:0 10px;border-radius:999px;color:var(--ink-2);font-size:.78rem;font-weight:850;line-height:1.1;pointer-events:none;white-space:nowrap}body[data-page=base64EncoderDecoder] .base64-direction-control input:checked+span{background:#fff;color:var(--primary-dark);box-shadow:0 4px 12px #0f172a0e}body[data-page=base64EncoderDecoder] .base64-direction-control label:has(input:focus-visible) span{outline:2px solid rgba(37,99,235,.42);outline-offset:2px}body[data-page=base64EncoderDecoder] .base64-convert-button{width:100%;justify-content:center}body[data-page=base64EncoderDecoder] #base64-input,body[data-page=base64EncoderDecoder] #base64-result{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92rem;line-height:1.55;letter-spacing:0}body[data-page=base64EncoderDecoder] .base64-result-card.is-empty{align-self:start;gap:10px;padding-block:18px}body[data-page=base64EncoderDecoder] .base64-result-card.is-empty :where(#base64-result,#base64-copy,#base64-message){display:none}body[data-page=base64EncoderDecoder] .base64-result-card.is-empty #base64-status{margin:0}body[data-page=base64EncoderDecoder] .base64-result-card.is-filled #base64-status{color:var(--primary-dark);font-weight:800}body[data-page=base64EncoderDecoder] .base64-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=base64EncoderDecoder] .base64-result-card.is-error #base64-status{color:#c2410c;font-weight:850}body[data-page=base64EncoderDecoder] .base64-result-card.is-error #base64-message{color:#9a3412}body[data-page=urlEncoderDecoder] .url-result-card.is-empty{align-self:start;gap:10px;padding-block:18px}body[data-page=urlEncoderDecoder] .url-result-card.is-empty :where(#url-codec-result,#url-codec-copy,#url-codec-message){display:none}body[data-page=urlEncoderDecoder] .url-result-card.is-empty #url-codec-status{margin:0}body[data-page=urlEncoderDecoder] .url-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=htmlEntityConverter] .html-entity-toolbar{align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}body[data-page=htmlEntityConverter] .html-entity-toolbar>label{margin:0}body[data-page=htmlEntityConverter] .html-entity-direction--toolbar{display:grid;width:min(100%,220px);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin:0 0 0 auto;padding:2px;border:1px solid rgba(219,234,254,.82);border-radius:999px;background:#eff6ff85;box-shadow:none}body[data-page=htmlEntityConverter] .html-entity-direction--toolbar label{min-width:0;border:0;background:transparent;box-shadow:none}body[data-page=htmlEntityConverter] .html-entity-direction--toolbar label span{min-height:34px;padding:0 10px;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--ink-2);font-size:.82rem;font-weight:820;white-space:nowrap}body[data-page=htmlEntityConverter] .html-entity-direction--toolbar input:checked+span{background:#fff;color:var(--primary-dark);box-shadow:0 4px 12px #0f172a0f}body[data-page=htmlEntityConverter] .html-entity-result-card.is-empty{align-self:start;gap:10px;padding-block:18px}body[data-page=htmlEntityConverter] .html-entity-result-card.is-empty :where(.html-entity-summary,#html-entity-result,.html-entity-result-actions,#html-entity-copy-message){display:none}body[data-page=htmlEntityConverter] .html-entity-result-card.is-empty #html-entity-warning{margin:0}body[data-page=htmlEntityConverter] .html-entity-guide-note{display:block;padding:0;border:1px solid rgba(219,234,254,.95);border-radius:14px;background:#eff6ffb8;color:var(--ink-2);box-shadow:0 10px 24px #0f172a09}body[data-page=htmlEntityConverter] .html-entity-guide-note summary{min-height:44px;padding:12px 14px;color:var(--primary-dark);cursor:pointer;font-size:.9rem;font-weight:800;line-height:1.35}body[data-page=htmlEntityConverter] .html-entity-guide-note p{margin:0;padding:0 14px 10px;font-size:.84rem;font-weight:650;line-height:1.5}body[data-page=htmlEntityConverter] .html-entity-hero{padding-block:24px 16px}body[data-page=htmlEntityConverter] .html-entity-workspace{display:grid;width:min(100% - 28px,1120px);gap:12px;padding-block:6px 24px}body[data-page=htmlEntityConverter] .html-entity-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:start;gap:14px}body[data-page=htmlEntityConverter] :where(.html-entity-input-card,.html-entity-result-card){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=htmlEntityConverter] .html-entity-input-card{gap:10px;padding:18px;border-color:#bfdbfef2;box-shadow:0 16px 36px #2563eb14}body[data-page=htmlEntityConverter] :where(.html-entity-toolbar,.html-entity-result-card .editor-toolbar){align-items:start;justify-content:space-between;gap:10px;min-height:0;margin:0;padding:0;border:0;background:transparent}body[data-page=htmlEntityConverter] .html-entity-input-heading{display:grid;gap:3px;min-width:0}body[data-page=htmlEntityConverter] .html-entity-input-heading .card-eyebrow,body[data-page=htmlEntityConverter] .html-entity-result-card .editor-toolbar .card-eyebrow{margin:0}body[data-page=htmlEntityConverter] :where(.html-entity-input-heading label,.html-entity-result-card .editor-toolbar label){margin:0;color:var(--ink);font-size:clamp(1.04rem,1.8vw,1.24rem);font-weight:900;line-height:1.2;letter-spacing:-.03em}body[data-page=htmlEntityConverter] .html-entity-direction--toolbar{display:grid;flex:0 0 auto;width:min(100%,190px);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin:0;padding:3px;border:1px solid rgba(219,234,254,.9);border-radius:999px;background:#eff6ff8c;box-shadow:none}body[data-page=htmlEntityConverter] .html-entity-direction--toolbar label{position:relative;min-width:0;min-height:34px;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;cursor:pointer}body[data-page=htmlEntityConverter] .html-entity-direction--toolbar input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}body[data-page=htmlEntityConverter] .html-entity-direction--toolbar span{display:flex;min-height:34px;align-items:center;justify-content:center;padding:0 10px;border-radius:999px;color:var(--ink-2);font-size:.8rem;font-weight:850;line-height:1.1;pointer-events:none;white-space:nowrap}body[data-page=htmlEntityConverter] .html-entity-direction--toolbar input:checked+span{background:#fff;color:var(--primary-dark);box-shadow:0 4px 12px #0f172a0e}body[data-page=htmlEntityConverter] #html-entity-input-summary{margin:0;padding:9px 11px;border:1px solid rgba(219,234,254,.92);border-radius:12px;background:#eff6ff94;color:var(--primary-dark);font-size:.82rem;font-weight:850;line-height:1.35;overflow-wrap:anywhere}body[data-page=htmlEntityConverter] :where(#html-entity-input,#html-entity-result){min-width:0;min-height:300px;height:clamp(300px,40vh,460px);padding:14px;border-radius:16px;font-size:.92rem;line-height:1.58;overflow-wrap:anywhere;word-break:break-word;resize:vertical}body[data-page=htmlEntityConverter] #html-entity-result{background:#fff}body[data-page=htmlEntityConverter] .html-entity-options{display:block;overflow:hidden;margin:0;padding:0;border:1px solid rgba(226,232,240,.95);border-radius:14px;background:#f8fbffc7;box-shadow:none}body[data-page=htmlEntityConverter] .html-entity-options summary{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:var(--ink-2);cursor:pointer;font-size:.8rem;font-weight:850;line-height:1.25;list-style:none}body[data-page=htmlEntityConverter] .html-entity-options summary::-webkit-details-marker{display:none}body[data-page=htmlEntityConverter] .html-entity-option-panel{display:grid;gap:7px;padding:0 12px 12px}body[data-page=htmlEntityConverter] .html-entity-option-panel[hidden]{display:none!important}body[data-page=htmlEntityConverter] .html-entity-option-panel label{min-height:40px;padding:8px 9px;font-size:.78rem}body[data-page=htmlEntityConverter] .html-entity-option-panel .local-note{margin:0;padding:0;border:0;background:transparent;color:var(--muted);font-size:.76rem;line-height:1.35}body[data-page=htmlEntityConverter] .html-entity-primary-row{display:grid;grid-template-columns:1fr;margin:0}body[data-page=htmlEntityConverter] #html-entity-run{min-height:52px;justify-content:center;border-radius:14px;font-size:.96rem;font-weight:950;box-shadow:0 12px 26px #2563eb2e}body[data-page=htmlEntityConverter] .html-entity-secondary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}body[data-page=htmlEntityConverter] .html-entity-secondary-row button{min-width:0;min-height:42px;justify-content:center;padding-inline:10px;font-size:.8rem;font-weight:850;white-space:nowrap}body[data-page=htmlEntityConverter] #html-entity-clear:disabled{opacity:.48;cursor:not-allowed}body[data-page=htmlEntityConverter] .html-entity-result-card{display:grid;align-self:start;gap:9px;padding:18px;scroll-margin-top:86px}body[data-page=htmlEntityConverter] .html-entity-status-badge{display:inline-flex;flex:0 0 auto;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(191,219,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.74rem;font-weight:900;white-space:nowrap}body[data-page=htmlEntityConverter] .html-entity-status-badge[data-status=error]{border-color:#fed7aa;background:#fff7ed;color:#c2410c}body[data-page=htmlEntityConverter] .html-entity-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0}body[data-page=htmlEntityConverter] .html-entity-summary>div{min-width:0;padding:8px 9px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=htmlEntityConverter] .html-entity-summary span{display:block;color:var(--muted);font-size:.7rem;font-weight:850;line-height:1.2}body[data-page=htmlEntityConverter] .html-entity-summary strong{display:block;margin-top:3px;color:var(--primary-dark);font-size:clamp(.96rem,2.2vw,1.18rem);font-weight:950;line-height:1.1;overflow-wrap:anywhere}body[data-page=htmlEntityConverter] .html-entity-result-card.is-empty,body[data-page=htmlEntityConverter] .html-entity-result-card.is-dirty{gap:8px;padding-block:16px;border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:none}body[data-page=htmlEntityConverter] .html-entity-result-card:is(.is-empty,.is-dirty) :where(.html-entity-summary,#html-entity-result,.html-entity-result-actions,#html-entity-copy-message),body[data-page=htmlEntityConverter] .html-entity-result-card.is-error :where(.html-entity-summary,#html-entity-result,.html-entity-result-actions,#html-entity-copy-message){display:none}body[data-page=htmlEntityConverter] .html-entity-result-card.is-filled #html-entity-result{border-color:#bfdbfefa;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:inset 0 1px #ffffffd1}body[data-page=htmlEntityConverter] .html-entity-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=htmlEntityConverter] #html-entity-warning{margin:0;padding:8px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#f8fafcbd;color:var(--ink-2);font-size:.78rem;line-height:1.38}body[data-page=htmlEntityConverter] .html-entity-result-card.is-error #html-entity-warning{border-color:#fed7aa;background:#fff7ed;color:#c2410c}body[data-page=htmlEntityConverter] .html-entity-result-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(126px,.58fr);gap:8px;margin:0}body[data-page=htmlEntityConverter] .html-entity-result-actions button{min-width:0;min-height:44px;justify-content:center;padding-inline:12px;font-size:.82rem;font-weight:850;white-space:nowrap}body[data-page=htmlEntityConverter] #html-entity-copy.is-copied{border-color:#16a34a3d;background:#16a34a;color:#fff;box-shadow:0 12px 24px #16a34a2e}body[data-page=htmlEntityConverter] #html-entity-copy-message{min-height:0;margin:0;color:var(--primary-dark);font-size:.78rem;font-weight:850;line-height:1.35}body[data-page=htmlEntityConverter] #html-entity-copy-message:empty{display:none}body[data-page=htmlEntityConverter] .html-entity-guide-note{width:min(100%,860px);margin-inline:auto;border-color:#e2e8f0f2;background:#f8fbff9e;box-shadow:none}@media(max-width:860px){body[data-page=htmlEntityConverter] .html-entity-workspace{width:min(100% - 24px,1120px);gap:10px;padding-block:4px 20px}body[data-page=htmlEntityConverter] .html-entity-grid{grid-template-columns:1fr;gap:10px}body[data-page=htmlEntityConverter] :where(.html-entity-input-card,.html-entity-result-card){padding:14px;border-radius:16px}body[data-page=htmlEntityConverter] :where(#html-entity-input,#html-entity-result){min-height:220px;height:clamp(220px,32vh,310px);padding:13px;font-size:.86rem}body[data-page=htmlEntityConverter] .html-entity-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}@media(max-width:370px){body[data-page=htmlEntityConverter] :where(.html-entity-toolbar,.html-entity-result-card .editor-toolbar){display:grid;grid-template-columns:1fr}body[data-page=htmlEntityConverter] .html-entity-direction--toolbar{width:100%}body[data-page=htmlEntityConverter] .html-entity-result-actions,body[data-page=htmlEntityConverter] .html-entity-secondary-row{grid-template-columns:1fr}body[data-page=htmlEntityConverter] .html-entity-result-actions button,body[data-page=htmlEntityConverter] .html-entity-secondary-row button{width:100%}}body[data-page=htmlEntityConverter] .html-entity-result-card.is-filled #html-entity-warning{order:2;border-color:#dbeafee6;background:#eff6ff80;color:var(--primary-dark);font-weight:850}body[data-page=htmlEntityConverter] .html-entity-result-card.is-filled #html-entity-result{order:3}body[data-page=htmlEntityConverter] .html-entity-result-card.is-filled .html-entity-result-actions{order:4}body[data-page=htmlEntityConverter] .html-entity-result-card.is-filled .html-entity-summary{order:5}body[data-page=htmlEntityConverter] .html-entity-result-card.is-filled #html-entity-copy-message{order:6}body[data-page=htmlEntityConverter] .html-entity-result-card.is-filled .editor-toolbar{order:1}body[data-page=htmlEntityConverter] .html-entity-summary>div:first-child{border-color:#bfdbfef2;background:#eff6ff}body[data-page=htmlEntityConverter] .html-entity-options summary span:first-child{min-width:0;overflow-wrap:anywhere}body[data-page=htmlEntityConverter] .html-entity-guide-note summary{font-weight:850}body[data-page=imageFormatConverter] .format-workspace{display:grid;gap:12px;padding-block:6px 24px}body[data-page=imageFormatConverter] :where(.format-file-card,.format-source-card,.format-options-card,.format-result-card){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=imageFormatConverter] .format-file-card{gap:12px;padding:18px;border-color:#bfdbfeeb}body[data-page=imageFormatConverter] .format-file-card.is-empty{box-shadow:0 14px 34px #2563eb17}body[data-page=imageFormatConverter] .format-file-card.is-filled{border-color:#e2e8f0f2;box-shadow:0 8px 22px #0f172a0b}body[data-page=imageFormatConverter] .format-card-head,body[data-page=imageFormatConverter] .format-section-heading{display:grid;gap:5px;margin:0}body[data-page=imageFormatConverter] .format-card-head h2,body[data-page=imageFormatConverter] .format-section-heading h2,body[data-page=imageFormatConverter] .format-result-card>h2{margin:0;font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.2}body[data-page=imageFormatConverter] .format-card-lead{margin:0;color:var(--ink-2);font-size:.88rem;font-weight:700;line-height:1.45}body[data-page=imageFormatConverter] .format-file-picker{min-height:58px;border-color:#2563eb4d;background:#eff6ff;color:var(--primary-dark);box-shadow:inset 0 0 0 1px #2563eb14}body[data-page=imageFormatConverter] .format-file-picker>span{font-size:1rem;font-weight:950}body[data-page=imageFormatConverter] .format-main-grid{align-items:start;gap:12px}body[data-page=imageFormatConverter] .format-source-card,body[data-page=imageFormatConverter] .format-options-card,body[data-page=imageFormatConverter] .format-result-card{display:grid;gap:10px;padding:16px}body[data-page=imageFormatConverter] .format-options-card.is-disabled{border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#f8fafc);color:var(--muted)}body[data-page=imageFormatConverter] .format-options-card.is-disabled .format-choice-group{opacity:.58}body[data-page=imageFormatConverter] .format-options-card.is-disabled .format-process-button{border-color:#cbd5e1e6;background:#e2e8f0;color:#64748b;box-shadow:none}body[data-page=imageFormatConverter] .format-preview-box{min-height:210px;padding:12px}body[data-page=imageFormatConverter] .format-preview-box img{max-height:260px}body[data-page=imageFormatConverter] .format-choice-group{display:grid;gap:7px;min-width:0;margin:0;padding:0;border:0}body[data-page=imageFormatConverter] .format-choice-group legend{margin:0;padding:0;color:var(--ink-2);font-size:.78rem;font-weight:850;line-height:1.25}body[data-page=imageFormatConverter] .format-choice-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}body[data-page=imageFormatConverter] .format-quality-group .format-choice-track{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-page=imageFormatConverter] .format-background-group .format-choice-track{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page=imageFormatConverter] .format-choice-track label{position:relative;min-width:0;min-height:42px;margin:0;padding:0;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff;box-shadow:none;cursor:pointer}body[data-page=imageFormatConverter] .format-choice-track input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;cursor:pointer;opacity:0}body[data-page=imageFormatConverter] .format-choice-track span{display:flex;min-height:42px;align-items:center;justify-content:center;padding:0 8px;color:var(--ink-2);font-size:.82rem;font-weight:850;line-height:1.1;pointer-events:none;white-space:nowrap}body[data-page=imageFormatConverter] .format-choice-track input:checked+span{border-radius:11px;background:#eff6ff;color:var(--primary-dark);box-shadow:inset 0 0 0 1px #2563eb1f}body[data-page=imageFormatConverter] .format-choice-track input:focus-visible+span{outline:2px solid rgba(37,99,235,.42);outline-offset:2px}body[data-page=imageFormatConverter] #format-output-error[hidden],body[data-page=imageFormatConverter] .format-message[hidden]{display:none}body[data-page=imageFormatConverter] .format-process-button{width:100%;min-height:52px;justify-content:center;border-radius:14px;font-size:.96rem;font-weight:950;box-shadow:0 12px 26px #2563eb2e}body[data-page=imageFormatConverter] .format-result-card{align-self:start;scroll-margin-top:86px}body[data-page=imageFormatConverter] .format-result-card>strong{margin:0;color:var(--ink);font-size:clamp(1.34rem,4.2vw,1.82rem);font-weight:950;line-height:1.1}body[data-page=imageFormatConverter] .format-result-card .result-summary{margin:0;color:var(--ink-2);font-size:.88rem;line-height:1.42}body[data-page=imageFormatConverter] .format-result-card.is-empty,body[data-page=imageFormatConverter] .format-result-card.is-loading{gap:8px;padding-block:16px;border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:none}body[data-page=imageFormatConverter] .format-result-card.is-empty :where(.format-result-grid,#format-result-message),body[data-page=imageFormatConverter] .format-result-card.is-loading :where(.format-result-grid,#format-result-message),body[data-page=imageFormatConverter] .format-result-card.is-error .format-result-grid{display:none}body[data-page=imageFormatConverter] .format-result-card.is-empty>strong,body[data-page=imageFormatConverter] .format-result-card.is-loading>strong{color:var(--muted);font-size:clamp(1.12rem,3vw,1.36rem)}body[data-page=imageFormatConverter] .format-result-card.is-filled{border-color:#bfdbfef2;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=imageFormatConverter] .format-result-card.is-filled>strong{color:var(--primary-dark)}body[data-page=imageFormatConverter] .format-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=imageFormatConverter] .format-result-card.is-error #format-result-status{color:#c2410c}body[data-page=imageFormatConverter] .format-result-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1fr);align-items:start;gap:12px;min-width:0}body[data-page=imageFormatConverter] .format-result-info{display:grid;gap:10px;min-width:0}body[data-page=imageFormatConverter] .format-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=imageFormatConverter] .format-info-grid>div{min-width:0;padding:9px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=imageFormatConverter] .format-info-wide{grid-column:1 / -1}body[data-page=imageFormatConverter] .format-info-grid dt{color:var(--muted);font-size:.72rem;font-weight:850;line-height:1.25}body[data-page=imageFormatConverter] .format-info-grid dd{min-width:0;margin:4px 0 0;color:var(--ink);font-size:.82rem;font-weight:850;line-height:1.28;overflow-wrap:anywhere;word-break:break-word}body[data-page=imageFormatConverter] .format-result-actions{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(74px,auto));gap:8px;margin:0}body[data-page=imageFormatConverter] .format-result-actions[hidden]{display:none!important}body[data-page=imageFormatConverter] .format-result-actions :where(a,button){min-height:44px;justify-content:center;padding-inline:12px;font-size:.82rem;white-space:nowrap}body[data-page=imageFormatConverter] .format-download-link{box-shadow:0 10px 24px #2563eb2e}body[data-page=imageFormatConverter] .format-guide-note{display:block;padding:0;border:1px solid rgba(219,234,254,.95);border-radius:14px;background:#eff6ff9e;color:var(--ink-2);box-shadow:0 10px 24px #0f172a09}body[data-page=imageFormatConverter] .format-guide-note summary{min-height:44px;padding:12px 14px;color:var(--primary-dark);cursor:pointer;font-size:.86rem;font-weight:850;line-height:1.35}body[data-page=imageFormatConverter] .format-guide-note p{margin:0;padding:0 14px 10px;font-size:.82rem;font-weight:650;line-height:1.45}@media(min-width:900px){body[data-page=imageFormatConverter] .format-main-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.82fr)}}@media(max-width:760px){body[data-page=imageFormatConverter] .tool-workbench-hero{gap:12px;padding-block:18px}body[data-page=imageFormatConverter] .tool-workbench-step small{display:none}body[data-page=imageFormatConverter] .format-workspace,body[data-page=imageFormatConverter] .format-main-grid{gap:10px}body[data-page=imageFormatConverter] .format-file-card,body[data-page=imageFormatConverter] .format-source-card,body[data-page=imageFormatConverter] .format-options-card,body[data-page=imageFormatConverter] .format-result-card{padding:14px;border-radius:16px}body[data-page=imageFormatConverter] .format-card-head h2,body[data-page=imageFormatConverter] .format-section-heading h2,body[data-page=imageFormatConverter] .format-result-card>h2{font-size:1.08rem}body[data-page=imageFormatConverter] .format-card-lead{font-size:.82rem;line-height:1.38}body[data-page=imageFormatConverter] .format-file-picker{min-height:54px}body[data-page=imageFormatConverter] .format-source-card .format-preview-box,body[data-page=imageFormatConverter] .format-result-card .format-preview-box{min-height:164px;padding:10px}body[data-page=imageFormatConverter] .format-source-card .format-preview-box img,body[data-page=imageFormatConverter] .format-result-card .format-preview-box img{max-height:162px}body[data-page=imageFormatConverter] .format-choice-track,body[data-page=imageFormatConverter] .format-background-group .format-choice-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}body[data-page=imageFormatConverter] .format-quality-group .format-choice-track{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-page=imageFormatConverter] .format-choice-track label,body[data-page=imageFormatConverter] .format-choice-track span{min-height:40px}body[data-page=imageFormatConverter] .format-choice-track span{padding-inline:4px;font-size:.74rem}body[data-page=imageFormatConverter] .format-process-button{min-height:50px}body[data-page=imageFormatConverter] .format-result-grid{grid-template-columns:1fr;gap:10px}body[data-page=imageFormatConverter] .format-info-grid{grid-template-columns:1fr;gap:7px}body[data-page=imageFormatConverter] .format-info-grid>div{display:grid;grid-template-columns:minmax(72px,.34fr) minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:9px 10px}body[data-page=imageFormatConverter] .format-info-wide{grid-column:auto}body[data-page=imageFormatConverter] .format-info-grid dt,body[data-page=imageFormatConverter] .format-info-grid dd{margin:0}body[data-page=imageFormatConverter] .format-info-grid dd{text-align:right;font-size:.78rem;word-break:break-all}body[data-page=imageFormatConverter] .format-result-actions{grid-template-columns:minmax(0,1fr) repeat(2,minmax(68px,auto));gap:7px}body[data-page=imageFormatConverter] .format-result-actions :where(a,button){min-width:0;min-height:44px;padding-inline:8px;font-size:.78rem}}@media(max-width:370px){body[data-page=imageFormatConverter] .format-result-actions{grid-template-columns:1fr}body[data-page=imageFormatConverter] .format-result-actions :where(a,button){width:100%}body[data-page=imageFormatConverter] .format-choice-track span{font-size:.7rem}}body[data-page=imageSizeChecker] .image-result-card{align-self:start;min-width:0}body[data-page=imageSizeChecker] .image-result-card.is-empty,body[data-page=imageSizeChecker] .image-result-card.is-loading{gap:10px;padding-block:18px}body[data-page=imageSizeChecker] .image-result-card.is-empty :where(.image-summary-strip,.image-info-grid,.local-note,#image-warning),body[data-page=imageSizeChecker] .image-result-card.is-loading :where(.image-summary-strip,.image-info-grid,.local-note,#image-warning),body[data-page=imageSizeChecker] .image-result-card.is-error :where(.image-summary-strip,.image-info-grid,.local-note){display:none}body[data-page=imageSizeChecker] .image-result-card.is-empty #image-summary,body[data-page=imageSizeChecker] .image-result-card.is-loading #image-summary{margin-bottom:0}body[data-page=imageSizeChecker] .image-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=imageSizeChecker] .image-result-card.is-error #image-main-result{color:#c2410c}body[data-page=imageSizeChecker] .image-preview-box.is-empty,body[data-page=imageSizeChecker] .image-preview-box.is-loading,body[data-page=imageSizeChecker] .image-preview-box.is-error{min-height:138px;padding-block:16px}body[data-page=imageSizeChecker] .image-preview-box.is-loading{background:linear-gradient(180deg,#fff,#f8fafc)}body[data-page=imageSizeChecker] .image-preview-box.is-error{border-color:#fed7aa;background:#fff7ed}body[data-page=imageSizeChecker] .image-preview-box.is-filled{min-height:0}body[data-page=imageSizeChecker] .image-info-grid dd{overflow-wrap:anywhere}body[data-page=sha256HashCalculator] .sha-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-block:6px 24px}body[data-page=sha256HashCalculator] :where(.sha-file-panel,.sha-result-card,.sha-compare-panel){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=sha256HashCalculator] .sha-file-panel{gap:12px;padding:18px}body[data-page=sha256HashCalculator] .sha-file-heading{gap:5px}body[data-page=sha256HashCalculator] .sha-file-heading h2{margin:0;font-size:clamp(1.16rem,2vw,1.42rem);line-height:1.2}body[data-page=sha256HashCalculator] .sha-file-heading p:not(.card-eyebrow){margin:0;color:var(--ink-2);font-size:.88rem;font-weight:700;line-height:1.45}body[data-page=sha256HashCalculator] .sha-file-picker{min-height:60px;border-color:#2563eb47;background:#eff6ff;color:var(--primary-dark);box-shadow:inset 0 0 0 1px #2563eb14}body[data-page=sha256HashCalculator] .sha-file-picker>span{font-size:1rem;font-weight:950}body[data-page=sha256HashCalculator] .sha-file-picker>small{display:block;margin-top:2px;color:var(--ink-2);font-size:.78rem;font-weight:750;line-height:1.3}body[data-page=sha256HashCalculator] #sha-file-help{margin:0;padding:9px 11px;border:1px solid rgba(226,232,240,.88);background:#f8fafcb8;color:var(--ink-2);font-size:.8rem;line-height:1.4}body[data-page=sha256HashCalculator] .sha-file-info{display:grid;gap:8px;margin:0}body[data-page=sha256HashCalculator] .sha-file-info[hidden]{display:none!important}body[data-page=sha256HashCalculator] .sha-file-info .card-eyebrow{margin:0;color:var(--muted)}body[data-page=sha256HashCalculator] .sha-file-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}body[data-page=sha256HashCalculator] .sha-file-grid>div{min-width:0;padding:8px 9px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=sha256HashCalculator] .sha-file-grid dt{color:var(--muted);font-size:.72rem;font-weight:850;line-height:1.25}body[data-page=sha256HashCalculator] .sha-file-grid dd{min-width:0;margin:4px 0 0;color:var(--ink);font-size:.82rem;font-weight:850;line-height:1.28;overflow-wrap:anywhere}body[data-page=sha256HashCalculator] #sha-empty-note{margin:0;padding:8px 10px;border:1px solid rgba(219,234,254,.9);border-radius:12px;background:#eff6ff80;color:var(--ink-2);font-size:.78rem;line-height:1.4}body[data-page=sha256HashCalculator] .sha-result-card{display:grid;align-self:start;gap:9px;padding:18px;scroll-margin-top:86px}body[data-page=sha256HashCalculator] .sha-result-card>h2{margin:0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.2}body[data-page=sha256HashCalculator] #sha-status{margin:0;color:var(--primary-dark);font-size:clamp(1.22rem,3.8vw,1.68rem);line-height:1.12}body[data-page=sha256HashCalculator] #sha-summary{margin:0;color:var(--ink-2);font-size:.88rem;line-height:1.42}body[data-page=sha256HashCalculator] .hash-output{display:block;max-width:100%;min-width:0;padding:12px;border:1px solid rgba(191,219,254,.95);border-radius:14px;background:#fff;color:var(--ink);overflow-wrap:anywhere;word-break:break-all;white-space:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(.76rem,2.35vw,.92rem);font-weight:760;line-height:1.58}body[data-page=sha256HashCalculator] .sha-result-actions{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(82px,auto));gap:8px;margin:0}body[data-page=sha256HashCalculator] .sha-result-actions button{min-width:0;min-height:44px;justify-content:center;padding-inline:12px;font-size:.82rem;font-weight:850;white-space:nowrap}body[data-page=sha256HashCalculator] .sha-result-card.is-empty,body[data-page=sha256HashCalculator] .sha-result-card.is-loading{gap:8px;padding-block:16px;border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:none}body[data-page=sha256HashCalculator] .sha-result-card.is-empty :where(#sha-hash-output,.sha-action-row,.result-note,.local-note,#sha-warning),body[data-page=sha256HashCalculator] .sha-result-card.is-loading :where(#sha-hash-output,.sha-action-row,#sha-warning){display:none}body[data-page=sha256HashCalculator] .sha-result-card.is-empty #sha-status,body[data-page=sha256HashCalculator] .sha-result-card.is-loading #sha-status{color:var(--muted);font-size:clamp(1.12rem,3vw,1.36rem)}body[data-page=sha256HashCalculator] .sha-result-card.is-filled{border-color:#bfdbfefa;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=sha256HashCalculator] .sha-result-card.is-filled>h2{display:none}body[data-page=sha256HashCalculator] .sha-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=sha256HashCalculator] .sha-result-card.is-error #sha-status,body[data-page=sha256HashCalculator] .sha-result-card.is-error #sha-warning{color:#c2410c}body[data-page=sha256HashCalculator] .sha-result-card .result-note,body[data-page=sha256HashCalculator] .sha-result-card .local-note{margin:0;color:var(--ink-2);font-size:.8rem;line-height:1.4}body[data-page=sha256HashCalculator] .sha-result-card .local-note{padding:0;border:0;background:transparent}body[data-page=sha256HashCalculator] .sha-compare-panel{display:grid;gap:10px;padding:16px 18px}body[data-page=sha256HashCalculator] .sha-compare-panel h2{margin:0;font-size:clamp(1.04rem,1.8vw,1.2rem);line-height:1.2}body[data-page=sha256HashCalculator] .sha-compare-panel p{margin:0;color:var(--ink-2);font-size:.86rem;line-height:1.42}body[data-page=sha256HashCalculator] .sha-compare-panel.is-empty{align-self:start;gap:8px;padding-block:14px;box-shadow:none}body[data-page=sha256HashCalculator] .sha-compare-panel.is-empty :where(.field,#sha-compare-status,.sha-action-row){display:none}body[data-page=sha256HashCalculator] .sha-compare-panel textarea{max-width:100%;overflow-wrap:anywhere;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}body[data-page=sha256HashCalculator] #sha-compare-status:empty{display:none}body[data-page=sha256HashCalculator] #sha-compare-status[data-status=match]{color:#166534}body[data-page=sha256HashCalculator] #sha-compare-status[data-status=mismatch],body[data-page=sha256HashCalculator] #sha-compare-status[data-status=invalid]{color:#b45309}body[data-page=sha256HashCalculator] .sha-safe-note{border-color:#e2e8f0f2!important;border-left-color:#94a3b873!important;background:#f8fafcad!important}body[data-page=sha256HashCalculator] .sha-safe-note h2{color:var(--ink-2)!important}@media(min-width:900px){body[data-page=sha256HashCalculator] .sha-workspace{max-width:1120px;grid-template-columns:minmax(0,.92fr) minmax(390px,.82fr);align-items:start;gap:16px}body[data-page=sha256HashCalculator] .sha-compare-panel{grid-column:1 / -1}}@media(max-width:760px){body[data-page=sha256HashCalculator] .sha-workspace{gap:10px;padding-block:4px 22px}body[data-page=sha256HashCalculator] .sha-file-panel,body[data-page=sha256HashCalculator] .sha-result-card,body[data-page=sha256HashCalculator] .sha-compare-panel{padding:14px;border-radius:16px}body[data-page=sha256HashCalculator] .sha-file-panel{gap:10px}body[data-page=sha256HashCalculator] .sha-file-picker{min-height:56px}body[data-page=sha256HashCalculator] .sha-file-grid{grid-template-columns:1fr;gap:7px}body[data-page=sha256HashCalculator] .sha-file-grid>div{display:grid;grid-template-columns:minmax(72px,.34fr) minmax(0,1fr);align-items:center;gap:8px;min-height:42px}body[data-page=sha256HashCalculator] .sha-file-grid dt,body[data-page=sha256HashCalculator] .sha-file-grid dd{margin:0}body[data-page=sha256HashCalculator] .sha-file-grid dd{text-align:right;font-size:.78rem}body[data-page=sha256HashCalculator] .hash-output{padding:10px;font-size:.72rem;line-height:1.6}body[data-page=sha256HashCalculator] .sha-result-actions{grid-template-columns:minmax(0,1fr) repeat(2,minmax(68px,auto));gap:7px}body[data-page=sha256HashCalculator] .sha-result-actions button{padding-inline:8px;font-size:.76rem}body[data-page=sha256HashCalculator] .sha-compare-panel textarea{min-height:150px;height:clamp(150px,22vh,200px)}}@media(max-width:370px){body[data-page=sha256HashCalculator] .sha-result-actions{grid-template-columns:1fr}body[data-page=sha256HashCalculator] .sha-result-actions button{width:100%}}body[data-page=uuidGenerator] .uuid-result-card.is-empty{align-self:start;gap:10px;padding-block:18px}body[data-page=uuidGenerator] .uuid-result-card.is-empty :where(#uuid-result-actions,#uuid-list){display:none}body[data-page=uuidGenerator] .uuid-result-card.is-empty #uuid-result-summary{margin:0}body[data-page=uuidGenerator] .uuid-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=uuidGenerator] .uuid-guide-note{display:block;padding:0;border:1px solid rgba(219,234,254,.95);border-radius:14px;background:#eff6ffb8;color:var(--ink-2);box-shadow:0 10px 24px #0f172a09}body[data-page=uuidGenerator] .uuid-guide-note summary{min-height:44px;padding:12px 14px;color:var(--primary-dark);cursor:pointer;font-size:.9rem;font-weight:800;line-height:1.35}body[data-page=uuidGenerator] .uuid-guide-note p{margin:0;padding:0 14px 10px;font-size:.84rem;font-weight:650;line-height:1.5}body[data-page=uuidGenerator] .uuid-workspace{padding-block:6px 24px}body[data-page=uuidGenerator] .uuid-grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:14px}body[data-page=uuidGenerator] :where(.uuid-option-card,.uuid-result-card){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=uuidGenerator] .uuid-option-card{gap:11px;padding:16px}body[data-page=uuidGenerator] .uuid-control-head,body[data-page=uuidGenerator] .uuid-result-toolbar{align-items:start;justify-content:space-between;gap:10px;min-height:0;margin:0}body[data-page=uuidGenerator] .uuid-control-head h2,body[data-page=uuidGenerator] .uuid-result-toolbar h2{margin:0;font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.2}body[data-page=uuidGenerator] .uuid-control-head .card-eyebrow,body[data-page=uuidGenerator] .uuid-result-toolbar .card-eyebrow{margin-bottom:3px}body[data-page=uuidGenerator] .uuid-format-summary{display:inline-flex;flex:0 0 auto;align-items:center;min-height:30px;margin:0;padding:0 10px;border:1px solid rgba(219,234,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.76rem;font-weight:850;line-height:1;white-space:nowrap}body[data-page=uuidGenerator] .uuid-count-panel{display:grid;gap:8px;min-width:0;padding:9px;border:1px solid rgba(226,232,240,.95);border-radius:15px;background:#f8fafcb8}body[data-page=uuidGenerator] .uuid-quick-counts,body[data-page=uuidGenerator] .uuid-format-options{min-width:0;margin:0;padding:0;border:0}body[data-page=uuidGenerator] .uuid-quick-counts legend,body[data-page=uuidGenerator] .uuid-format-options legend{margin:0 0 6px;padding:0;color:var(--ink-2);font-size:.76rem;font-weight:850;line-height:1.25}body[data-page=uuidGenerator] .uuid-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}body[data-page=uuidGenerator] .uuid-count-button{min-width:0;min-height:38px;padding:0 6px;border-color:#cbd5e1eb;border-radius:11px;color:var(--ink-2);font-size:.78rem;box-shadow:none;white-space:nowrap}body[data-page=uuidGenerator] .uuid-count-button.is-selected{border-color:#2563eb47;background:#eff6ff;color:var(--primary-dark);box-shadow:inset 0 0 0 1px #2563eb14}body[data-page=uuidGenerator] .uuid-field{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:8px;min-width:0;margin:0;padding:8px 9px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=uuidGenerator] .uuid-field span{color:var(--ink-2);font-size:.78rem;font-weight:850}body[data-page=uuidGenerator] .uuid-field input{width:100%;min-width:0;min-height:38px;padding-inline:9px;text-align:right}body[data-page=uuidGenerator] #uuid-count-help,body[data-page=uuidGenerator] #uuid-count-error{margin:0;font-size:.76rem;line-height:1.35}body[data-page=uuidGenerator] #uuid-count-error:empty{display:none}body[data-page=uuidGenerator] .uuid-format-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}body[data-page=uuidGenerator] .uuid-format-options legend{grid-column:1 / -1}body[data-page=uuidGenerator] .uuid-format-options label{display:flex;min-width:0;min-height:38px;align-items:center;gap:7px;margin:0;padding:8px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff;color:var(--ink-2);font-size:.8rem;font-weight:820;line-height:1.2}body[data-page=uuidGenerator] .uuid-format-options input{flex:0 0 auto;width:15px;height:15px;accent-color:var(--primary)}body[data-page=uuidGenerator] .uuid-generate-button{width:100%;min-height:54px;justify-content:center;border-radius:15px;font-size:1rem;font-weight:950;letter-spacing:-.01em;box-shadow:0 12px 26px #2563eb33}body[data-page=uuidGenerator] .uuid-result-card{align-self:start;gap:9px;padding:16px;scroll-margin-top:86px}body[data-page=uuidGenerator] .uuid-result-card:focus{outline:none}body[data-page=uuidGenerator] .uuid-result-card.is-filled{border-color:#bfdbfefa}body[data-page=uuidGenerator] .uuid-result-card.is-filled .uuid-result-toolbar .card-eyebrow{display:none}body[data-page=uuidGenerator] #uuid-result-summary{margin:0;color:var(--ink-2);font-size:.86rem;font-weight:750;line-height:1.4}body[data-page=uuidGenerator] .uuid-result-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0}body[data-page=uuidGenerator] .uuid-result-actions[hidden]{display:none!important}body[data-page=uuidGenerator] .uuid-result-actions button{min-height:42px;padding-inline:12px;font-size:.82rem;white-space:nowrap}body[data-page=uuidGenerator] .uuid-list{display:grid;gap:6px;min-width:0;margin-top:1px}body[data-page=uuidGenerator] .uuid-list.is-scrollable{max-height:clamp(360px,54vh,620px);overflow-y:auto;padding-right:4px}body[data-page=uuidGenerator] .uuid-row{display:grid;grid-template-columns:38px minmax(0,1fr) 58px;align-items:center;gap:6px;min-width:0;min-height:44px;padding:6px 8px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff;box-shadow:0 1px 1px #0f172a06}body[data-page=uuidGenerator] .uuid-row.is-single{grid-template-columns:50px minmax(0,1fr) 58px}body[data-page=uuidGenerator] .uuid-order{min-width:0;color:var(--ink-3);font-size:.72rem;font-weight:900;line-height:1;text-align:center;white-space:nowrap}body[data-page=uuidGenerator] .uuid-value{display:block;min-width:0;padding:0;background:transparent;color:var(--ink);font-size:clamp(.74rem,1.65vw,.86rem);font-weight:760;letter-spacing:-.015em;line-height:1.35;overflow-wrap:anywhere;word-break:break-all}body[data-page=uuidGenerator] .uuid-copy-button{min-width:0;min-height:44px;padding:0 10px;border-radius:10px;font-size:.74rem;font-weight:900;white-space:nowrap}body[data-page=uuidGenerator] #uuid-copy-message{margin:0;padding:8px 10px;font-size:.76rem;line-height:1.35}@media(max-width:760px){body[data-page=uuidGenerator] .tool-workbench-hero{gap:12px;padding-block:18px}body[data-page=uuidGenerator] .tool-workbench-step small{display:none}body[data-page=uuidGenerator] .uuid-grid{grid-template-columns:1fr;gap:10px}body[data-page=uuidGenerator] .uuid-option-card,body[data-page=uuidGenerator] .uuid-result-card{padding:14px;border-radius:16px}body[data-page=uuidGenerator] .uuid-control-head,body[data-page=uuidGenerator] .uuid-result-toolbar{gap:8px}body[data-page=uuidGenerator] .uuid-control-head h2,body[data-page=uuidGenerator] .uuid-result-toolbar h2{font-size:1.08rem}body[data-page=uuidGenerator] .uuid-format-summary{min-height:28px;padding-inline:8px;font-size:.72rem}body[data-page=uuidGenerator] .uuid-count-panel{gap:7px;padding:8px}body[data-page=uuidGenerator] .uuid-count-button{min-height:36px;padding-inline:4px;font-size:.76rem}body[data-page=uuidGenerator] .uuid-field{grid-template-columns:minmax(0,1fr) 86px;gap:7px;padding:7px 8px}body[data-page=uuidGenerator] .uuid-field input{min-height:36px}body[data-page=uuidGenerator] .uuid-format-options label{min-height:38px;padding:8px;font-size:.78rem}body[data-page=uuidGenerator] .uuid-generate-button{min-height:50px;font-size:.96rem}body[data-page=uuidGenerator] .uuid-result-actions{grid-template-columns:minmax(0,1fr) 78px;gap:7px}body[data-page=uuidGenerator] .uuid-list{gap:5px}body[data-page=uuidGenerator] .uuid-list.is-scrollable{max-height:430px;padding-right:2px}body[data-page=uuidGenerator] .uuid-row{grid-template-columns:32px minmax(0,1fr) 54px;gap:5px;min-height:44px;padding:4px 6px;border-radius:10px}body[data-page=uuidGenerator] .uuid-row.is-single{grid-template-columns:42px minmax(0,1fr) 54px}body[data-page=uuidGenerator] .uuid-order{font-size:.68rem}body[data-page=uuidGenerator] .uuid-value{font-size:.7rem;line-height:1.28}body[data-page=uuidGenerator] .uuid-copy-button{min-height:44px;padding-inline:8px;font-size:.72rem}body[data-page=uuidGenerator] #uuid-copy-message{padding:7px 9px;font-size:.72rem}}@media(max-width:370px){body[data-page=uuidGenerator] .uuid-row{grid-template-columns:28px minmax(0,1fr) 50px;padding-inline:4px}body[data-page=uuidGenerator] .uuid-row.is-single{grid-template-columns:38px minmax(0,1fr) 50px}body[data-page=uuidGenerator] .uuid-value{font-size:.66rem}body[data-page=uuidGenerator] .uuid-copy-button{min-height:44px;padding-inline:6px;font-size:.68rem}}body[data-page=resizeImage] .resize-preset-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}body[data-page=resizeImage] .resize-preset-row button{min-height:44px;padding:0 10px;border-color:#cbd5e1e6;border-radius:12px;background:#fff;color:var(--ink-2);font-size:.86rem;font-weight:750;box-shadow:0 1px 1px #0f172a06}body[data-page=resizeImage] .resize-preset-row button:hover{border-color:#bfdbfe;color:var(--primary-dark);box-shadow:0 8px 18px #0f172a0e}}@layer pages{body[data-page=percentageCalculator] .percentage-workspace{display:grid;width:min(100% - 28px,780px);gap:10px;padding-block:6px 24px}body[data-page=percentageCalculator] .percentage-mode-tabs{display:grid;width:100%;grid-auto-flow:row;grid-auto-columns:initial;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-inline:auto;padding:4px;border:1px solid rgba(219,234,254,.88);border-radius:999px;background:#eff6ff8f;box-shadow:none}body[data-page=percentageCalculator] .percentage-mode-tabs button{min-width:0;min-height:36px;padding:0 7px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font-size:.78rem;font-weight:850;line-height:1.1;white-space:nowrap;box-shadow:none}body[data-page=percentageCalculator] .percentage-mode-tabs button.is-active{background:#fff;color:var(--primary-dark);box-shadow:0 4px 12px #0f172a0e}body[data-page=percentageCalculator] .percentage-mode-tabs button:focus-visible{outline:2px solid rgba(37,99,235,.42);outline-offset:2px}body[data-page=percentageCalculator] .percentage-panel{display:grid;width:100%;gap:11px;padding:18px;border-color:#cbd5e1db;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 1px 2px #0f172a0a,0 12px 28px #0f172a0f}body[data-page=percentageCalculator] .percentage-panel-head{display:grid;gap:4px}body[data-page=percentageCalculator] .percentage-panel-head .card-eyebrow{display:none}body[data-page=percentageCalculator] .percentage-panel h2{margin:0;color:var(--ink);font-size:clamp(1.14rem,2.1vw,1.38rem);font-weight:900;line-height:1.2;letter-spacing:-.035em}body[data-page=percentageCalculator] .percentage-panel-head p:not(.card-eyebrow){margin:0;color:var(--muted);font-size:.86rem;font-weight:650;line-height:1.42}body[data-page=percentageCalculator] .percentage-formula{display:flex;flex-wrap:wrap;gap:5px;align-items:center;min-height:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--muted);font-size:.76rem;font-weight:650;line-height:1.35}body[data-page=percentageCalculator] .percentage-formula b{color:#64748bcc;font-weight:800}body[data-page=percentageCalculator] .percentage-input-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body[data-page=percentageCalculator] .percentage-input-row label{min-width:0;gap:6px}body[data-page=percentageCalculator] .percentage-input-row label>span:first-child{color:var(--ink-2);font-size:.8rem;font-weight:850;line-height:1.25}body[data-page=percentageCalculator] .percentage-input-row input{min-width:0;min-height:46px;padding-inline:12px;font-size:.94rem;font-weight:800}body[data-page=percentageCalculator] .percentage-panel .input-with-unit{position:relative;display:block;min-width:0}body[data-page=percentageCalculator] .percentage-panel .input-with-unit input{width:100%;padding-right:38px}body[data-page=percentageCalculator] .percentage-panel .input-with-unit b{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--muted);font-size:.84rem;font-weight:900;pointer-events:none}body[data-page=percentageCalculator] .inline-example-buttons{margin:0}body[data-page=percentageCalculator] .inline-example-buttons button{min-height:38px;padding-inline:12px;border-radius:999px;font-size:.78rem;font-weight:800}body[data-page=percentageCalculator] .percentage-panel .result-box{display:grid;gap:4px;margin:0;padding:15px 16px;border:1px solid rgba(191,219,254,.96);border-radius:16px;background:linear-gradient(180deg,#fff,#eff6ff)}body[data-page=percentageCalculator] .percentage-result-label{color:var(--muted);font-size:.74rem;font-weight:850;line-height:1.25}body[data-page=percentageCalculator] .percentage-panel .result-box strong{color:var(--primary-dark);font-size:clamp(1.8rem,5vw,2.38rem);font-weight:950;line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere}body[data-page=percentageCalculator] .percentage-panel .result-box.is-empty{gap:0;padding-block:12px;border-color:#e2e8f0f2;background:#f8fafc;box-shadow:none}body[data-page=percentageCalculator] .result-box.is-empty .percentage-result-label{display:none}body[data-page=percentageCalculator] .percentage-panel .result-box.is-empty strong{color:var(--muted);font-size:.9rem;font-weight:650;letter-spacing:0;line-height:1.4}body[data-page=percentageCalculator] .percentage-panel .result-box.is-error{gap:0;padding-block:12px;border-color:#fed7aa;background:#fff7ed}body[data-page=percentageCalculator] .result-box.is-error .percentage-result-label{display:none}body[data-page=percentageCalculator] .percentage-panel .result-box.is-error strong{color:#c2410c;font-size:.92rem;font-weight:850;letter-spacing:0;line-height:1.35}body[data-page=percentageCalculator] .calculator-list .percentage-local-note{width:min(100%,780px);margin-inline:auto}@media(max-width:520px){body[data-page=percentageCalculator] .percentage-workspace{width:min(100% - 24px,780px);gap:8px;padding-block:4px 20px}body[data-page=percentageCalculator] .percentage-mode-tabs{gap:3px;padding:3px}body[data-page=percentageCalculator] .percentage-mode-tabs button{min-height:34px;padding-inline:3px;font-size:.68rem;letter-spacing:-.03em}body[data-page=percentageCalculator] .percentage-panel{gap:9px;padding:14px;border-radius:16px}body[data-page=percentageCalculator] .percentage-panel h2{font-size:1.14rem}body[data-page=percentageCalculator] .percentage-panel-head p:not(.card-eyebrow){font-size:.82rem;line-height:1.36}body[data-page=percentageCalculator] .percentage-formula{font-size:.7rem}body[data-page=percentageCalculator] .percentage-input-row{gap:7px}body[data-page=percentageCalculator] .percentage-input-row input{min-height:44px;padding-inline:9px;font-size:.86rem}body[data-page=percentageCalculator] .percentage-panel .input-with-unit input{padding-right:30px}body[data-page=percentageCalculator] .percentage-panel .input-with-unit b{right:9px;font-size:.78rem}body[data-page=percentageCalculator] .inline-example-buttons button{min-height:36px;padding-inline:10px;font-size:.74rem}body[data-page=percentageCalculator] .percentage-panel .result-box{padding:12px 13px}body[data-page=percentageCalculator] .percentage-panel .result-box strong{font-size:clamp(1.58rem,8vw,2.04rem)}}@media(max-width:370px){body[data-page=percentageCalculator] .percentage-mode-tabs{grid-template-columns:repeat(6,minmax(0,1fr));border-radius:16px}body[data-page=percentageCalculator] .percentage-mode-tabs button{grid-column:span 2;min-height:34px;font-size:.72rem;letter-spacing:-.03em}body[data-page=percentageCalculator] .percentage-mode-tabs button:nth-child(n+4){grid-column:span 3}body[data-page=percentageCalculator] .percentage-input-row{gap:6px}body[data-page=percentageCalculator] .percentage-input-row label>span:first-child{font-size:.74rem}body[data-page=percentageCalculator] .percentage-input-row input{padding-inline:8px;font-size:.82rem}}body[data-page=colorContrastChecker] .contrast-workspace{padding-block:8px 28px}body[data-page=colorContrastChecker] .contrast-main-grid{gap:16px}body[data-page=colorContrastChecker] .contrast-output-stack{display:grid;gap:12px;min-width:0}body[data-page=colorContrastChecker] .contrast-input-card,body[data-page=colorContrastChecker] .contrast-result-card,body[data-page=colorContrastChecker] .contrast-preview-card{background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=colorContrastChecker] .contrast-result-card,body[data-page=colorContrastChecker] .contrast-preview-card{display:grid;align-self:start;gap:7px;padding:14px}body[data-page=colorContrastChecker] .contrast-result-card .card-eyebrow,body[data-page=colorContrastChecker] .contrast-preview-card .card-eyebrow{margin:0}body[data-page=colorContrastChecker] .contrast-result-card h2,body[data-page=colorContrastChecker] .contrast-preview-card h2{margin:0;font-size:clamp(1.12rem,1.6vw,1.42rem);line-height:1.2}body[data-page=colorContrastChecker] .contrast-result-card>strong{margin:0;color:var(--primary-dark);font-size:clamp(2.15rem,4.2vw,3rem);font-weight:900;line-height:.98;letter-spacing:0}body[data-page=colorContrastChecker] .contrast-result-card .result-summary{margin:0;font-size:.94rem;line-height:1.5}body[data-page=colorContrastChecker] .contrast-result-card.is-empty,body[data-page=colorContrastChecker] .contrast-preview-card.is-empty{background:linear-gradient(180deg,#fff,#f8fafc)}body[data-page=colorContrastChecker] .contrast-result-card.is-error,body[data-page=colorContrastChecker] .contrast-preview-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=colorContrastChecker] .contrast-result-card.is-error>strong{color:#c2410c}body[data-page=colorContrastChecker] .contrast-color-row{grid-template-columns:minmax(0,1fr) 150px;gap:12px}body[data-page=colorContrastChecker] .contrast-color-row input[type=color]{min-height:52px;height:52px;padding:4px}body[data-page=colorContrastChecker] .contrast-color-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}body[data-page=colorContrastChecker] .contrast-color-summary>div{display:flex;min-width:0;min-height:40px;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border:1px solid rgba(219,234,254,.95);border-radius:12px;background:#fff}body[data-page=colorContrastChecker] .contrast-color-summary dt{color:var(--ink-2);font-size:.74rem;font-weight:800;line-height:1.2}body[data-page=colorContrastChecker] .contrast-color-summary dd{min-width:0;margin:0;color:var(--ink);font-size:.84rem;font-weight:850;line-height:1.2;text-align:right;overflow-wrap:anywhere}body[data-page=colorContrastChecker] .contrast-badge-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-width:0}body[data-page=colorContrastChecker] .contrast-badge{display:flex;min-width:0;min-height:38px;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid rgba(219,234,254,.95);border-radius:12px;background:#ffffffeb;color:var(--ink-2);line-height:1.2}body[data-page=colorContrastChecker] .contrast-badge span{min-width:0;font-size:.76rem;font-weight:800;overflow-wrap:anywhere}body[data-page=colorContrastChecker] .contrast-badge strong{flex:0 0 auto;font-size:.74rem;font-weight:900}body[data-page=colorContrastChecker] .contrast-badge.is-pass strong{color:#166534}body[data-page=colorContrastChecker] .contrast-badge.is-fail strong{color:#b45309}body[data-page=colorContrastChecker] .contrast-preview-box{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:110px;align-items:center;gap:14px;padding:16px;border-color:#bfdbfef2;border-radius:18px;box-shadow:inset 0 1px #ffffff6b}body[data-page=colorContrastChecker] .contrast-preview-card.is-empty .contrast-preview-box,body[data-page=colorContrastChecker] .contrast-preview-card.is-error .contrast-preview-box{color:var(--ink-2);background:#f8fafc}body[data-page=colorContrastChecker] .contrast-preview-card.is-error .contrast-preview-box{border-color:#fed7aa;background:#fff7ed}body[data-page=colorContrastChecker] .contrast-preview-surface{display:grid;gap:5px;min-width:0}body[data-page=colorContrastChecker] .contrast-preview-surface p{margin:0;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:900;line-height:1.34}body[data-page=colorContrastChecker] .contrast-preview-surface span{font-size:.82rem;font-weight:750;line-height:1.35;opacity:.82}body[data-page=colorContrastChecker] .contrast-preview-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding-inline:14px;border:1px solid currentColor;border-radius:999px;background:#ffffff29;font-size:.82rem;font-weight:900;white-space:nowrap}body[data-page=colorContrastChecker] .contrast-action-panel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}body[data-page=colorContrastChecker] .contrast-action-panel>*{min-height:44px}body[data-page=colorContrastChecker] .contrast-examples{display:grid;gap:10px;margin-top:14px}body[data-page=colorContrastChecker] .contrast-examples h2{margin:0;font-size:clamp(1.06rem,1.8vw,1.24rem);line-height:1.2}body[data-page=colorContrastChecker] .contrast-example-button{display:inline-flex;align-items:center;gap:8px}body[data-page=colorContrastChecker] .contrast-swatch-pair{display:inline-flex;flex:0 0 auto;overflow:hidden;width:30px;height:18px;border:1px solid rgba(203,213,225,.9);border-radius:999px}body[data-page=colorContrastChecker] .contrast-swatch-pair i{flex:1 1 0}body[data-page=colorContrastChecker] .contrast-privacy-note{margin-top:10px}}@layer responsive{body[data-page=aspectRatioCalculator] .aspect-grid{display:contents}body[data-page=aspectRatioCalculator] .aspect-workspace{display:grid;grid-template-areas:"tabs result" "input result" "presets result" "guide result";grid-template-columns:minmax(430px,.95fr) minmax(380px,.72fr);align-items:start;gap:12px}body[data-page=aspectRatioCalculator] .aspect-mode-tabs{grid-area:tabs}body[data-page=aspectRatioCalculator] .aspect-input-card{grid-area:input}body[data-page=aspectRatioCalculator] .aspect-result-card{grid-area:result}body[data-page=aspectRatioCalculator] .aspect-presets{grid-area:presets}body[data-page=aspectRatioCalculator] .aspect-guide-note{grid-area:guide}@media(max-width:880px){body[data-page=aspectRatioCalculator] .aspect-workspace{grid-template-areas:"tabs" "input" "result" "presets" "guide";grid-template-columns:minmax(0,1fr)}body[data-page=aspectRatioCalculator] .aspect-mode-tabs{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row}}@media(max-width:760px){body[data-page=pyeongToSquareMeter] .area-workspace{grid-template-columns:1fr;gap:10px;padding-block:6px 20px}body[data-page=pyeongToSquareMeter] .area-input-panel,body[data-page=pyeongToSquareMeter] .area-result-card,body[data-page=pyeongToSquareMeter] .area-quick-panel{padding:16px}body[data-page=pyeongToSquareMeter] .area-input-panel{gap:10px}body[data-page=pyeongToSquareMeter] .area-result-card{grid-column:auto;grid-row:auto;gap:7px;scroll-margin-top:68px}body[data-page=pyeongToSquareMeter] .area-result-card h2{font-size:1.04rem}body[data-page=pyeongToSquareMeter] .area-result-card.is-filled :where(.card-eyebrow,h2){display:none}body[data-page=pyeongToSquareMeter] .area-result-card>strong{font-size:clamp(1.34rem,6.4vw,1.72rem)}body[data-page=pyeongToSquareMeter] .area-result-card.is-filled>strong{font-size:clamp(1.7rem,7.4vw,2.02rem)}body[data-page=pyeongToSquareMeter] .area-result-card .result-summary{font-size:.86rem;line-height:1.38}body[data-page=pyeongToSquareMeter] .area-result-card:is(.is-empty,.is-error){padding-block:16px}body[data-page=pyeongToSquareMeter] .area-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=pyeongToSquareMeter] .area-mode-grid label{min-height:44px;padding-inline:8px;font-size:.84rem}body[data-page=pyeongToSquareMeter] .area-form-row{grid-template-columns:minmax(0,1fr) minmax(108px,.4fr);gap:8px}body[data-page=pyeongToSquareMeter] .area-form-row>span[aria-hidden=true]{display:none}body[data-page=pyeongToSquareMeter] .area-form-row label{gap:6px}body[data-page=pyeongToSquareMeter] .area-form-row :where(input,select){min-height:44px;padding-inline:12px}body[data-page=pyeongToSquareMeter] .area-form-row .input-with-unit{gap:6px}body[data-page=pyeongToSquareMeter] .area-form-row .input-with-unit b{min-width:34px;min-height:44px;font-size:.78rem}body[data-page=pyeongToSquareMeter] .area-result-card.is-filled .discount-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=pyeongToSquareMeter] .area-result-card.is-filled .discount-result-grid>div{min-height:44px;padding:8px 9px}body[data-page=pyeongToSquareMeter] .area-result-card.is-filled .discount-result-grid dt{font-size:.7rem}body[data-page=pyeongToSquareMeter] .area-result-card.is-filled .discount-result-grid dd{font-size:.82rem}body[data-page=pyeongToSquareMeter] .area-result-card .formula-detail{padding:8px 10px}body[data-page=pyeongToSquareMeter] .area-result-card .formula-detail p{font-size:.8rem;line-height:1.32}body[data-page=pyeongToSquareMeter] .area-result-card #area-clear{min-height:44px;padding-inline:12px;font-size:.82rem}body[data-page=pyeongToSquareMeter] .area-quick-panel{gap:8px;padding-block:14px}body[data-page=pyeongToSquareMeter] .area-quick-panel .card-eyebrow{display:none}body[data-page=pyeongToSquareMeter] .area-quick-panel h2{font-size:1.08rem}body[data-page=pyeongToSquareMeter] .area-quick-panel .compact-example-buttons button{min-height:44px;padding-inline:12px;font-size:.84rem}body[data-page=pyeongToSquareMeter] .area-form-row{grid-template-columns:minmax(0,1fr) minmax(104px,.36fr)!important;align-items:end;gap:8px!important}body[data-page=pyeongToSquareMeter] .area-form-row .input-with-unit{min-height:46px!important;border:1px solid rgba(203,213,225,.96)!important;border-radius:12px!important;background:#fff!important;box-shadow:inset 0 1px #ffffffbf!important}body[data-page=pyeongToSquareMeter] .area-form-row .input-with-unit input{height:44px!important;border:0!important;box-shadow:none!important}body[data-page=pyeongToSquareMeter] .area-form-row .input-with-unit b{display:none!important}body[data-page=pyeongToSquareMeter] .area-decimal-field select{min-height:44px!important}body[data-page=inchToCm] .inch-workspace{grid-template-columns:1fr;gap:10px;padding-block:6px 20px}body[data-page=inchToCm] .inch-input-panel,body[data-page=inchToCm] .inch-result-card,body[data-page=inchToCm] .inch-quick-panel{padding:16px}body[data-page=inchToCm] .inch-input-panel{gap:10px}body[data-page=inchToCm] .inch-result-card{grid-column:auto;grid-row:auto;gap:7px;scroll-margin-top:68px}body[data-page=inchToCm] .inch-result-card h2{font-size:1.04rem}body[data-page=inchToCm] .inch-result-card.is-filled :where(.card-eyebrow,h2){display:none}body[data-page=inchToCm] .inch-result-card>strong{font-size:clamp(1.34rem,6.4vw,1.72rem)}body[data-page=inchToCm] .inch-result-card.is-filled>strong{font-size:clamp(1.7rem,7.4vw,2.02rem)}body[data-page=inchToCm] .inch-result-card .result-summary{font-size:.86rem;line-height:1.38}body[data-page=inchToCm] .inch-result-card:is(.is-empty,.is-error){padding-block:14px}body[data-page=inchToCm] .inch-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=inchToCm] .inch-mode-grid label{min-height:44px;padding-inline:8px;font-size:.84rem}body[data-page=inchToCm] .inch-form-row{grid-template-columns:minmax(0,1fr) minmax(108px,.4fr);gap:8px}body[data-page=inchToCm] .inch-form-row>span[aria-hidden=true]{display:none}body[data-page=inchToCm] .inch-form-row label{gap:6px}body[data-page=inchToCm] .inch-form-row :where(input,select){min-height:44px;padding-inline:12px}body[data-page=inchToCm] .inch-form-row .input-with-unit{gap:6px}body[data-page=inchToCm] .inch-form-row .input-with-unit b{min-width:38px;min-height:44px;font-size:.78rem}body[data-page=inchToCm] .inch-result-card.is-filled .discount-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=inchToCm] .inch-result-card.is-filled .discount-result-grid>div{min-height:44px;padding:8px 9px}body[data-page=inchToCm] .inch-result-card.is-filled .discount-result-grid dt{font-size:.7rem}body[data-page=inchToCm] .inch-result-card.is-filled .discount-result-grid dd{font-size:.82rem}body[data-page=inchToCm] .inch-result-card .formula-detail{padding:8px 10px}body[data-page=inchToCm] .inch-result-card .formula-detail p{font-size:.8rem;line-height:1.32}body[data-page=inchToCm] .inch-result-card #inch-clear{min-height:44px;padding-inline:12px;font-size:.82rem}body[data-page=inchToCm] .inch-quick-panel{gap:8px;padding-block:14px}body[data-page=inchToCm] .inch-quick-panel .card-eyebrow{display:none}body[data-page=inchToCm] .inch-quick-panel h2{font-size:1.08rem}body[data-page=inchToCm] .inch-quick-panel .compact-example-buttons button{min-height:44px;padding-inline:12px;font-size:.84rem}body[data-page=pixelToCmCalculator] .pixel-workspace{grid-template-columns:1fr;gap:10px;padding-block:6px 20px}body[data-page=pixelToCmCalculator] .pixel-input-panel,body[data-page=pixelToCmCalculator] .pixel-result-card,body[data-page=pixelToCmCalculator] .pixel-example-panel{padding:16px}body[data-page=pixelToCmCalculator] .pixel-input-panel{gap:9px}body[data-page=pixelToCmCalculator] .pixel-result-card{grid-column:auto;grid-row:auto;gap:7px;scroll-margin-top:68px}body[data-page=pixelToCmCalculator] .pixel-result-card h2{font-size:1.04rem}body[data-page=pixelToCmCalculator] .pixel-result-card>strong{font-size:clamp(1.34rem,6.4vw,1.72rem)}body[data-page=pixelToCmCalculator] .pixel-result-card.is-filled>strong{font-size:clamp(1.7rem,7.4vw,2.02rem)}body[data-page=pixelToCmCalculator] .pixel-result-card .result-summary{font-size:.86rem;line-height:1.38}body[data-page=pixelToCmCalculator] .pixel-result-card:is(.is-empty,.is-error){padding-block:14px}body[data-page=pixelToCmCalculator] .pixel-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}body[data-page=pixelToCmCalculator] .pixel-mode-grid label{min-height:44px;padding-inline:6px;font-size:.78rem;line-height:1.2;white-space:nowrap}body[data-page=pixelToCmCalculator] .pixel-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=pixelToCmCalculator] .pixel-field-grid .pixel-field{gap:6px}body[data-page=pixelToCmCalculator] .pixel-field-grid input{min-height:44px;padding-inline:12px}body[data-page=pixelToCmCalculator] .pixel-dpi-buttons button,body[data-page=pixelToCmCalculator] .pixel-example-buttons button{min-height:44px;padding-inline:12px;font-size:.84rem}body[data-page=pixelToCmCalculator] .pixel-result-card.is-filled .pixel-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=pixelToCmCalculator] .pixel-result-card.is-filled .pixel-result-grid>div{min-height:44px;padding:8px 9px}body[data-page=pixelToCmCalculator] .pixel-result-card.is-filled .pixel-result-grid dt{font-size:.7rem}body[data-page=pixelToCmCalculator] .pixel-result-card.is-filled .pixel-result-grid dd{font-size:.82rem}body[data-page=pixelToCmCalculator] .pixel-result-card .formula-detail{padding:8px 10px}body[data-page=pixelToCmCalculator] .pixel-result-card .formula-detail p{font-size:.8rem;line-height:1.32}body[data-page=pixelToCmCalculator] #pixel-clear{min-height:44px;padding-inline:12px;font-size:.82rem}body[data-page=pixelToCmCalculator] .pixel-example-panel{gap:8px;padding-block:14px}body[data-page=pixelToCmCalculator] .pixel-example-panel .card-eyebrow{display:none}body[data-page=pixelToCmCalculator] .pixel-example-panel h2{font-size:1.08rem}body[data-page=aspectRatioCalculator] .aspect-workspace{grid-template-areas:"tabs" "input" "result" "presets" "guide";grid-template-columns:1fr;gap:10px;padding-block:6px 20px}body[data-page=aspectRatioCalculator] .aspect-mode-tabs{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:5px;padding:5px}body[data-page=aspectRatioCalculator] .aspect-mode-tabs label,body[data-page=aspectRatioCalculator] .aspect-basis-tabs label{min-height:44px;padding-inline:4px;font-size:.76rem;line-height:1.18}body[data-page=aspectRatioCalculator] .aspect-input-card,body[data-page=aspectRatioCalculator] .aspect-result-card,body[data-page=aspectRatioCalculator] .aspect-presets{padding:14px}body[data-page=aspectRatioCalculator] .aspect-input-card{gap:9px}body[data-page=aspectRatioCalculator] .aspect-input-card .editor-toolbar h2{font-size:1.08rem}body[data-page=aspectRatioCalculator] .aspect-input-card #aspect-mode-help,body[data-page=aspectRatioCalculator] .aspect-input-card .inline-count-summary{font-size:.82rem;line-height:1.36}body[data-page=aspectRatioCalculator] .aspect-input-card [data-aspect-panel]{gap:7px}body[data-page=aspectRatioCalculator] .aspect-input-card [data-aspect-panel=keepRatio]>.inline-count-summary{display:none}body[data-page=aspectRatioCalculator] .aspect-field span{font-size:.76rem}body[data-page=aspectRatioCalculator] .aspect-field input{min-height:44px;padding-inline:10px}body[data-page=aspectRatioCalculator] .aspect-actions{gap:6px}body[data-page=aspectRatioCalculator] .aspect-actions button{min-height:44px;padding-inline:6px;font-size:.78rem;white-space:nowrap}body[data-page=aspectRatioCalculator] .aspect-result-card{gap:7px;scroll-margin-top:68px}body[data-page=aspectRatioCalculator] .aspect-result-card .editor-toolbar h2{font-size:1.04rem}body[data-page=aspectRatioCalculator] .aspect-result-card>strong{font-size:clamp(1.55rem,7.2vw,1.92rem)}body[data-page=aspectRatioCalculator] .aspect-result-card:is(.is-empty,.is-error){padding-block:13px}body[data-page=aspectRatioCalculator] .aspect-result-card:is(.is-empty,.is-error)>strong{font-size:clamp(1.12rem,4.8vw,1.32rem)}body[data-page=aspectRatioCalculator] .aspect-result-card .inline-count-summary{font-size:.82rem;line-height:1.34}body[data-page=aspectRatioCalculator] .aspect-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body[data-page=aspectRatioCalculator] .aspect-details>div{min-height:42px;padding:7px 8px}body[data-page=aspectRatioCalculator] .aspect-details dt{font-size:.68rem}body[data-page=aspectRatioCalculator] .aspect-details dd{font-size:.8rem}body[data-page=aspectRatioCalculator] .aspect-notices{padding:8px 10px;font-size:.76rem;line-height:1.32}body[data-page=aspectRatioCalculator] #aspect-copy{min-height:44px;padding-inline:12px;font-size:.82rem}body[data-page=aspectRatioCalculator] .aspect-presets{gap:8px;padding-block:14px}body[data-page=aspectRatioCalculator] .aspect-presets h3{margin-bottom:6px;font-size:.88rem}body[data-page=aspectRatioCalculator] .aspect-preset-row button{min-height:44px;padding-inline:12px;font-size:.84rem}body[data-page=aspectRatioCalculator] .aspect-guide-note summary{min-height:44px;padding:10px 13px;font-size:.82rem}body[data-page=characterCounter] .document-stats-grid{gap:10px}body[data-page=characterCounter] .document-input-card>textarea{height:clamp(220px,30vh,250px);min-height:220px}body[data-page=characterCounter] .document-metric-panel{gap:12px;padding:16px}body[data-page=characterCounter] .document-metric-heading h2{font-size:clamp(1.28rem,5.8vw,1.55rem);line-height:1.14}body[data-page=characterCounter] .document-metric-heading p:not(.card-eyebrow){font-size:.86rem;line-height:1.38}body[data-page=characterCounter] .stat-card{padding:13px}body[data-page=characterCounter] .stat-card strong{font-size:clamp(1.55rem,8vw,2.05rem)}body[data-page=characterCounter] .document-next-card{padding:16px}body[data-page=characterCounter] .document-next-card h2{font-size:clamp(1.2rem,5.4vw,1.42rem)}body[data-page=resizeImage] .resize-preset-row{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=resizeImage] .resize-preview-box{min-height:180px}}@media(max-width:390px){body[data-page=characterCounter] .document-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=characterCounter] .stat-card{padding:14px}body[data-page=characterCounter] .stat-card strong{font-size:clamp(1.48rem,8vw,1.95rem)}}}@layer components{body[data-page=resizeImage] .resize-main-grid{grid-template-columns:minmax(0,1fr);width:min(100%,760px);margin-inline:auto}body[data-page=resizeImage] .resize-main-grid:has(.resize-source-card:not([hidden])){grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);width:100%;align-items:start}body[data-page=resizeImage] .resize-controls-column{min-width:0}body[data-page=resizeImage] .resize-result-card{width:min(100%,1040px);margin-top:clamp(18px,3vw,28px);margin-inline:auto}body[data-page=resizeImage] .resize-result-card:is(.is-empty,.is-dirty,.is-loading){align-self:start;gap:10px;padding-block:18px}body[data-page=resizeImage] .resize-result-card:is(.is-empty,.is-dirty,.is-loading) :where(.resize-preview-box,.resize-info-grid,.resize-result-actions,#resize-result-message),body[data-page=resizeImage] .resize-result-card:is(.is-empty,.is-dirty,.is-loading)>.local-note,body[data-page=resizeImage] .resize-result-card.is-error :where(.resize-preview-box,.resize-info-grid,.resize-result-actions),body[data-page=resizeImage] .resize-result-card.is-error>.local-note{display:none}body[data-page=resizeImage] .resize-result-card:is(.is-empty,.is-dirty,.is-loading) #resize-result-status{margin-block:5px 6px;font-size:clamp(1.2rem,5vw,1.65rem)}body[data-page=resizeImage] .resize-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=resizeImage] .resize-result-card.is-error #resize-result-status{color:#c2410c}body[data-page=resizeImage] .resize-result-actions{margin:12px 0 16px}body[data-page=resizeImage] .resize-result-actions .resize-download-link{flex:1 1 220px;min-height:48px;justify-content:center}body[data-page=resizeImage] .resize-result-actions #resize-clear-result{flex:0 0 auto;min-height:48px;padding-inline:18px}body[data-page=resizeImage] .resize-process-button{width:100%;justify-content:center}body[data-page=resizeImage] .resize-advanced-options{border:1px solid rgba(226,232,240,.95);border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 1px 2px #0f172a09}body[data-page=resizeImage] .resize-preset-section.resize-advanced-options{padding:0}body[data-page=resizeImage] .resize-output-card.resize-advanced-options{display:block;padding:0}body[data-page=resizeImage] .resize-advanced-options>summary{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer;list-style:none}body[data-page=resizeImage] .resize-advanced-options>summary::-webkit-details-marker{display:none}body[data-page=resizeImage] .resize-advanced-options>summary:after{content:"+";display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border:1px solid rgba(203,213,225,.85);border-radius:50%;color:var(--primary-dark);font-size:1.05rem;font-weight:800;line-height:1}body[data-page=resizeImage] .resize-advanced-options[open]>summary:after{content:"-"}body[data-page=resizeImage] .resize-advanced-title{display:grid;min-width:0;gap:3px}body[data-page=resizeImage] .resize-advanced-title strong{color:var(--ink);font-size:.98rem;font-weight:850;line-height:1.25}body[data-page=resizeImage] .resize-advanced-title small{color:var(--muted);font-size:.82rem;font-weight:600;line-height:1.35}body[data-page=resizeImage] .resize-advanced-body,body[data-page=resizeImage] .resize-preset-section.resize-advanced-options>:not(summary){margin:0 16px 16px}body[data-page=resizeImage] .resize-advanced-body{display:grid;gap:12px}body[data-page=resizeImage] .resize-output-card .resize-advanced-body{margin:0;padding:0 16px 16px}body[data-page=resizeImage] .resize-guide-note.resize-advanced-options{width:min(100%,1040px);margin:clamp(12px,2vw,18px) auto 0}body[data-page=resizeImage] .resize-guide-note .resize-advanced-body{color:var(--ink-2);font-size:.9rem;font-weight:600;line-height:1.55}body[data-page=resizeImage] .resize-guide-note p{margin:0}body[data-page=removeExif] .exif-main-grid{align-items:start}body[data-page=removeExif] .exif-source-card,body[data-page=removeExif] .exif-result-card{min-width:0}body[data-page=removeExif] .exif-source-card.is-empty{align-self:start;gap:12px}body[data-page=removeExif] .exif-source-card.is-empty :where(.exif-info-grid,.exif-output-options,#exif-action-row){display:none}body[data-page=removeExif] .exif-source-card.is-empty .exif-preview-box,body[data-page=removeExif] .exif-source-card.is-loading .exif-preview-box{min-height:120px}body[data-page=removeExif] .exif-source-card.is-loading :where(.exif-info-grid,.exif-output-options,#exif-action-row){display:none}body[data-page=removeExif] .exif-source-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=removeExif] .exif-result-card:is(.is-empty,.is-dirty,.is-loading){align-self:start;gap:10px;padding-block:18px}body[data-page=removeExif] .exif-result-card:is(.is-empty,.is-dirty,.is-loading) :where(.exif-preview-box,.exif-info-grid,.exif-download-link,#exif-result-message),body[data-page=removeExif] .exif-result-card:is(.is-empty,.is-dirty,.is-loading)>.local-note,body[data-page=removeExif] .exif-result-card.is-error :where(.exif-preview-box,.exif-info-grid,.exif-download-link),body[data-page=removeExif] .exif-result-card.is-error>.local-note{display:none}body[data-page=removeExif] .exif-result-card:is(.is-empty,.is-dirty,.is-loading) #exif-result-status{margin-block:5px 6px;font-size:clamp(1.16rem,4.8vw,1.55rem)}body[data-page=removeExif] .exif-result-card:is(.is-empty,.is-dirty,.is-loading) #exif-result-summary{margin:0;max-width:52ch;color:var(--ink-2);font-size:.9rem;line-height:1.45}body[data-page=removeExif] .exif-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=removeExif] .exif-result-card.is-error #exif-result-status{color:#c2410c}body[data-page=removeExif] .exif-download-link{justify-content:center;width:min(100%,220px);min-height:48px;margin-top:12px}body[data-page=qrCodeGenerator] .qr-main-grid{align-items:start}body[data-page=qrCodeGenerator] .qr-input-card,body[data-page=qrCodeGenerator] .qr-result-card{min-width:0}body[data-page=qrCodeGenerator] .qr-options-grid{padding:10px;border:1px solid rgba(219,234,254,.74);border-radius:16px;background:#eff6ff6b;box-shadow:none}body[data-page=qrCodeGenerator] .qr-options-grid label{padding:0;border:0;background:transparent;box-shadow:none}body[data-page=qrCodeGenerator] .qr-options-grid label>span{margin-bottom:6px;color:var(--ink-2);font-size:.8rem;font-weight:800}body[data-page=qrCodeGenerator] .qr-options-grid select{background:#fffffff5}body[data-page=qrCodeGenerator] .qr-result-card:is(.is-empty,.is-dirty,.is-loading){align-self:start;gap:10px;padding-block:18px}body[data-page=qrCodeGenerator] .qr-result-card:is(.is-empty,.is-dirty,.is-loading) :where(.qr-preview-box,#qr-summary-list,#qr-download,#qr-copy-payload,#qr-result-message),body[data-page=qrCodeGenerator] .qr-result-card:is(.is-empty,.is-dirty,.is-loading)>.local-note,body[data-page=qrCodeGenerator] .qr-result-card.is-error :where(.qr-preview-box,#qr-summary-list,#qr-download,#qr-copy-payload),body[data-page=qrCodeGenerator] .qr-result-card.is-error>.local-note{display:none}body[data-page=qrCodeGenerator] .qr-result-card:is(.is-empty,.is-dirty,.is-loading) #qr-result-status{margin-block:5px 6px;font-size:clamp(1.16rem,4.8vw,1.55rem)}body[data-page=qrCodeGenerator] .qr-result-card:is(.is-empty,.is-dirty,.is-loading) #qr-result-summary{margin:0;max-width:52ch;color:var(--ink-2);font-size:.9rem;line-height:1.45}body[data-page=qrCodeGenerator] .qr-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=qrCodeGenerator] .qr-result-card.is-error #qr-result-status{color:#c2410c}body[data-page=qrCodeGenerator] .qr-result-card.is-filled .qr-preview-box{min-height:320px}body[data-page=qrCodeGenerator] .qr-result-card.is-filled .qr-preview-box canvas{width:min(100%,286px)!important;height:auto!important;aspect-ratio:1}body[data-page=hexRgbConverter] .color-preview-card,body[data-page=hexRgbConverter] .color-result-card{min-width:0}body[data-page=hexRgbConverter] .color-output-stack{align-self:start;gap:12px}body[data-page=hexRgbConverter] .color-preview-card,body[data-page=hexRgbConverter] .color-result-card{gap:12px}body[data-page=hexRgbConverter] .color-preview-box{display:flex;min-height:104px;align-items:flex-end;justify-content:flex-start;padding:14px;border:1px solid rgba(203,215,230,.92);border-radius:var(--radius-md);background:linear-gradient(135deg,#0875f814,#16c7ad14),#f8fbff;box-shadow:inset 0 0 0 1px #ffffffb3}body[data-page=hexRgbConverter] .color-preview-card.is-empty .color-preview-box{min-height:84px}body[data-page=hexRgbConverter] .color-preview-card.is-error .color-preview-box{min-height:84px;border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=hexRgbConverter] #color-preview-text{display:inline-flex;max-width:100%;min-height:32px;align-items:center;padding:5px 10px;border:1px solid rgba(203,215,230,.72);border-radius:999px;background:#ffffffc7;color:var(--ink-2);font-size:.86rem;font-weight:900;line-height:1.25;overflow-wrap:anywhere}body[data-page=hexRgbConverter] .color-preview-box.is-dark #color-preview-text{border-color:#ffffff47;background:#0f172a6b;color:#fff}body[data-page=hexRgbConverter] .color-result-card.is-empty{align-self:start;padding-block:20px}body[data-page=hexRgbConverter] .color-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=hexRgbConverter] .color-result-card.is-empty #color-result-empty,body[data-page=hexRgbConverter] .color-result-card.is-error #color-result-empty{margin:0;color:var(--ink-2);font-size:.94rem;line-height:1.45}body[data-page=hexRgbConverter] .color-result-card.is-error #color-result-empty{color:#c2410c}body[data-page=hexRgbConverter] .color-result-list{grid-template-columns:1fr;gap:8px}body[data-page=hexRgbConverter] .color-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:10px 12px}body[data-page=hexRgbConverter] .color-result-row>div{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;min-width:0}body[data-page=hexRgbConverter] .color-result-row dt,body[data-page=hexRgbConverter] .color-result-row dd{margin:0}body[data-page=hexRgbConverter] .color-result-row dt{color:var(--muted);font-size:.76rem;font-weight:950}body[data-page=hexRgbConverter] .color-result-row dd{min-width:0;color:var(--ink);font-size:.93rem;font-weight:950;letter-spacing:0;line-height:1.25;overflow-wrap:anywhere}body[data-page=hexRgbConverter] .color-copy-button{width:48px;min-height:44px;padding-inline:0}body[data-page=jsonFormatter] #json-formatter-input,body[data-page=jsonFormatter] #json-formatter-result{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.93rem;letter-spacing:0}body[data-page=jsonFormatter] .json-inline-options{display:grid;grid-template-columns:minmax(86px,auto) repeat(3,minmax(0,1fr));gap:8px;align-items:center;margin-top:12px;padding:8px;border:1px solid rgba(226,232,240,.95);border-radius:14px;background:#f8fafc}body[data-page=jsonFormatter] .json-inline-options-label{padding-inline:4px;color:var(--ink-2);font-size:.82rem;font-weight:800}body[data-page=jsonFormatter] .json-inline-options label{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid rgba(203,213,225,.85);border-radius:11px;background:#fff;color:var(--ink);font-size:.88rem;font-weight:750}body[data-page=jsonFormatter] .json-inline-options label:has(input:checked){border-color:#bfdbfe;background:#eff6ff;color:var(--primary-dark);box-shadow:inset 0 0 0 1px #2563eb1a}body[data-page=jsonFormatter] .json-inline-options input{flex:0 0 auto;width:15px;height:15px;accent-color:var(--primary)}body[data-page=jsonFormatter] .json-result-card.is-compact{align-self:start;padding-block:18px}body[data-page=jsonFormatter] .json-result-card.is-compact #json-formatter-result{display:none}body[data-page=jsonFormatter] .json-result-card.is-compact #json-formatter-status{margin-bottom:0}body[data-page=jsonFormatter] .json-result-card.is-compact #json-formatter-message{margin-top:8px}}@layer responsive{body[data-page=resizeImage] .resize-result-card.is-empty .resize-preview-box,body[data-page=resizeImage] .resize-result-card.is-empty .resize-info-grid,body[data-page=resizeImage] .resize-result-card.is-empty .resize-result-actions,body[data-page=resizeImage] .resize-result-card.is-empty #resize-result-message,body[data-page=resizeImage] .resize-result-card.is-empty>.local-note,body[data-page=resizeImage] .resize-result-card.is-dirty .resize-preview-box,body[data-page=resizeImage] .resize-result-card.is-dirty .resize-info-grid,body[data-page=resizeImage] .resize-result-card.is-dirty .resize-result-actions,body[data-page=resizeImage] .resize-result-card.is-dirty #resize-result-message,body[data-page=resizeImage] .resize-result-card.is-dirty>.local-note,body[data-page=resizeImage] .resize-result-card.is-loading .resize-preview-box,body[data-page=resizeImage] .resize-result-card.is-loading .resize-info-grid,body[data-page=resizeImage] .resize-result-card.is-loading .resize-result-actions,body[data-page=resizeImage] .resize-result-card.is-loading #resize-result-message,body[data-page=resizeImage] .resize-result-card.is-loading>.local-note,body[data-page=resizeImage] .resize-result-card.is-error .resize-preview-box,body[data-page=resizeImage] .resize-result-card.is-error .resize-info-grid,body[data-page=resizeImage] .resize-result-card.is-error .resize-result-actions,body[data-page=resizeImage] .resize-result-card.is-error>.local-note{display:none}body[data-page=removeExif] .exif-result-card.is-empty .exif-preview-box,body[data-page=removeExif] .exif-result-card.is-empty .exif-info-grid,body[data-page=removeExif] .exif-result-card.is-empty .exif-download-link,body[data-page=removeExif] .exif-result-card.is-empty #exif-result-message,body[data-page=removeExif] .exif-result-card.is-empty>.local-note,body[data-page=removeExif] .exif-result-card.is-dirty .exif-preview-box,body[data-page=removeExif] .exif-result-card.is-dirty .exif-info-grid,body[data-page=removeExif] .exif-result-card.is-dirty .exif-download-link,body[data-page=removeExif] .exif-result-card.is-dirty #exif-result-message,body[data-page=removeExif] .exif-result-card.is-dirty>.local-note,body[data-page=removeExif] .exif-result-card.is-loading .exif-preview-box,body[data-page=removeExif] .exif-result-card.is-loading .exif-info-grid,body[data-page=removeExif] .exif-result-card.is-loading .exif-download-link,body[data-page=removeExif] .exif-result-card.is-loading #exif-result-message,body[data-page=removeExif] .exif-result-card.is-loading>.local-note,body[data-page=removeExif] .exif-result-card.is-error .exif-preview-box,body[data-page=removeExif] .exif-result-card.is-error .exif-info-grid,body[data-page=removeExif] .exif-result-card.is-error .exif-download-link,body[data-page=removeExif] .exif-result-card.is-error>.local-note,body[data-page=removeExif] .exif-source-card.is-empty .exif-info-grid,body[data-page=removeExif] .exif-source-card.is-empty .exif-output-options,body[data-page=removeExif] .exif-source-card.is-empty #exif-action-row,body[data-page=removeExif] .exif-source-card.is-loading .exif-info-grid,body[data-page=removeExif] .exif-source-card.is-loading .exif-output-options,body[data-page=removeExif] .exif-source-card.is-loading #exif-action-row{display:none}body[data-page=qrCodeGenerator] .qr-result-card.is-empty .qr-preview-box,body[data-page=qrCodeGenerator] .qr-result-card.is-empty #qr-summary-list,body[data-page=qrCodeGenerator] .qr-result-card.is-empty #qr-download,body[data-page=qrCodeGenerator] .qr-result-card.is-empty #qr-copy-payload,body[data-page=qrCodeGenerator] .qr-result-card.is-empty #qr-result-message,body[data-page=qrCodeGenerator] .qr-result-card.is-empty>.local-note,body[data-page=qrCodeGenerator] .qr-result-card.is-dirty .qr-preview-box,body[data-page=qrCodeGenerator] .qr-result-card.is-dirty #qr-summary-list,body[data-page=qrCodeGenerator] .qr-result-card.is-dirty #qr-download,body[data-page=qrCodeGenerator] .qr-result-card.is-dirty #qr-copy-payload,body[data-page=qrCodeGenerator] .qr-result-card.is-dirty #qr-result-message,body[data-page=qrCodeGenerator] .qr-result-card.is-dirty>.local-note,body[data-page=qrCodeGenerator] .qr-result-card.is-loading .qr-preview-box,body[data-page=qrCodeGenerator] .qr-result-card.is-loading #qr-summary-list,body[data-page=qrCodeGenerator] .qr-result-card.is-loading #qr-download,body[data-page=qrCodeGenerator] .qr-result-card.is-loading #qr-copy-payload,body[data-page=qrCodeGenerator] .qr-result-card.is-loading #qr-result-message,body[data-page=qrCodeGenerator] .qr-result-card.is-loading>.local-note,body[data-page=qrCodeGenerator] .qr-result-card.is-error .qr-preview-box,body[data-page=qrCodeGenerator] .qr-result-card.is-error #qr-summary-list,body[data-page=qrCodeGenerator] .qr-result-card.is-error #qr-download,body[data-page=qrCodeGenerator] .qr-result-card.is-error #qr-copy-payload,body[data-page=qrCodeGenerator] .qr-result-card.is-error>.local-note{display:none}@media(min-width:900px){body[data-page=lineBreakCleaner] .space-cleaner-grid,body[data-page=removeExtraSpaces] .space-cleaner-grid,body[data-page=removeDuplicateLines] .space-cleaner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:start}}@media(max-width:760px){body[data-page=lineBreakCleaner] .space-cleaner-grid textarea{min-height:190px;height:clamp(190px,28vh,230px)}body[data-page=lineBreakCleaner] .option-panel{gap:12px;padding:16px}body[data-page=lineBreakCleaner] .option-panel h2{font-size:1.2rem;line-height:1.2}body[data-page=lineBreakCleaner] .mode-grid,body[data-page=lineBreakCleaner] .compact-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=lineBreakCleaner] :where(.mode-grid,.compact-options) label{min-height:44px;padding:10px;font-size:.84rem;line-height:1.25}body[data-page=lineBreakCleaner] .option-warning{padding:10px 12px;font-size:.8rem;line-height:1.45}body[data-page=lineBreakCleaner] #line-applied-options{font-size:1rem;line-height:1.35}body[data-page=removeExtraSpaces] .space-cleaner-grid textarea{min-height:190px;height:clamp(190px,28vh,230px)}body[data-page=removeExtraSpaces] .option-panel{gap:12px;padding:16px}body[data-page=removeExtraSpaces] .option-panel h2{font-size:1.2rem;line-height:1.2}body[data-page=removeExtraSpaces] .option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=removeExtraSpaces] .option-grid label{min-height:44px;padding:10px;font-size:.84rem;line-height:1.25}body[data-page=removeExtraSpaces] .option-warning{padding:10px 12px;font-size:.8rem;line-height:1.45}body[data-page=removeExtraSpaces] #space-applied-options{font-size:1rem;line-height:1.35}body[data-page=removeDuplicateLines] .space-cleaner-grid textarea{min-height:190px;height:clamp(190px,28vh,230px)}body[data-page=removeDuplicateLines] .option-panel{gap:12px;padding:16px}body[data-page=removeDuplicateLines] .option-panel h2{font-size:1.2rem;line-height:1.2}body[data-page=removeDuplicateLines] .compact-options,body[data-page=removeDuplicateLines] .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=removeDuplicateLines] :where(.compact-options,.mode-grid) label{min-height:44px;padding:10px;font-size:.84rem;line-height:1.25}body[data-page=removeDuplicateLines] .option-warning{padding:10px 12px;font-size:.8rem;line-height:1.45}body[data-page=removeDuplicateLines] #duplicate-applied-options{font-size:1rem;line-height:1.35}body[data-page=sortLines] .sort-lines-input-card textarea,body[data-page=sortLines] .sort-lines-result-card textarea{min-height:180px;height:clamp(180px,27vh,220px)}body[data-page=sortLines] .sort-lines-field{display:grid;gap:8px}body[data-page=sortLines] .sort-lines-options{gap:8px}body[data-page=sortLines] .sort-lines-options label{min-height:44px;padding:10px;font-size:.84rem;line-height:1.25}body[data-page=sortLines] .sort-lines-action-row{gap:8px}body[data-page=jsonCsvConverter] .json-csv-input-card textarea,body[data-page=jsonCsvConverter] .json-csv-result-card textarea{min-height:190px;height:clamp(190px,28vh,230px)}body[data-page=jsonCsvConverter] .json-csv-options{gap:8px}body[data-page=jsonCsvConverter] .json-csv-options label{min-height:44px}body[data-page=jsonCsvConverter] .json-csv-check{padding:10px;font-size:.84rem;line-height:1.25}body[data-page=jsonCsvConverter] .json-csv-action-row{gap:8px}body[data-page=base64EncoderDecoder] .base64-input-toolbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}body[data-page=base64EncoderDecoder] .base64-input-heading{align-items:stretch}body[data-page=base64EncoderDecoder] .base64-direction-control{width:min(100%,184px)}body[data-page=base64EncoderDecoder] .base64-input-card textarea,body[data-page=base64EncoderDecoder] .base64-result-card textarea{min-height:190px;height:clamp(190px,28vh,230px)}body[data-page=base64EncoderDecoder] .base64-options-panel{gap:12px;padding:16px}body[data-page=base64EncoderDecoder] .base64-options-panel .card-eyebrow{display:none}body[data-page=base64EncoderDecoder] .base64-options-panel h2{font-size:1.2rem;line-height:1.2}body[data-page=base64EncoderDecoder] .base64-option-field,body[data-page=base64EncoderDecoder] .base64-mode-options{gap:8px}body[data-page=base64EncoderDecoder] .base64-mode-options label,body[data-page=base64EncoderDecoder] .base64-check-options label{min-height:44px;padding:10px;font-size:.84rem;line-height:1.25}body[data-page=base64EncoderDecoder] .option-warning{padding:10px 12px;font-size:.8rem;line-height:1.45}body[data-page=urlEncoderDecoder] .url-input-card textarea,body[data-page=urlEncoderDecoder] .url-result-card textarea{min-height:190px;height:clamp(190px,28vh,230px)}body[data-page=urlEncoderDecoder] .url-options-panel{gap:12px;padding:16px}body[data-page=urlEncoderDecoder] .url-options-panel .card-eyebrow{display:none}body[data-page=urlEncoderDecoder] .url-options-panel h2{font-size:1.2rem;line-height:1.2}body[data-page=urlEncoderDecoder] .url-option-field,body[data-page=urlEncoderDecoder] .url-mode-options{gap:8px}body[data-page=urlEncoderDecoder] .url-mode-options label,body[data-page=urlEncoderDecoder] .url-check-options label{min-height:44px;padding:10px;font-size:.84rem;line-height:1.25}body[data-page=urlEncoderDecoder] .option-warning{padding:10px 12px;font-size:.8rem;line-height:1.45}body[data-page=htmlEntityConverter] .html-entity-input-card textarea,body[data-page=htmlEntityConverter] .html-entity-result-card textarea{min-height:190px;height:clamp(190px,28vh,230px)}body[data-page=htmlEntityConverter] .html-entity-options,body[data-page=htmlEntityConverter] .html-entity-option-panel{gap:8px}body[data-page=htmlEntityConverter] .html-entity-option-panel label{min-height:44px;padding:10px;font-size:.84rem;line-height:1.25}body[data-page=htmlEntityConverter] .html-entity-action-row{gap:8px}body[data-page=imageSizeChecker] .image-select-card,body[data-page=imageSizeChecker] .image-result-card{padding:16px}body[data-page=imageSizeChecker] .image-preview-box.is-empty,body[data-page=imageSizeChecker] .image-preview-box.is-loading,body[data-page=imageSizeChecker] .image-preview-box.is-error{min-height:120px}body[data-page=imageSizeChecker] .image-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=imageSizeChecker] .image-info-grid>div{padding:12px}body[data-page=imageSizeChecker] .image-info-grid>div:first-child{grid-column:1 / -1}body[data-page=imageSizeChecker] .image-info-grid dd{overflow-wrap:anywhere}body[data-page=uuidGenerator] .uuid-list.is-scrollable{max-height:430px}body[data-page=sha256HashCalculator] .sha-file-panel,body[data-page=sha256HashCalculator] .sha-result-card,body[data-page=sha256HashCalculator] .sha-compare-panel{padding:16px}body[data-page=sha256HashCalculator] .sha-file-grid{grid-template-columns:1fr;gap:8px}body[data-page=sha256HashCalculator] .sha-compare-panel textarea{min-height:160px;height:clamp(160px,24vh,210px)}body[data-page=sha256HashCalculator] .sha-action-row{gap:8px;flex-wrap:wrap}body[data-page=sha256HashCalculator] .sha-action-row button{min-height:44px}body[data-page=textCompare] .text-compare-input-grid textarea{min-height:170px;height:clamp(170px,26vh,210px)}body[data-page=jsonFormatter] .json-inline-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}body[data-page=jsonFormatter] .json-inline-options-label{grid-column:1 / -1}body[data-page=resizeImage] .resize-main-grid{width:100%}body[data-page=resizeImage] .resize-main-grid:has(.resize-source-card:not([hidden])){grid-template-columns:1fr}body[data-page=resizeImage] .resize-file-card,body[data-page=resizeImage] .resize-source-card,body[data-page=resizeImage] .resize-size-card,body[data-page=resizeImage] .resize-result-card{padding:16px}body[data-page=resizeImage] .resize-file-card,body[data-page=resizeImage] .resize-size-card{gap:10px}body[data-page=resizeImage] .resize-file-picker{min-height:54px;padding:8px 10px}body[data-page=resizeImage] :where(.resize-file-card,.resize-size-card) .local-note-inline{padding:8px 10px;font-size:.76rem;line-height:1.35}body[data-page=resizeImage] .resize-dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-page=resizeImage] .resize-field{gap:6px}body[data-page=resizeImage] .resize-field input,body[data-page=resizeImage] .resize-field select{min-height:44px;padding:0 12px}body[data-page=resizeImage] .resize-toggle-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=resizeImage] .resize-toggle{min-height:48px;padding:10px 12px}body[data-page=resizeImage] .resize-toggle span{gap:0}body[data-page=resizeImage] .resize-toggle strong{font-size:.9rem;line-height:1.25}body[data-page=resizeImage] .resize-preset-section h3{margin-bottom:8px;font-size:.88rem}body[data-page=resizeImage] .resize-percent-custom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}body[data-page=resizeImage] .resize-percent-custom .resize-field{min-width:0}body[data-page=resizeImage] .resize-percent-custom .resize-field>span:first-child{font-size:.78rem}body[data-page=resizeImage] .resize-percent-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}body[data-page=resizeImage] #resize-apply-percent{min-height:44px;padding-inline:12px}body[data-page=resizeImage] .resize-advanced-options>summary{min-height:44px;padding:9px 11px}body[data-page=resizeImage] .resize-advanced-options>summary:after{flex-basis:24px;width:24px;height:24px;font-size:.95rem}body[data-page=resizeImage] .resize-advanced-title strong{font-size:.92rem}body[data-page=resizeImage] .resize-advanced-title small{display:none}body[data-page=resizeImage] .resize-output-card .resize-advanced-body{padding:0 12px 12px}body[data-page=resizeImage] .resize-preview-box{min-height:170px;padding:12px}body[data-page=resizeImage] .resize-preview-box img{max-height:160px}body[data-page=resizeImage] .resize-result-card:is(.is-empty,.is-dirty,.is-loading){gap:8px;padding-block:16px}body[data-page=resizeImage] .resize-result-card:is(.is-empty,.is-dirty,.is-loading) #resize-result-status{margin-block:3px 4px;font-size:clamp(1.1rem,4.8vw,1.5rem)}body[data-page=resizeImage] .resize-result-card:is(.is-empty,.is-dirty,.is-loading) #resize-result-summary{margin:0;font-size:.88rem;line-height:1.45}body[data-page=resizeImage] .resize-info-grid{grid-template-columns:1fr;gap:7px}body[data-page=resizeImage] .resize-info-grid>div{display:grid;grid-template-columns:minmax(76px,.36fr) minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:10px 12px}body[data-page=resizeImage] .resize-info-grid dt{margin:0;font-size:.74rem}body[data-page=resizeImage] .resize-info-grid dd{min-width:0;margin:0;text-align:right;overflow-wrap:anywhere}body[data-page=resizeImage] .resize-result-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:10px 0 12px}body[data-page=resizeImage] .resize-result-actions .resize-download-link,body[data-page=resizeImage] .resize-result-actions #resize-clear-result{min-height:44px;padding-inline:14px}body[data-page=resizeImage] .resize-result-card.is-filled>.local-note{display:none}body[data-page=resizeImage] .resize-preset-section{min-width:0}body[data-page=resizeImage] .resize-exact-preset-row{display:flex;grid-template-columns:none;gap:8px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}body[data-page=resizeImage] .resize-exact-preset-row button{flex:0 0 auto;min-width:118px;padding-inline:12px;scroll-snap-align:start}body[data-page=resizeImage] .resize-exact-preset-row button[data-resize-exact-preset]{min-width:168px}body[data-page=removeExif] .exif-main-grid{gap:10px}body[data-page=removeExif] .exif-source-card,body[data-page=removeExif] .exif-result-card{padding:16px}body[data-page=removeExif] .exif-source-card{gap:10px}body[data-page=removeExif] .exif-file-picker{min-height:54px;padding:8px 10px}body[data-page=removeExif] .exif-source-card .local-note-inline,body[data-page=removeExif] .exif-result-card .local-note-inline{padding:8px 10px;font-size:.76rem;line-height:1.35}body[data-page=removeExif] .exif-source-card.is-empty .exif-preview-box,body[data-page=removeExif] .exif-source-card.is-loading .exif-preview-box{min-height:108px;padding:12px}body[data-page=removeExif] .exif-preview-box{min-height:170px;padding:12px}body[data-page=removeExif] .exif-result-card.is-filled .exif-preview-box{min-height:154px}body[data-page=removeExif] .exif-preview-box img{max-height:160px}body[data-page=removeExif] .exif-result-card.is-filled .exif-preview-box img{max-height:138px}body[data-page=removeExif] .exif-result-card:is(.is-empty,.is-dirty,.is-loading){gap:8px;padding-block:16px}body[data-page=removeExif] .exif-result-card:is(.is-empty,.is-dirty,.is-loading) #exif-result-status{margin-block:3px 4px;font-size:clamp(1.1rem,4.8vw,1.48rem)}body[data-page=removeExif] .exif-result-card:is(.is-empty,.is-dirty,.is-loading) #exif-result-summary{margin:0;font-size:.88rem;line-height:1.45}body[data-page=removeExif] .exif-output-options{gap:7px}body[data-page=removeExif] .exif-output-options select{min-height:44px}body[data-page=removeExif] #exif-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=removeExif] #exif-action-row[hidden]{display:none}body[data-page=removeExif] #exif-process{grid-column:1 / -1;min-height:44px;white-space:normal}body[data-page=removeExif] #exif-reselect,body[data-page=removeExif] #exif-clear{min-height:44px;padding-inline:12px}body[data-page=removeExif] .exif-info-grid{grid-template-columns:1fr;gap:7px}body[data-page=removeExif] .exif-info-grid>div{display:grid;grid-template-columns:minmax(76px,.36fr) minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:10px 12px}body[data-page=removeExif] .exif-info-grid dt{margin:0;font-size:.74rem}body[data-page=removeExif] .exif-info-grid dd{min-width:0;margin:0;text-align:right;overflow-wrap:anywhere}body[data-page=removeExif] .exif-download-link{width:100%;min-height:44px;margin-top:10px}body[data-page=removeExif] .exif-result-card.is-filled>.local-note{display:none}body[data-page=qrCodeGenerator] .qr-main-grid{gap:10px}body[data-page=qrCodeGenerator] .qr-input-card,body[data-page=qrCodeGenerator] .qr-result-card{padding:16px}body[data-page=qrCodeGenerator] .qr-input-card{gap:10px}body[data-page=qrCodeGenerator] .qr-type-tabs{min-height:48px;margin-top:4px;padding:4px}body[data-page=qrCodeGenerator] .qr-type-tabs button{min-height:44px;padding-inline:8px;font-size:.84rem}body[data-page=qrCodeGenerator] .qr-field-panel,body[data-page=qrCodeGenerator] .qr-options-grid,body[data-page=qrCodeGenerator] .qr-secondary-row{gap:8px}body[data-page=qrCodeGenerator] .qr-field-panel .field,body[data-page=qrCodeGenerator] .qr-options-grid label{min-height:44px;padding:10px 12px}body[data-page=qrCodeGenerator] .qr-field-panel :where(input,select,textarea),body[data-page=qrCodeGenerator] .qr-options-grid select{min-height:44px;padding-inline:12px}body[data-page=qrCodeGenerator] #qr-text-input{min-height:112px}body[data-page=qrCodeGenerator] #qr-wifi-note{margin:0;padding:8px 10px;font-size:.76rem;line-height:1.35}body[data-page=qrCodeGenerator] .qr-secondary-row{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:0}body[data-page=qrCodeGenerator] .qr-secondary-row>*{min-height:44px}body[data-page=qrCodeGenerator] .qr-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=qrCodeGenerator] .qr-generate-button{min-height:44px}body[data-page=qrCodeGenerator] .qr-result-card:is(.is-empty,.is-dirty,.is-loading){gap:8px;padding-block:16px}body[data-page=qrCodeGenerator] .qr-result-card:is(.is-empty,.is-dirty,.is-loading) #qr-result-status{margin-block:3px 4px;font-size:clamp(1.1rem,4.8vw,1.48rem)}body[data-page=qrCodeGenerator] .qr-result-card:is(.is-empty,.is-dirty,.is-loading) #qr-result-summary{margin:0;font-size:.88rem;line-height:1.45}body[data-page=qrCodeGenerator] .qr-result-card.is-filled .qr-preview-box{min-height:306px;padding:12px}body[data-page=qrCodeGenerator] .qr-result-card.is-filled .qr-preview-box canvas{width:min(100%,260px)!important;max-width:260px;height:260px!important;max-height:260px}body[data-page=qrCodeGenerator] .qr-summary-grid{grid-template-columns:1fr;gap:7px}body[data-page=qrCodeGenerator] .qr-summary-grid>div{display:grid;grid-template-columns:minmax(76px,.36fr) minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:9px 12px}body[data-page=qrCodeGenerator] .qr-summary-grid dt{margin:0;font-size:.74rem}body[data-page=qrCodeGenerator] .qr-summary-grid dd{min-width:0;margin:0;text-align:right;overflow-wrap:anywhere}body[data-page=qrCodeGenerator] .qr-download-link,body[data-page=qrCodeGenerator] .qr-copy-button{min-height:44px}body[data-page=qrCodeGenerator] .qr-download-link{justify-content:center;min-width:0;width:calc(100% - 56px)}body[data-page=qrCodeGenerator] .qr-copy-button{width:44px;padding-inline:0}body[data-page=qrCodeGenerator] .qr-result-card.is-filled>.local-note{display:none}body[data-page=hexRgbConverter] .color-workspace{padding-block:8px 24px}body[data-page=hexRgbConverter] .color-main-grid{gap:10px}body[data-page=hexRgbConverter] .color-input-card,body[data-page=hexRgbConverter] .color-preview-card,body[data-page=hexRgbConverter] .color-result-card{padding:16px}body[data-page=hexRgbConverter] .color-input-card,body[data-page=hexRgbConverter] .color-output-stack{gap:10px}body[data-page=hexRgbConverter] .color-picker-row{gap:7px}body[data-page=hexRgbConverter] .color-picker-row label{gap:6px}body[data-page=hexRgbConverter] #color-picker{min-height:44px;height:44px;padding:3px}body[data-page=hexRgbConverter] #color-picker-label{margin:0;font-size:.82rem;line-height:1.3}body[data-page=hexRgbConverter] .color-example-group{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}body[data-page=hexRgbConverter] .color-chip-button{flex:0 0 auto;min-height:44px;padding-inline:12px;scroll-snap-align:start}body[data-page=hexRgbConverter] .color-clear-button{min-height:44px}body[data-page=hexRgbConverter] .color-preview-box{min-height:84px;padding:10px}body[data-page=hexRgbConverter] .color-preview-card.is-empty .color-preview-box,body[data-page=hexRgbConverter] .color-preview-card.is-error .color-preview-box{min-height:76px}body[data-page=hexRgbConverter] #color-preview-text{min-height:30px;padding:5px 9px;font-size:.82rem}body[data-page=hexRgbConverter] .color-result-card.is-empty{padding-block:16px}body[data-page=hexRgbConverter] .color-result-list{gap:7px}body[data-page=hexRgbConverter] .color-result-row{min-height:56px;padding:8px 10px}body[data-page=hexRgbConverter] .color-result-row>div{grid-template-columns:42px minmax(0,1fr);gap:8px}body[data-page=hexRgbConverter] .color-result-row dt{font-size:.72rem}body[data-page=hexRgbConverter] .color-result-row dd{font-size:.86rem}body[data-page=hexRgbConverter] .color-copy-button{width:44px;min-height:44px}body[data-page=colorContrastChecker] .contrast-workspace{padding-block:8px 22px}body[data-page=colorContrastChecker] .contrast-main-grid,body[data-page=colorContrastChecker] .contrast-output-stack{gap:10px}body[data-page=colorContrastChecker] .contrast-input-card,body[data-page=colorContrastChecker] .contrast-result-card,body[data-page=colorContrastChecker] .contrast-preview-card{padding:14px;border-radius:18px}body[data-page=colorContrastChecker] .contrast-result-card,body[data-page=colorContrastChecker] .contrast-preview-card{gap:7px}body[data-page=colorContrastChecker] .contrast-result-card h2,body[data-page=colorContrastChecker] .contrast-preview-card h2{font-size:1.08rem}body[data-page=colorContrastChecker] .contrast-preview-card .card-eyebrow{display:none}body[data-page=colorContrastChecker] .contrast-result-card>strong{font-size:clamp(1.95rem,9vw,2.35rem)}body[data-page=colorContrastChecker] .contrast-result-card .result-summary{font-size:.86rem;line-height:1.42}body[data-page=colorContrastChecker] .contrast-color-row{grid-template-columns:minmax(0,1fr) 88px;gap:8px}body[data-page=colorContrastChecker] .contrast-color-row input[type=color]{min-height:44px;height:44px}body[data-page=colorContrastChecker] .contrast-color-summary{gap:6px}body[data-page=colorContrastChecker] .contrast-color-summary>div{min-height:36px;padding:7px 9px}body[data-page=colorContrastChecker] .contrast-color-summary dt,body[data-page=colorContrastChecker] .contrast-badge span,body[data-page=colorContrastChecker] .contrast-color-summary dd,body[data-page=colorContrastChecker] .contrast-badge strong{font-size:.72rem}body[data-page=colorContrastChecker] .contrast-badge{flex:0 0 auto;min-height:34px;gap:6px;padding:6px 8px}body[data-page=colorContrastChecker] .contrast-badge-list{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}body[data-page=colorContrastChecker] .contrast-badge{width:136px;scroll-snap-align:start}body[data-page=colorContrastChecker] .contrast-preview-box{grid-template-columns:minmax(0,1fr);min-height:112px;align-content:center;gap:10px;padding:12px}body[data-page=colorContrastChecker] .contrast-preview-surface p{font-size:.96rem}body[data-page=colorContrastChecker] .contrast-preview-surface span{font-size:.76rem}body[data-page=colorContrastChecker] .contrast-preview-button{width:fit-content;min-height:36px;padding-inline:12px;font-size:.76rem}body[data-page=colorContrastChecker] .contrast-action-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}body[data-page=colorContrastChecker] .contrast-action-panel>*{width:100%;min-width:0;padding-inline:8px;font-size:.82rem}body[data-page=colorContrastChecker] .contrast-examples{gap:8px;margin-top:12px}body[data-page=colorContrastChecker] .contrast-examples h2{font-size:1.02rem}body[data-page=colorContrastChecker] .contrast-example-grid{flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}body[data-page=colorContrastChecker] .contrast-example-button{flex:0 0 auto;min-height:44px;padding-inline:10px;scroll-snap-align:start}body[data-page=colorContrastChecker] .contrast-privacy-note{margin-top:8px;padding:8px 10px;font-size:.76rem;line-height:1.35}}@media(max-width:370px){body[data-page=resizeImage] .resize-dimension-grid,body[data-page=resizeImage] .resize-toggle-list{grid-template-columns:1fr}}}body[data-page=ageCalculator] .age-input-card{display:grid}body[data-page=ageCalculator] .age-date-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}body[data-page=ageCalculator] .age-date-grid .date-add-field{display:grid;gap:4px;padding:8px}body[data-page=ageCalculator] .age-date-grid .date-add-field>span:first-child{margin-bottom:0;font-size:.8rem;line-height:1.25}body[data-page=ageCalculator] .age-date-grid input{min-height:44px;padding-inline:8px;font-size:.86rem}body[data-page=ageCalculator] .date-actions.age-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding-inline:0!important;padding-bottom:0!important}body[data-page=ageCalculator] .date-quick-actions.age-quick-actions{display:grid!important;flex-wrap:initial;gap:6px;padding:8px}body[data-page=ageCalculator] .date-quick-actions.age-quick-actions>p{display:none}body[data-page=ageCalculator] .date-actions.age-example-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}body[data-page=ageCalculator] .date-actions.age-example-buttons .text-button{width:auto;min-height:44px;padding-inline:5px;font-size:.72rem}body[data-page=ageCalculator] #age-reset{width:fit-content}body[data-page=dateDifference] .date-input-grid,body[data-page=dDayCalculator] .date-input-grid{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr)!important;gap:6px!important}body[data-page=dDayCalculator] .dday-quick-actions{display:grid!important;gap:5px!important;padding:7px!important}body[data-page=dDayCalculator] .dday-quick-actions>p{display:none!important}body[data-page=dDayCalculator] .dday-quick-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:0!important}body[data-page=dDayCalculator] .dday-quick-row .text-button{min-width:0!important;min-height:44px!important;padding-inline:3px!important;font-size:.74rem!important;white-space:nowrap!important}body[data-page=dDayCalculator] .dday-result-card.is-filled .discount-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}body[data-page=dDayCalculator] .dday-result-card.is-filled .discount-result-grid>div{padding:9px 10px!important}body[data-page=dDayCalculator] .dday-result-card.is-filled .discount-result-grid dt{font-size:.7rem!important}body[data-page=dDayCalculator] .dday-result-card.is-filled .discount-result-grid dd{margin-top:3px!important;font-size:.78rem!important}body[data-page=dDayCalculator] .dday-result-card.is-filled .formula-detail{display:none!important}@media(min-width:900px){body[data-page=dDayCalculator] .dday-workspace{display:grid!important;max-width:1120px!important;grid-template-columns:minmax(0,.95fr) minmax(350px,.75fr)!important;align-items:start!important;gap:16px!important}body[data-page=dDayCalculator] .dday-result-card.is-filled .discount-result-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}body[data-page=dDayCalculator] .dday-result-card.is-filled .discount-result-grid>div{padding:8px!important}body[data-page=dDayCalculator] .dday-result-card.is-filled .discount-result-grid dt{font-size:.66rem!important}body[data-page=dDayCalculator] .dday-result-card.is-filled .discount-result-grid dd{font-size:.72rem!important}}body[data-page=dDayCalculator] .tool-workbench-hero--date{margin-bottom:18px}body[data-page=dDayCalculator] .dday-input-hint{margin:-4px 0 0;color:var(--ink-2);font-size:.88rem;line-height:1.45}body[data-page=dDayCalculator] .dday-date-stack{display:grid;gap:8px}body[data-page=dDayCalculator] .dday-date-field{display:grid;min-width:0;gap:6px;padding:10px;border:1px solid rgba(226,232,240,.95);border-radius:14px;background:#fff}body[data-page=dDayCalculator] .dday-date-field>span{margin:0;color:var(--ink-2);font-size:.78rem;font-weight:850;line-height:1.25}body[data-page=dDayCalculator] .dday-date-field input{min-width:0;min-height:44px;padding-inline:10px}body[data-page=dDayCalculator] .dday-target-field{padding:12px;border-color:#2563eb42;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:inset 0 0 0 1px #2563eb0f}body[data-page=dDayCalculator] .dday-target-field>span{color:var(--primary-dark);font-size:.84rem}body[data-page=dDayCalculator] .dday-target-field input{min-height:48px;font-size:1rem;font-weight:850}body[data-page=dDayCalculator] .dday-base-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(116px,.38fr);align-items:stretch;gap:8px}body[data-page=dDayCalculator] .dday-base-field{padding:9px;background:#f8fafcc7}body[data-page=dDayCalculator] .dday-base-field input{font-size:.86rem}body[data-page=dDayCalculator] .dday-base-actions{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:0!important}body[data-page=dDayCalculator] .dday-base-actions .text-button{min-width:0!important;min-height:40px!important;padding-inline:9px!important;font-size:.78rem!important;font-weight:800!important;white-space:nowrap!important}body[data-page=dDayCalculator] .dday-quick-actions{border-color:#e2e8f0f2!important;background:#f8fbffc7!important}body[data-page=dDayCalculator] .dday-quick-row .text-button{min-height:40px!important}body[data-page=dDayCalculator] .dday-result-card.is-empty{border-color:#e2e8f0f2!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 10px 24px #0f172a0b!important}body[data-page=dDayCalculator] .dday-result-card.is-empty>h2{color:var(--muted);font-size:.92rem}body[data-page=dDayCalculator] .dday-result-card.is-empty #dday-main-result{color:var(--ink-2);font-size:clamp(1.08rem,4.8vw,1.32rem)!important;font-weight:850;letter-spacing:-.03em}body[data-page=dDayCalculator] .dday-result-card.is-empty .result-summary{color:var(--muted);font-size:.84rem;line-height:1.42}body[data-page=dDayCalculator] .dday-result-card.is-filled{border-color:#bfdbfefa!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}body[data-page=dDayCalculator] .dday-result-card.is-filled>h2{display:none}body[data-page=dDayCalculator] .dday-result-card.is-filled #dday-main-result{color:var(--primary-dark);font-size:clamp(2.05rem,7.8vw,2.84rem)!important;font-weight:950;letter-spacing:-.055em}body[data-page=dDayCalculator] .dday-result-card.is-filled .result-summary{color:var(--ink-2);font-size:.88rem}body[data-page=dDayCalculator] .content-section .notice-card.compact{border-color:#e2e8f0f2;border-left-color:#2563eb38;background:#f8fbff94}body[data-page=dDayCalculator] .content-section .notice-card.compact h2{font-size:1rem}body[data-page=dDayCalculator] .content-section .notice-card.compact p{color:var(--ink-2);font-size:.88rem;line-height:1.55}@media(max-width:520px){body[data-page=dDayCalculator] .tool-workbench-hero--date{padding-block:16px;gap:12px}body[data-page=dDayCalculator] .tool-workbench-hero--date .tool-workbench-copy p:not(.tool-workbench-trust){margin-top:6px;font-size:.9rem;line-height:1.45}body[data-page=dDayCalculator] .tool-workbench-hero--date .tool-workbench-steps{gap:5px}body[data-page=dDayCalculator] .tool-workbench-hero--date .tool-workbench-step{min-height:42px;padding:8px 6px}body[data-page=dDayCalculator] .tool-workbench-hero--date .tool-workbench-step small{display:none}body[data-page=dDayCalculator] .dday-base-row{grid-template-columns:minmax(0,1fr) minmax(104px,.34fr);gap:7px}body[data-page=dDayCalculator] .dday-target-field{padding:10px}body[data-page=dDayCalculator] .dday-target-field input{min-height:46px;font-size:.96rem}}body[data-page=dateAddSubtractCalculator] .date-add-hero{padding-block:24px 16px}body[data-page=dateAddSubtractCalculator] .date-add-workspace{display:grid!important;width:min(100% - 28px,1120px)!important;grid-template-columns:minmax(0,1.02fr) minmax(340px,.88fr)!important;align-items:start!important;gap:14px!important;padding-block:6px 24px!important}body[data-page=dateAddSubtractCalculator] :where(.date-add-input-card,.date-add-result-card){min-width:0!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}body[data-page=dateAddSubtractCalculator] .date-add-input-card{display:grid!important;gap:11px!important;padding:18px!important;border-color:#bfdbfef2!important;box-shadow:0 14px 32px #2563eb13!important}body[data-page=dateAddSubtractCalculator] .date-add-input-toolbar,body[data-page=dateAddSubtractCalculator] .date-add-result-head{display:flex!important;min-width:0!important;align-items:start!important;justify-content:space-between!important;gap:10px!important}body[data-page=dateAddSubtractCalculator] .date-add-input-toolbar>div,body[data-page=dateAddSubtractCalculator] .date-add-result-head>div:first-child{display:grid!important;gap:3px!important;min-width:0!important}body[data-page=dateAddSubtractCalculator] .date-add-input-toolbar h2,body[data-page=dateAddSubtractCalculator] .date-add-result-head h2{margin:0!important;color:var(--ink)!important;font-size:clamp(1.08rem,2vw,1.3rem)!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.03em!important}body[data-page=dateAddSubtractCalculator] .date-add-state-pill{display:inline-flex!important;flex:0 0 auto!important;min-height:30px!important;align-items:center!important;padding-inline:10px!important;border:1px solid rgba(219,234,254,.95)!important;border-radius:999px!important;background:#eff6ffb8!important;color:var(--primary-dark)!important;font-size:.74rem!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important}body[data-page=dateAddSubtractCalculator] .date-add-state-pill.is-empty,body[data-page=dateAddSubtractCalculator] .date-add-state-pill.is-waiting{border-color:#e2e8f0f2!important;background:#f8fafc!important;color:var(--ink-3)!important}body[data-page=dateAddSubtractCalculator] .date-add-state-pill.is-error{border-color:#fed7aa!important;background:#fff7ed!important;color:#c2410c!important}body[data-page=dateAddSubtractCalculator] .date-add-base-panel{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:8px!important}body[data-page=dateAddSubtractCalculator] .date-add-field{display:grid!important;min-width:0!important;gap:6px!important;margin:0!important;padding:10px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:14px!important;background:#fff!important}body[data-page=dateAddSubtractCalculator] .date-add-base-field{border-color:#2563eb42!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:inset 0 0 0 1px #2563eb0f!important}body[data-page=dateAddSubtractCalculator] .date-add-field>span:first-child{color:var(--ink-2)!important;font-size:.78rem!important;font-weight:850!important;line-height:1.25!important}body[data-page=dateAddSubtractCalculator] .date-add-base-field>span:first-child{color:var(--primary-dark)!important;font-size:.84rem!important}body[data-page=dateAddSubtractCalculator] .date-add-field input{width:100%!important;min-width:0!important;min-height:44px!important;padding-inline:10px!important;font-size:.92rem!important;font-weight:800!important}body[data-page=dateAddSubtractCalculator] .date-add-base-field input{min-height:48px!important;font-size:1rem!important;font-weight:850!important}body[data-page=dateAddSubtractCalculator] #date-add-today,body[data-page=dateAddSubtractCalculator] #date-add-reset,body[data-page=dateAddSubtractCalculator] #date-add-copy{min-height:44px!important;padding-inline:13px!important;font-size:.82rem!important;font-weight:850!important;white-space:nowrap!important}body[data-page=dateAddSubtractCalculator] .date-add-direction-tabs,body[data-page=dateAddSubtractCalculator] .date-add-unit-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;min-width:0!important;margin:0!important;padding:4px!important;border:1px solid rgba(219,234,254,.9)!important;border-radius:999px!important;background:#eff6ff8f!important;box-shadow:none!important}body[data-page=dateAddSubtractCalculator] .date-add-direction-tabs label,body[data-page=dateAddSubtractCalculator] .date-add-unit-tabs label{position:relative!important;min-width:0!important;min-height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important}body[data-page=dateAddSubtractCalculator] .date-add-direction-tabs input,body[data-page=dateAddSubtractCalculator] .date-add-unit-tabs input{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important;margin:0!important;cursor:pointer!important;opacity:0!important}body[data-page=dateAddSubtractCalculator] .date-add-direction-tabs span,body[data-page=dateAddSubtractCalculator] .date-add-unit-tabs span{display:flex!important;min-height:36px!important;align-items:center!important;justify-content:center!important;padding-inline:8px!important;border-radius:999px!important;color:var(--ink-2)!important;font-size:.78rem!important;font-weight:850!important;line-height:1.12!important;text-align:center!important;white-space:nowrap!important}body[data-page=dateAddSubtractCalculator] .date-add-direction-tabs input:checked+span,body[data-page=dateAddSubtractCalculator] .date-add-unit-tabs input:checked+span{background:#fff!important;color:var(--primary-dark)!important;box-shadow:0 4px 12px #0f172a0e!important}body[data-page=dateAddSubtractCalculator] .date-add-amount-panel{display:grid!important;grid-template-columns:minmax(134px,.45fr) minmax(0,1fr) minmax(116px,.34fr)!important;align-items:end!important;gap:9px!important}body[data-page=dateAddSubtractCalculator] .date-add-input-summary{margin:0!important;padding:8px 10px!important;border:1px solid rgba(219,234,254,.9)!important;border-radius:12px!important;background:#eff6ff8f!important;color:var(--ink-2)!important;font-size:.8rem!important;font-weight:760!important;line-height:1.36!important}body[data-page=dateAddSubtractCalculator] .date-add-quick-panel{display:block!important;overflow:hidden!important;padding:0!important;border:1px solid rgba(219,234,254,.9)!important;border-radius:14px!important;background:#f8fbffb3!important}body[data-page=dateAddSubtractCalculator] .date-add-quick-panel>summary{display:flex!important;min-height:44px!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 12px!important;color:var(--primary-dark)!important;cursor:pointer!important;font-size:.84rem!important;font-weight:900!important;line-height:1.25!important;list-style:none!important}body[data-page=dateAddSubtractCalculator] .date-add-quick-panel>summary::-webkit-details-marker{display:none!important}body[data-page=dateAddSubtractCalculator] .date-add-quick-panel>summary:after{content:"+";flex:0 0 auto;color:var(--primary-dark);font-size:.96rem;font-weight:950}body[data-page=dateAddSubtractCalculator] .date-add-quick-panel[open]>summary:after{content:"-"}body[data-page=dateAddSubtractCalculator] .date-add-quick-panel small{min-width:0!important;color:var(--ink-2)!important;font-size:.74rem!important;font-weight:750!important;text-align:right!important;overflow-wrap:anywhere!important}body[data-page=dateAddSubtractCalculator] .date-add-quick-body{display:grid!important;gap:8px!important;padding:0 12px 12px!important}body[data-page=dateAddSubtractCalculator] .date-add-example-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0!important}body[data-page=dateAddSubtractCalculator] .date-add-example-buttons .text-button{min-width:0!important;min-height:40px!important;padding-inline:6px!important;font-size:.75rem!important;font-weight:850!important;white-space:nowrap!important}body[data-page=dateAddSubtractCalculator] .date-add-result-card{display:grid!important;align-self:start!important;gap:9px!important;padding:16px!important;scroll-margin-top:86px!important}body[data-page=dateAddSubtractCalculator] .date-add-result-card:focus{outline:none!important}body[data-page=dateAddSubtractCalculator] .date-add-result-actions-head{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;gap:8px!important}body[data-page=dateAddSubtractCalculator] #date-add-copy:disabled{opacity:.48!important;cursor:not-allowed!important}body[data-page=dateAddSubtractCalculator] #date-add-copy.is-copied{border-color:#16a34a3d!important;background:#16a34a!important;color:#fff!important;box-shadow:0 12px 24px #16a34a2e!important}body[data-page=dateAddSubtractCalculator] #date-add-main-result{display:block!important;margin:0!important;color:var(--primary-dark)!important;font-size:clamp(2rem,5.4vw,2.68rem)!important;font-weight:950!important;line-height:1.05!important;letter-spacing:-.055em!important;overflow-wrap:anywhere!important}body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-empty,body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-waiting,body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-error{gap:8px!important;border-color:#e2e8f0f2!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:none!important}body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-error{border-color:#fed7aa!important;background:linear-gradient(180deg,#fff,#fff7ed)!important}body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-filled{border-color:#bfdbfef5!important;box-shadow:0 10px 26px #2563eb0e!important}body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-empty #date-add-main-result,body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-waiting #date-add-main-result,body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-error #date-add-main-result{color:var(--ink-3)!important;font-size:clamp(1.18rem,3vw,1.46rem)!important;font-weight:850!important;line-height:1.3!important;letter-spacing:-.03em!important}body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-error #date-add-main-result,body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-error #date-add-summary{color:#c2410c!important}body[data-page=dateAddSubtractCalculator] #date-add-summary{margin:0!important;color:var(--ink-2)!important;font-size:.86rem!important;font-weight:760!important;line-height:1.42!important;overflow-wrap:anywhere!important}body[data-page=dateAddSubtractCalculator] #date-add-warning{margin:0!important;padding:8px 10px!important;border:1px solid #fed7aa!important;border-radius:12px!important;background:#fff7ed!important;color:#c2410c!important;font-size:.78rem!important;font-weight:850!important;line-height:1.35!important}body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-empty :where(.date-add-result-grid,.formula-detail,.result-note),body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-waiting :where(.date-add-result-grid,.formula-detail,.result-note),body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-error :where(.date-add-result-grid,.formula-detail,.result-note){display:none!important}body[data-page=dateAddSubtractCalculator] .date-add-result-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important}body[data-page=dateAddSubtractCalculator] .date-add-result-grid>div{min-width:0!important;padding:10px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:12px!important;background:#fff!important}body[data-page=dateAddSubtractCalculator] .date-add-result-grid>div.is-primary{border-color:#bfdbfef2!important;background:#eff6ff!important}body[data-page=dateAddSubtractCalculator] .date-add-result-grid dt{color:var(--muted)!important;font-size:.72rem!important;font-weight:850!important;line-height:1.25!important}body[data-page=dateAddSubtractCalculator] .date-add-result-grid dd{min-width:0!important;margin:4px 0 0!important;color:var(--ink)!important;font-size:clamp(1rem,2.8vw,1.28rem)!important;font-weight:950!important;line-height:1.12!important;letter-spacing:-.025em!important;overflow-wrap:anywhere!important}body[data-page=dateAddSubtractCalculator] .date-add-result-grid>div.is-primary dd{color:var(--primary-dark)!important;font-size:clamp(1.16rem,3.6vw,1.5rem)!important}body[data-page=dateAddSubtractCalculator] .date-add-formula-detail{display:block!important;overflow:hidden!important;padding:0!important;border:1px solid rgba(219,234,254,.9)!important;border-radius:12px!important;background:#eff6ff8f!important}body[data-page=dateAddSubtractCalculator] .date-add-formula-detail summary{min-height:40px!important;padding:10px 12px!important;color:var(--primary-dark)!important;cursor:pointer!important;font-size:.8rem!important;font-weight:900!important;line-height:1.25!important}body[data-page=dateAddSubtractCalculator] .date-add-formula-detail p{margin:0!important;padding:0 12px 11px!important;color:var(--ink-2)!important;font-size:.8rem!important;font-weight:650!important;line-height:1.42!important}body[data-page=dateAddSubtractCalculator] .date-add-copy-message{margin:0!important;color:var(--primary-dark)!important;font-size:.78rem!important;font-weight:850!important;line-height:1.35!important}body[data-page=dateAddSubtractCalculator] .result-note{margin:0!important;color:var(--muted)!important;font-size:.78rem!important;line-height:1.4!important}@media(max-width:760px){body[data-page=dateAddSubtractCalculator] .date-add-hero{gap:12px!important;padding-block:18px!important}body[data-page=dateAddSubtractCalculator] .tool-workbench-step small{display:none!important}body[data-page=dateAddSubtractCalculator] .date-add-workspace{width:min(100% - 24px,1120px)!important;grid-template-columns:1fr!important;gap:10px!important;padding-block:4px 20px!important}body[data-page=dateAddSubtractCalculator] .date-add-input-card,body[data-page=dateAddSubtractCalculator] .date-add-result-card{padding:14px!important;border-radius:16px!important}body[data-page=dateAddSubtractCalculator] .date-add-input-toolbar,body[data-page=dateAddSubtractCalculator] .date-add-result-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}body[data-page=dateAddSubtractCalculator] .date-add-result-actions-head{justify-content:space-between!important}body[data-page=dateAddSubtractCalculator] .date-add-base-panel{grid-template-columns:minmax(0,1fr) minmax(64px,auto)!important;gap:7px!important}body[data-page=dateAddSubtractCalculator] .date-add-amount-panel{grid-template-columns:minmax(0,1fr) minmax(102px,.36fr)!important;gap:7px!important}body[data-page=dateAddSubtractCalculator] .date-add-direction-tabs{grid-column:1 / -1!important}body[data-page=dateAddSubtractCalculator] .date-add-field{padding:9px!important}body[data-page=dateAddSubtractCalculator] .date-add-field input{min-height:44px!important;padding-inline:8px!important;font-size:.84rem!important}body[data-page=dateAddSubtractCalculator] .date-add-base-field input{min-height:46px!important;font-size:.9rem!important}body[data-page=dateAddSubtractCalculator] .date-add-direction-tabs span,body[data-page=dateAddSubtractCalculator] .date-add-unit-tabs span{padding-inline:4px!important;font-size:.74rem!important}body[data-page=dateAddSubtractCalculator] .date-add-quick-panel small{display:none!important}body[data-page=dateAddSubtractCalculator] .date-add-example-buttons{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}body[data-page=dateAddSubtractCalculator] .date-add-example-buttons .text-button{min-height:38px!important;padding-inline:4px!important;font-size:.68rem!important}body[data-page=dateAddSubtractCalculator] #date-add-main-result{font-size:clamp(1.7rem,8vw,2.2rem)!important}body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-empty #date-add-main-result,body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-waiting #date-add-main-result,body[data-page=dateAddSubtractCalculator] .date-add-result-card.is-error #date-add-main-result{font-size:clamp(1.08rem,4.8vw,1.32rem)!important}body[data-page=dateAddSubtractCalculator] .date-add-result-grid{gap:7px!important}body[data-page=dateAddSubtractCalculator] .date-add-result-grid>div{padding:8px!important}body[data-page=dateAddSubtractCalculator] .date-add-result-grid dt{font-size:.68rem!important}body[data-page=dateAddSubtractCalculator] .date-add-result-grid dd{font-size:clamp(.92rem,4.7vw,1.12rem)!important}body[data-page=dateAddSubtractCalculator] .date-add-result-grid>div.is-primary dd{font-size:clamp(1.08rem,5.6vw,1.34rem)!important}}@media(max-width:370px){body[data-page=dateAddSubtractCalculator] .date-add-result-grid{grid-template-columns:1fr!important}}body[data-page=timeCalculator] .time-hero{padding-block:24px 16px!important}body[data-page=timeCalculator] .time-workspace{display:grid!important;width:min(100% - 28px,1120px)!important;gap:12px!important;padding-block:6px 24px!important}body[data-page=timeCalculator] .time-mode-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin:0 auto!important;padding:4px!important;border:1px solid rgba(219,234,254,.9)!important;border-radius:999px!important;background:#eff6ff8f!important;box-shadow:none!important}body[data-page=timeCalculator] .time-mode-tabs label{position:relative!important;min-width:0!important;min-height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important}body[data-page=timeCalculator] .time-mode-tabs input{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important;margin:0!important;cursor:pointer!important;opacity:0!important}body[data-page=timeCalculator] .time-mode-tabs span{display:flex!important;min-height:38px!important;align-items:center!important;justify-content:center!important;padding-inline:8px!important;border-radius:999px!important;color:var(--ink-2)!important;font-size:.78rem!important;font-weight:850!important;line-height:1.12!important;white-space:nowrap!important}body[data-page=timeCalculator] .time-mode-tabs input:checked+span{background:#fff!important;color:var(--primary-dark)!important;box-shadow:0 4px 12px #0f172a0e!important}body[data-page=timeCalculator] .time-grid{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(340px,.88fr)!important;align-items:start!important;gap:14px!important}body[data-page=timeCalculator] :where(.time-input-card,.time-result-card){min-width:0!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}body[data-page=timeCalculator] .time-input-card{display:grid!important;gap:11px!important;padding:18px!important;border-color:#bfdbfef2!important;box-shadow:0 14px 32px #2563eb13!important}body[data-page=timeCalculator] .time-input-head,body[data-page=timeCalculator] .time-result-head{display:flex!important;min-width:0!important;align-items:start!important;justify-content:space-between!important;gap:10px!important}body[data-page=timeCalculator] .time-input-head>div,body[data-page=timeCalculator] .time-result-head>div:first-child{display:grid!important;gap:3px!important;min-width:0!important}body[data-page=timeCalculator] .time-input-head h2,body[data-page=timeCalculator] .time-result-head h2{margin:0!important;color:var(--ink)!important;font-size:clamp(1.08rem,2vw,1.3rem)!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.03em!important}body[data-page=timeCalculator] .time-state-pill{display:inline-flex!important;flex:0 0 auto!important;min-height:30px!important;align-items:center!important;padding-inline:10px!important;border:1px solid rgba(219,234,254,.95)!important;border-radius:999px!important;background:#eff6ffb8!important;color:var(--primary-dark)!important;font-size:.74rem!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important}body[data-page=timeCalculator] .time-state-pill.is-empty,body[data-page=timeCalculator] .time-state-pill.is-waiting{border-color:#e2e8f0f2!important;background:#f8fafc!important;color:var(--ink-3)!important}body[data-page=timeCalculator] .time-state-pill.is-filled{border-color:#bfdbfef2!important;background:#eff6ff!important;color:var(--primary-dark)!important}body[data-page=timeCalculator] .time-state-pill.is-error{border-color:#fed7aa!important;background:#fff7ed!important;color:#c2410c!important}body[data-page=timeCalculator] .time-panel{display:grid!important;gap:10px!important}body[data-page=timeCalculator] .time-panel[hidden]{display:none!important}body[data-page=timeCalculator] .time-base-panel,body[data-page=timeCalculator] .time-row-with-button{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:8px!important}body[data-page=timeCalculator] .time-clock-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(70px,.28fr)!important;gap:8px!important}body[data-page=timeCalculator] .time-field{display:grid!important;gap:6px!important;min-width:0!important;margin:0!important;padding:10px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:14px!important;background:#fff!important}body[data-page=timeCalculator] .time-base-field{border-color:#2563eb42!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:inset 0 0 0 1px #2563eb0f!important}body[data-page=timeCalculator] .time-field>span:first-child,body[data-page=timeCalculator] .time-field>label{margin:0!important;color:var(--ink-2)!important;font-size:.78rem!important;font-weight:850!important;line-height:1.25!important}body[data-page=timeCalculator] .time-base-field>span:first-child{color:var(--primary-dark)!important;font-size:.84rem!important}body[data-page=timeCalculator] .time-field :where(input,textarea){width:100%!important;min-width:0!important;min-height:44px!important;padding-inline:10px!important;font-size:.9rem!important;font-weight:800!important}body[data-page=timeCalculator] .time-base-field input{min-height:48px!important;font-size:1rem!important;font-weight:850!important}body[data-page=timeCalculator] .time-field textarea{min-height:130px!important;resize:vertical!important}body[data-page=timeCalculator] .time-calc-panel{display:grid!important;grid-template-columns:minmax(134px,.45fr) minmax(0,1fr)!important;align-items:end!important;gap:9px!important}body[data-page=timeCalculator] .time-segmented{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;min-width:0!important;margin:0!important;padding:4px!important;border:1px solid rgba(219,234,254,.9)!important;border-radius:999px!important;background:#eff6ff8f!important;box-shadow:none!important}body[data-page=timeCalculator] .time-segmented label{position:relative!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important}body[data-page=timeCalculator] .time-segmented input{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important;margin:0!important;cursor:pointer!important;opacity:0!important}body[data-page=timeCalculator] .time-segmented span{display:flex!important;min-height:44px!important;align-items:center!important;justify-content:center!important;padding-inline:6px!important;border-radius:999px!important;color:var(--ink-2)!important;font-size:.78rem!important;font-weight:850!important;line-height:1.12!important;white-space:nowrap!important}body[data-page=timeCalculator] .time-segmented input:checked+span{background:#fff!important;color:var(--primary-dark)!important;box-shadow:0 4px 12px #0f172a0e!important}body[data-page=timeCalculator] .time-duration-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}body[data-page=timeCalculator] .field-error:not([hidden]){display:block!important;margin:-4px 0 0!important;color:#c2410c!important;font-size:.76rem!important;font-weight:850!important;line-height:1.35!important}body[data-page=timeCalculator] .time-input-summary{margin:0!important;padding:8px 10px!important;border:1px solid rgba(219,234,254,.9)!important;border-radius:12px!important;background:#eff6ff8f!important;color:var(--ink-2)!important;font-size:.8rem!important;font-weight:760!important;line-height:1.36!important}body[data-page=timeCalculator] .time-quick-panel{display:block!important;overflow:hidden!important;padding:0!important;border:1px solid rgba(219,234,254,.9)!important;border-radius:14px!important;background:#f8fbffb3!important}body[data-page=timeCalculator] .time-quick-panel>summary{display:flex!important;min-height:44px!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 12px!important;color:var(--primary-dark)!important;cursor:pointer!important;font-size:.84rem!important;font-weight:900!important;line-height:1.25!important;list-style:none!important}body[data-page=timeCalculator] .time-quick-panel>summary::-webkit-details-marker{display:none!important}body[data-page=timeCalculator] .time-quick-panel>summary:after{content:"+";flex:0 0 auto;color:var(--primary-dark);font-size:.96rem;font-weight:950}body[data-page=timeCalculator] .time-quick-panel[open]>summary:after{content:"-"}body[data-page=timeCalculator] .time-quick-panel small{color:var(--ink-2)!important;font-size:.74rem!important;font-weight:750!important;text-align:right!important}body[data-page=timeCalculator] .time-quick-body{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding:0 12px 12px!important}body[data-page=timeCalculator] .time-quick-body button{min-width:0!important;min-height:40px!important;padding-inline:5px!important;font-size:.72rem!important;font-weight:850!important;white-space:nowrap!important}body[data-page=timeCalculator] .time-checkbox{display:flex!important;min-width:0!important;min-height:58px!important;align-items:center!important;gap:9px!important;padding:10px 12px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:14px!important;background:#fff!important}body[data-page=timeCalculator] .time-checkbox small{display:block!important;margin-top:2px!important;color:var(--muted)!important;font-size:.76rem!important;line-height:1.35!important}body[data-page=timeCalculator] .time-action-grid{display:grid!important;grid-template-columns:minmax(0,1fr) repeat(2,minmax(82px,.54fr))!important;gap:8px!important;margin:0!important}body[data-page=timeCalculator] .time-action-grid :where(button,.primary-action,.text-button),body[data-page=timeCalculator] .time-current-button,body[data-page=timeCalculator] .time-copy-button{min-height:44px!important;justify-content:center!important;padding-inline:12px!important;font-size:.82rem!important;font-weight:850!important;white-space:nowrap!important}body[data-page=timeCalculator] .time-primary-button{min-height:50px!important;border-radius:14px!important;font-size:.88rem!important;font-weight:900!important}body[data-page=timeCalculator] .time-recheck-button{border-color:#bfdbfef2!important;background:#fff!important;color:var(--primary-dark)!important;box-shadow:none!important}body[data-page=timeCalculator] .time-result-card{display:grid!important;align-self:start!important;gap:9px!important;padding:16px!important;scroll-margin-top:86px!important}body[data-page=timeCalculator] .time-result-head{display:flex!important;min-width:0!important;align-items:start!important;justify-content:space-between!important;gap:10px!important}body[data-page=timeCalculator] .time-result-actions-head{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;gap:8px!important}body[data-page=timeCalculator] #time-copy:disabled{opacity:.48!important;cursor:not-allowed!important}body[data-page=timeCalculator] #time-copy.is-copied{border-color:#16a34a3d!important;background:#16a34a!important;color:#fff!important;box-shadow:0 12px 24px #16a34a2e!important}body[data-page=timeCalculator] #time-result-main{display:block!important;margin:0!important;color:var(--primary-dark)!important;font-size:clamp(2rem,5.4vw,2.68rem)!important;font-weight:950!important;line-height:1.05!important;letter-spacing:-.04em!important;overflow-wrap:anywhere!important}body[data-page=timeCalculator] .time-result-card.is-empty,body[data-page=timeCalculator] .time-result-card.is-waiting,body[data-page=timeCalculator] .time-result-card.is-error{gap:8px!important;border-color:#e2e8f0f2!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:none!important}body[data-page=timeCalculator] .time-result-card.is-error{border-color:#fed7aa!important;background:linear-gradient(180deg,#fff,#fff7ed)!important}body[data-page=timeCalculator] .time-result-card.is-filled{border-color:#bfdbfef5!important;box-shadow:0 10px 26px #2563eb0e!important}body[data-page=timeCalculator] .time-result-card.is-empty #time-result-main,body[data-page=timeCalculator] .time-result-card.is-waiting #time-result-main,body[data-page=timeCalculator] .time-result-card.is-error #time-result-main{color:var(--ink-3)!important;font-size:clamp(1.18rem,3vw,1.46rem)!important;font-weight:850!important;line-height:1.3!important;letter-spacing:-.03em!important}body[data-page=timeCalculator] .time-result-card.is-error #time-result-main,body[data-page=timeCalculator] .time-result-card.is-error #time-result-summary{color:#c2410c!important}body[data-page=timeCalculator] #time-result-summary{margin:0!important;color:var(--ink-2)!important;font-size:.86rem!important;font-weight:760!important;line-height:1.42!important;overflow-wrap:anywhere!important}body[data-page=timeCalculator] #time-result-warning{margin:0!important;padding:8px 10px!important;border:1px solid #fed7aa!important;border-radius:12px!important;background:#fff7ed!important;color:#c2410c!important;font-size:.78rem!important;font-weight:850!important;line-height:1.35!important}body[data-page=timeCalculator] .time-result-card.is-empty :where(.time-result-grid,.result-note),body[data-page=timeCalculator] .time-result-card.is-waiting :where(.time-result-grid,.result-note),body[data-page=timeCalculator] .time-result-card.is-error :where(.time-result-grid,.result-note){display:none!important}body[data-page=timeCalculator] .time-result-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important}body[data-page=timeCalculator] .time-result-grid>div{min-width:0!important;padding:10px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:12px!important;background:#fff!important}body[data-page=timeCalculator] .time-result-grid>div.is-primary{border-color:#bfdbfef2!important;background:#eff6ff!important}body[data-page=timeCalculator] .time-result-grid dt{color:var(--muted)!important;font-size:.72rem!important;font-weight:850!important;line-height:1.25!important}body[data-page=timeCalculator] .time-result-grid dd{min-width:0!important;margin:4px 0 0!important;color:var(--ink)!important;font-size:clamp(.96rem,2.6vw,1.18rem)!important;font-weight:900!important;line-height:1.16!important;letter-spacing:-.02em!important;overflow-wrap:anywhere!important}body[data-page=timeCalculator] .time-result-grid>div.is-primary dd{color:var(--primary-dark)!important;font-size:clamp(1.1rem,3.2vw,1.38rem)!important}body[data-page=timeCalculator] .time-copy-status{min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--primary-dark)!important;font-size:.78rem!important;font-weight:850!important;line-height:1.35!important}body[data-page=timeCalculator] .time-copy-status:empty{display:none!important}body[data-page=timeCalculator] .result-note{margin:0!important;color:var(--muted)!important;font-size:.78rem!important;line-height:1.4!important}body[data-page=timeCalculator] .time-guide-note{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;gap:6px 14px!important;margin-top:0!important;padding:12px 14px!important;border:1px solid rgba(219,234,254,.9)!important;border-radius:16px!important;background:#eff6ff9e!important}body[data-page=timeCalculator] .time-guide-note p{margin:0!important;color:var(--ink-2)!important;font-size:.84rem!important;font-weight:750!important;line-height:1.4!important}body[data-page=timeCalculator] .time-guide-note a{color:var(--primary-dark)!important;font-weight:900!important}@media(max-width:760px){body[data-page=timeCalculator] .time-hero{gap:12px!important;padding-block:18px!important}body[data-page=timeCalculator] .tool-workbench-step small{display:none!important}body[data-page=timeCalculator] .time-workspace{width:min(100% - 24px,1120px)!important;gap:10px!important;padding-block:4px 20px!important}body[data-page=timeCalculator] .time-grid,body[data-page=timeCalculator] .time-guide-note{grid-template-columns:1fr!important;gap:10px!important}body[data-page=timeCalculator] .time-input-card,body[data-page=timeCalculator] .time-result-card{padding:14px!important;border-radius:16px!important}body[data-page=timeCalculator] .time-input-head,body[data-page=timeCalculator] .time-result-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}body[data-page=timeCalculator] .time-result-actions-head{justify-content:space-between!important}body[data-page=timeCalculator] .time-mode-tabs span{min-height:36px!important;padding-inline:4px!important;font-size:.72rem!important;letter-spacing:-.025em!important}body[data-page=timeCalculator] .time-base-panel,body[data-page=timeCalculator] .time-row-with-button{grid-template-columns:minmax(0,1fr) minmax(58px,auto)!important;gap:7px!important}body[data-page=timeCalculator] .time-clock-row{grid-template-columns:minmax(0,1fr) minmax(58px,.24fr)!important;gap:7px!important}body[data-page=timeCalculator] .time-field{padding:9px!important}body[data-page=timeCalculator] .time-field :where(input,textarea){min-height:44px!important;padding-inline:8px!important;font-size:.84rem!important}body[data-page=timeCalculator] .time-base-field input{min-height:46px!important;font-size:.9rem!important}body[data-page=timeCalculator] .time-current-button{min-width:58px!important;padding-inline:8px!important}body[data-page=timeCalculator] .time-calc-panel{grid-template-columns:1fr!important;gap:7px!important}body[data-page=timeCalculator] .time-duration-grid{gap:7px!important}body[data-page=timeCalculator] .time-segmented span{min-height:40px!important;font-size:.74rem!important}body[data-page=timeCalculator] .time-quick-panel small{display:none!important}body[data-page=timeCalculator] .time-quick-body{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}body[data-page=timeCalculator] .time-quick-body button{min-height:38px!important;font-size:.7rem!important}body[data-page=timeCalculator] .time-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}body[data-page=timeCalculator] .time-primary-button{grid-column:1 / -1!important}body[data-page=timeCalculator] .time-action-grid :where(button,.primary-action,.text-button){min-height:42px!important;padding-inline:7px!important;font-size:.76rem!important}body[data-page=timeCalculator] #time-result-main{font-size:clamp(1.72rem,8vw,2.18rem)!important}body[data-page=timeCalculator] .time-result-card.is-empty #time-result-main,body[data-page=timeCalculator] .time-result-card.is-waiting #time-result-main,body[data-page=timeCalculator] .time-result-card.is-error #time-result-main{font-size:clamp(1.08rem,4.8vw,1.32rem)!important}body[data-page=timeCalculator] .time-result-grid{gap:7px!important}body[data-page=timeCalculator] .time-result-grid>div{padding:8px!important}body[data-page=timeCalculator] .time-result-grid dt{font-size:.68rem!important}body[data-page=timeCalculator] .time-result-grid dd{font-size:clamp(.88rem,4.2vw,1.06rem)!important}body[data-page=timeCalculator] .time-result-grid>div.is-primary dd{font-size:clamp(1.02rem,5vw,1.24rem)!important}}@media(max-width:370px){body[data-page=timeCalculator] .time-result-grid,body[data-page=timeCalculator] .time-duration-grid{grid-template-columns:1fr!important}}body[data-page=unixTimestampConverter] .timestamp-workspace{display:grid!important;grid-template-columns:1fr!important;width:min(100% - 28px,1120px)!important;gap:12px!important}body[data-page=unixTimestampConverter] .timestamp-mode-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;border-radius:16px!important}body[data-page=unixTimestampConverter] .timestamp-mode-tabs label{min-height:46px!important;padding:0 8px!important;font-size:.82rem!important;line-height:1.18!important}body[data-page=unixTimestampConverter] .timestamp-mode-tabs label>span{gap:1px!important}body[data-page=unixTimestampConverter] .timestamp-grid{width:min(100%,980px)!important;margin-inline:auto!important;display:grid!important;grid-template-columns:minmax(0,.86fr) minmax(420px,.95fr)!important;align-items:start!important;gap:14px!important}body[data-page=unixTimestampConverter] :where(.timestamp-input-card,.timestamp-result-card){min-width:0!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}body[data-page=unixTimestampConverter] .timestamp-input-card{display:grid!important;gap:12px!important;padding:16px!important}body[data-page=unixTimestampConverter] .timestamp-input-card [data-mode-panel]{display:grid!important;gap:10px!important}body[data-page=unixTimestampConverter] .timestamp-input-card [data-mode-panel][hidden]{display:none!important}body[data-page=unixTimestampConverter] .timestamp-field{gap:6px!important;padding:10px!important}body[data-page=unixTimestampConverter] .timestamp-field>span,body[data-page=unixTimestampConverter] .timestamp-option-group legend{margin:0 0 5px!important;font-size:.78rem!important;line-height:1.25!important}body[data-page=unixTimestampConverter] .timestamp-field :where(input){min-height:44px!important;padding-inline:10px!important;font-size:.9rem!important}body[data-page=unixTimestampConverter] .timestamp-field .field-error:empty{display:none!important}body[data-page=unixTimestampConverter] .timestamp-field .field-error:not(:empty){display:block!important;margin-top:2px!important;color:#dc2626!important}body[data-page=unixTimestampConverter] .timestamp-time-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(72px,.34fr)!important;gap:8px!important}body[data-page=unixTimestampConverter] .timestamp-segmented{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:5px!important;border-radius:14px!important}body[data-page=unixTimestampConverter] .timestamp-segmented label{min-height:42px!important;padding:0 4px!important;font-size:.8rem!important}body[data-page=unixTimestampConverter] .timestamp-actions{display:grid!important;grid-template-columns:1fr repeat(2,minmax(82px,.62fr))!important;gap:8px!important}body[data-page=unixTimestampConverter] .timestamp-actions :where(button,.primary-action,.text-button),body[data-page=unixTimestampConverter] .timestamp-copy-row :where(button,.text-button),body[data-page=unixTimestampConverter] .timestamp-result-list button{min-height:44px!important;padding-inline:12px!important;font-size:.8rem!important;font-weight:850!important;white-space:nowrap!important}body[data-page=unixTimestampConverter] .timestamp-result-list button{border:1px solid rgba(37,99,235,.24)!important;border-radius:10px!important;background:#eff6ffd1!important;color:var(--primary-dark)!important;box-shadow:none!important}body[data-page=unixTimestampConverter] .timestamp-result-list button:not(:disabled):hover{border-color:#2563eb6b!important;background:#eff6ff!important}body[data-page=unixTimestampConverter] .timestamp-current-box{display:grid!important;gap:8px!important;padding:14px!important;border:1px solid rgba(219,234,254,.95)!important;border-radius:16px!important;background:#eff6ff9e!important}body[data-page=unixTimestampConverter] .timestamp-current-box h2,body[data-page=unixTimestampConverter] .timestamp-result-card h2{margin:0!important;font-size:clamp(1.05rem,2vw,1.25rem)!important}body[data-page=unixTimestampConverter] .timestamp-current-box p{margin:0!important;color:var(--muted)!important;font-size:.86rem!important;line-height:1.45!important}body[data-page=unixTimestampConverter] .timestamp-result-card{align-self:start!important;display:grid!important;gap:8px!important;padding:16px 18px!important;scroll-margin-top:86px!important}body[data-page=unixTimestampConverter] .timestamp-result-card .editor-toolbar{gap:8px!important;margin:0!important}body[data-page=unixTimestampConverter] .timestamp-result-card>strong{margin:0!important;color:var(--ink)!important;font-size:clamp(1.36rem,4.4vw,1.92rem)!important;line-height:1.12!important;letter-spacing:0!important;word-break:keep-all!important}body[data-page=unixTimestampConverter] .timestamp-result-card .inline-count-summary{margin:0!important;font-size:.88rem!important;line-height:1.42!important}body[data-page=unixTimestampConverter] .timestamp-result-card:is(.is-empty,.is-error){padding-block:14px!important}body[data-page=unixTimestampConverter] .timestamp-result-card:is(.is-empty,.is-error) :where(.timestamp-result-list,.timestamp-copy-row,.timestamp-notices,#timestamp-copy-message),body[data-page=unixTimestampConverter] .timestamp-result-card.is-filled #timestamp-copy-message:empty{display:none!important}body[data-page=unixTimestampConverter] .timestamp-result-card.is-error{border-color:#fed7aa!important;background:linear-gradient(180deg,#fff,#fff7ed)!important}body[data-page=unixTimestampConverter] .timestamp-result-card.is-error #timestamp-summary-main{color:#c2410c!important}body[data-page=unixTimestampConverter] .timestamp-result-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:4px!important}body[data-page=unixTimestampConverter] .timestamp-result-list>div{min-width:0!important;padding:9px 10px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:12px!important;background:#fff!important}body[data-page=unixTimestampConverter] .timestamp-result-list dt{color:var(--muted)!important;font-size:.72rem!important}body[data-page=unixTimestampConverter] .timestamp-result-list dd{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;margin-top:4px!important}body[data-page=unixTimestampConverter] .timestamp-result-list code{min-width:0!important;overflow-wrap:anywhere!important;color:var(--ink)!important;font-size:.78rem!important;font-weight:760!important}body[data-page=unixTimestampConverter] .timestamp-result-list dd:not(:has(button)){grid-template-columns:minmax(0,1fr)!important}body[data-page=unixTimestampConverter] .timestamp-copy-row,body[data-page=unixTimestampConverter] #timestamp-copy-message{margin:0!important}body[data-page=unixTimestampConverter] .timestamp-guide-note{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important;gap:6px 14px!important;width:min(100%,980px)!important;margin:0 auto!important;padding:12px 14px!important;border:1px solid rgba(219,234,254,.9)!important;border-radius:16px!important;background:#eff6ff9e!important}body[data-page=unixTimestampConverter] .timestamp-guide-note p{margin:0!important;color:var(--ink-2)!important;font-size:.84rem!important;font-weight:750!important;line-height:1.4!important}@media(max-width:720px){body[data-page=unixTimestampConverter] .timestamp-grid,body[data-page=unixTimestampConverter] .timestamp-result-list,body[data-page=unixTimestampConverter] .timestamp-guide-note{grid-template-columns:1fr!important}}@media(min-width:721px){body[data-page=unixTimestampConverter] .timestamp-result-list>div:has(#timestamp-result-iso){grid-column:1 / -1!important}}@media(max-width:520px){body[data-page=unixTimestampConverter] :where(.timestamp-input-card,.timestamp-result-card){border-radius:16px!important;padding:16px!important}body[data-page=unixTimestampConverter] .timestamp-mode-tabs label,body[data-page=unixTimestampConverter] .timestamp-segmented label{font-size:.76rem!important}body[data-page=unixTimestampConverter] .timestamp-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-page=unixTimestampConverter] .timestamp-actions .primary-action{grid-column:1 / -1!important}body[data-page=unixTimestampConverter] .timestamp-result-list>div{padding:7px 8px!important}body[data-page=unixTimestampConverter] .timestamp-result-list code{font-size:.72rem!important}}body[data-page=unixTimestampConverter] .tool-workbench-trust{display:none!important}body[data-page=unixTimestampConverter] .timestamp-input-card{border-color:#0f172a1a!important;background:radial-gradient(circle at 18% 0%,rgba(37,99,235,.1),transparent 34%),linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 16px 36px #0f172a12!important}body[data-page=unixTimestampConverter] .timestamp-panel-heading{display:grid;gap:4px;min-width:0}body[data-page=unixTimestampConverter] .timestamp-panel-heading .card-eyebrow{margin:0}body[data-page=unixTimestampConverter] .timestamp-panel-heading h2{margin:0;color:var(--ink);font-size:clamp(1.08rem,2vw,1.3rem);font-weight:950;line-height:1.18;letter-spacing:-.035em}body[data-page=unixTimestampConverter] .timestamp-panel-heading p:not(.card-eyebrow){margin:0;color:var(--ink-2);font-size:.84rem;font-weight:700;line-height:1.4}body[data-page=unixTimestampConverter] .timestamp-mode-tabs{background:#0f172a0b!important;border-color:#0f172a1f!important}body[data-page=unixTimestampConverter] .timestamp-mode-tabs label:has(input:checked){background:#fff!important;color:var(--primary-dark)!important;box-shadow:0 8px 18px #0f172a13!important}body[data-page=unixTimestampConverter] .timestamp-field input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace!important;letter-spacing:-.01em!important}body[data-page=unixTimestampConverter] .timestamp-actions{grid-template-columns:minmax(0,1fr) repeat(3,minmax(82px,.54fr))!important}body[data-page=unixTimestampConverter] .timestamp-actions .primary-action{box-shadow:0 12px 26px #2563eb2e!important}body[data-page=unixTimestampConverter] .timestamp-current-box{background:#0f172a!important;border-color:#0f172a33!important;color:#e5edff!important}body[data-page=unixTimestampConverter] .timestamp-current-box h2{display:none!important}body[data-page=unixTimestampConverter] .timestamp-current-box p{margin:0!important;color:inherit!important}body[data-page=unixTimestampConverter] .timestamp-result-card.is-filled{border-color:#bfdbfefa!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 14px 34px #2563eb12!important}body[data-page=unixTimestampConverter] .timestamp-result-card.is-filled .editor-toolbar{order:1}body[data-page=unixTimestampConverter] .timestamp-result-card.is-filled #timestamp-summary-main{order:2;color:var(--primary-dark)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(1.52rem,5.2vw,2.18rem)!important;letter-spacing:-.04em!important;overflow-wrap:anywhere!important}body[data-page=unixTimestampConverter] .timestamp-result-card.is-filled #timestamp-summary-sub{order:3;color:var(--ink-2);font-size:.84rem!important}body[data-page=unixTimestampConverter] .timestamp-result-card.is-filled .timestamp-result-list{order:4}body[data-page=unixTimestampConverter] .timestamp-result-card.is-filled .timestamp-copy-row{order:5}body[data-page=unixTimestampConverter] .timestamp-result-card.is-filled #timestamp-notices{order:6}body[data-page=unixTimestampConverter] .timestamp-result-card.is-filled #timestamp-copy-message{order:7}body[data-page=unixTimestampConverter] .timestamp-result-card.mode-date-to-timestamp .timestamp-result-list>div:has(#timestamp-result-seconds),body[data-page=unixTimestampConverter] .timestamp-result-card.mode-date-to-timestamp .timestamp-result-list>div:has(#timestamp-result-milliseconds),body[data-page=unixTimestampConverter] .timestamp-result-card.mode-current-time .timestamp-result-list>div:has(#timestamp-result-seconds),body[data-page=unixTimestampConverter] .timestamp-result-card.mode-current-time .timestamp-result-list>div:has(#timestamp-result-milliseconds),body[data-page=unixTimestampConverter] .timestamp-result-card.mode-timestamp-to-date .timestamp-result-list>div:has(#timestamp-result-utc),body[data-page=unixTimestampConverter] .timestamp-result-card.mode-timestamp-to-date .timestamp-result-list>div:has(#timestamp-result-kst),body[data-page=unixTimestampConverter] .timestamp-result-card.mode-timestamp-to-date .timestamp-result-list>div:has(#timestamp-result-iso){border-color:#bfdbfefa!important;background:#eff6ff!important}body[data-page=unixTimestampConverter] .timestamp-result-list>div:has(#timestamp-result-unit),body[data-page=unixTimestampConverter] .timestamp-result-list>div:has(#timestamp-result-local){background:#f8fafcc7!important}body[data-page=unixTimestampConverter] .timestamp-result-list code{word-break:break-word!important}body[data-page=unixTimestampConverter] .timestamp-result-list button.is-copied,body[data-page=unixTimestampConverter] #timestamp-copy-all.is-copied{border-color:#16a34a3d!important;background:#16a34a!important;color:#fff!important;box-shadow:0 10px 22px #16a34a29!important}body[data-page=unixTimestampConverter] .timestamp-notices li+li{margin-top:4px}body[data-page=unixTimestampConverter] #timestamp-copy-message:empty{display:none!important}body[data-page=unixTimestampConverter] .timestamp-result-card:is(.is-empty,.is-error){box-shadow:none!important}body[data-page=unixTimestampConverter] .timestamp-result-card.is-error #timestamp-summary-main{font-size:clamp(1.12rem,4vw,1.38rem)!important}@media(max-width:720px){body[data-page=unixTimestampConverter] .timestamp-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-page=unixTimestampConverter] .timestamp-actions .primary-action{grid-column:1 / -1!important}}@media(max-width:370px){body[data-page=unixTimestampConverter] .timestamp-mode-tabs{grid-template-columns:1fr!important}body[data-page=unixTimestampConverter] .timestamp-mode-tabs label{min-height:42px!important}body[data-page=unixTimestampConverter] .timestamp-actions,body[data-page=unixTimestampConverter] .timestamp-time-row,body[data-page=unixTimestampConverter] .timestamp-segmented{grid-template-columns:1fr!important}}body[data-page=removeExif] .tool-workbench-trust{display:none!important}body[data-page=removeExif] .exif-workspace{width:min(100% - 28px,1120px);padding-block:8px 24px}body[data-page=removeExif] .exif-main-grid{align-items:start;gap:14px}body[data-page=removeExif] :where(.exif-source-card,.exif-result-card){min-width:0;border-radius:18px}body[data-page=removeExif] .exif-source-card{gap:12px;border-color:#bfdbfef2!important;background:radial-gradient(circle at 16% 0%,rgba(37,99,235,.12),transparent 34%),linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 16px 36px #2563eb14!important}body[data-page=removeExif] .exif-source-card .compact-first-heading h2,body[data-page=removeExif] .exif-result-card h2{letter-spacing:-.035em}body[data-page=removeExif] .exif-file-picker{min-height:118px;align-items:center;justify-content:center;border:1.5px dashed rgba(96,165,250,.74)!important;border-radius:18px;background:#eff6ff9e!important;color:var(--primary-dark);text-align:center}body[data-page=removeExif] .exif-file-picker{display:grid;gap:6px}body[data-page=removeExif] .exif-file-picker-main{font-size:1.04rem;font-weight:950;letter-spacing:-.02em}body[data-page=removeExif] .exif-file-picker-sub{color:var(--ink-2);font-size:.82rem;font-weight:800;line-height:1.3}body[data-page=removeExif] .exif-file-pill-row{display:flex;justify-content:center;gap:6px;min-width:0;flex-wrap:wrap}body[data-page=removeExif] .exif-file-pill-row b{display:inline-flex;min-height:28px;align-items:center;padding-inline:9px;border:1px solid rgba(191,219,254,.9);border-radius:999px;background:#fff;color:var(--primary-dark);font-size:.72rem;font-weight:900;line-height:1.2}body[data-page=removeExif] .exif-source-card .local-note-inline,body[data-page=removeExif] .exif-result-card .local-note-inline{margin:0;padding:9px 11px;border:1px solid rgba(219,234,254,.92);border-radius:12px;background:#f8fbffb8;color:var(--ink-2);font-size:.8rem;font-weight:750;line-height:1.36}body[data-page=removeExif] .exif-preview-box{max-height:240px;overflow:hidden;border-radius:16px}body[data-page=removeExif] .exif-preview-box img{width:100%;max-height:220px;object-fit:contain}body[data-page=removeExif] .exif-result-card.is-filled .exif-preview-box{max-height:190px}body[data-page=removeExif] .exif-result-card.is-filled .exif-preview-box img{max-height:170px}body[data-page=removeExif] .exif-info-grid{gap:8px}body[data-page=removeExif] .exif-info-grid>div{min-width:0;border-radius:13px}body[data-page=removeExif] .exif-info-grid dd{max-width:100%;overflow-wrap:anywhere;word-break:break-word}body[data-page=removeExif] .exif-output-options{min-width:0}body[data-page=removeExif] .exif-output-options select{min-width:0;width:100%}body[data-page=removeExif] #exif-action-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(84px,.42fr));gap:8px}body[data-page=removeExif] #exif-action-row[hidden]{display:none!important}body[data-page=removeExif] #exif-process{min-height:50px;justify-content:center;border-radius:14px;box-shadow:0 12px 26px #2563eb2e}body[data-page=removeExif] #exif-reselect,body[data-page=removeExif] #exif-clear{min-width:0;min-height:44px;justify-content:center;padding-inline:10px;white-space:nowrap}body[data-page=removeExif] .exif-result-card.is-filled{border-color:#bfdbfefa!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 14px 34px #2563eb12!important}body[data-page=removeExif] .exif-result-card.is-filled #exif-result-status{color:var(--primary-dark);font-size:clamp(1.35rem,4vw,1.86rem);font-weight:950;line-height:1.18;letter-spacing:-.04em}body[data-page=removeExif] .exif-result-card.is-filled #exif-result-summary{color:var(--ink-2);font-size:.86rem;font-weight:750}body[data-page=removeExif] .exif-result-card.is-filled .card-eyebrow{order:1}body[data-page=removeExif] .exif-result-card.is-filled h2{order:2}body[data-page=removeExif] .exif-result-card.is-filled #exif-result-status{order:3}body[data-page=removeExif] .exif-result-card.is-filled #exif-result-summary{order:4}body[data-page=removeExif] .exif-result-card.is-filled .exif-download-link{order:5}body[data-page=removeExif] .exif-result-card.is-filled .exif-preview-box{order:6}body[data-page=removeExif] .exif-result-card.is-filled .exif-info-grid{order:7}body[data-page=removeExif] .exif-result-card.is-filled #exif-result-message{order:8}body[data-page=removeExif] .exif-result-card.is-filled>.local-note{order:9}body[data-page=removeExif] .exif-download-link{width:100%;min-height:50px;justify-content:center;border-radius:14px;overflow-wrap:anywhere;box-shadow:0 12px 26px #2563eb2e}body[data-page=removeExif] .exif-result-card.is-filled .exif-info-grid>div:nth-child(n+4){background:#f8fafcc7}body[data-page=removeExif] .exif-result-card.is-filled .exif-info-grid>div:nth-child(-n+3){border-color:#bfdbfef2;background:#eff6ff}body[data-page=removeExif] .exif-result-card:is(.is-empty,.is-dirty,.is-loading){box-shadow:none!important}body[data-page=removeExif] .exif-result-card.is-error{border-color:#fed7aa!important;background:linear-gradient(180deg,#fff,#fff7ed)!important}body[data-page=removeExif] #exif-source-message,body[data-page=removeExif] #exif-result-message{overflow-wrap:anywhere}@media(max-width:720px){body[data-page=removeExif] .exif-workspace{width:min(100% - 24px,1120px);padding-block:6px 20px}body[data-page=removeExif] .exif-main-grid{grid-template-columns:1fr;gap:10px}body[data-page=removeExif] .exif-file-picker{min-height:96px}body[data-page=removeExif] .exif-preview-box,body[data-page=removeExif] .exif-result-card.is-filled .exif-preview-box{max-height:170px}body[data-page=removeExif] .exif-preview-box img,body[data-page=removeExif] .exif-result-card.is-filled .exif-preview-box img{max-height:150px}body[data-page=removeExif] #exif-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=removeExif] #exif-process{grid-column:1 / -1}}@media(max-width:370px){body[data-page=removeExif] #exif-action-row{grid-template-columns:1fr}body[data-page=removeExif] #exif-reselect,body[data-page=removeExif] #exif-clear{width:100%}}body[data-page=aspectRatioCalculator] .tool-workbench-trust{display:none!important}body[data-page=aspectRatioCalculator] .aspect-workspace{width:min(100% - 28px,1120px);display:grid;gap:14px;padding-block:8px 24px}body[data-page=aspectRatioCalculator] .aspect-mode-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;border:1px solid rgba(15,23,42,.1);border-radius:16px;background:#0f172a0b}body[data-page=aspectRatioCalculator] .aspect-mode-tabs label,body[data-page=aspectRatioCalculator] .aspect-basis-tabs label{min-width:0;cursor:pointer}body[data-page=aspectRatioCalculator] .aspect-mode-tabs span,body[data-page=aspectRatioCalculator] .aspect-basis-tabs span{display:flex;min-height:42px;align-items:center;justify-content:center;padding:9px 10px;border-radius:12px;color:var(--ink-2);font-size:.82rem;font-weight:850;line-height:1.2;text-align:center}body[data-page=aspectRatioCalculator] .aspect-mode-tabs input,body[data-page=aspectRatioCalculator] .aspect-basis-tabs input{position:absolute;opacity:0;pointer-events:none}body[data-page=aspectRatioCalculator] .aspect-mode-tabs label:has(input:checked) span,body[data-page=aspectRatioCalculator] .aspect-basis-tabs label:has(input:checked) span{background:#fff;color:var(--primary-dark);box-shadow:0 8px 18px #0f172a13}body[data-page=aspectRatioCalculator] .aspect-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.92fr);gap:14px;align-items:start}body[data-page=aspectRatioCalculator] :where(.aspect-input-card,.aspect-result-card,.aspect-presets){min-width:0;border-radius:18px}body[data-page=aspectRatioCalculator] .aspect-input-card{position:relative;z-index:2;gap:13px;border-color:#bfdbfef2!important;background:radial-gradient(circle at 18% 0%,rgba(37,99,235,.12),transparent 34%),linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 16px 36px #2563eb14!important}body[data-page=aspectRatioCalculator] .aspect-input-heading h2{margin:0;font-size:clamp(1.12rem,2vw,1.34rem);font-weight:950;letter-spacing:-.035em}body[data-page=aspectRatioCalculator] [data-aspect-panel]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-page=aspectRatioCalculator] [data-aspect-panel][hidden]{display:none!important}body[data-page=aspectRatioCalculator] [data-aspect-panel=keepRatio]{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=aspectRatioCalculator] [data-aspect-panel=keepRatio]>.inline-count-summary,body[data-page=aspectRatioCalculator] .aspect-basis-tabs{grid-column:1 / -1}body[data-page=aspectRatioCalculator] .aspect-basis-tabs{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border:1px solid rgba(15,23,42,.1);border-radius:16px;background:#0f172a0b}body[data-page=aspectRatioCalculator] .aspect-basis-tabs legend{margin-bottom:6px;color:var(--ink-2);font-size:.78rem;font-weight:850}body[data-page=aspectRatioCalculator] .aspect-field{min-width:0}body[data-page=aspectRatioCalculator] .aspect-field input{width:100%;min-width:0;min-height:48px;border-radius:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:1rem;font-weight:800}body[data-page=aspectRatioCalculator] .aspect-actions{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(88px,.46fr));gap:8px}body[data-page=aspectRatioCalculator] #aspect-calculate{min-height:50px;justify-content:center;border-radius:14px;box-shadow:0 12px 26px #2563eb2e}body[data-page=aspectRatioCalculator] #aspect-example,body[data-page=aspectRatioCalculator] #aspect-clear{min-width:0;min-height:44px;justify-content:center;padding-inline:10px;white-space:nowrap}body[data-page=aspectRatioCalculator] .aspect-result-card{position:relative;z-index:1;gap:11px}body[data-page=aspectRatioCalculator] .aspect-result-card.is-filled{border-color:#bfdbfefa!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 14px 34px #2563eb12!important}body[data-page=aspectRatioCalculator] #aspect-summary{color:var(--primary-dark);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(1.6rem,5.5vw,2.34rem);font-weight:950;line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere}body[data-page=aspectRatioCalculator] .aspect-result-card.is-empty #aspect-summary{color:var(--ink-2);font-family:inherit;font-size:1rem;font-weight:850;line-height:1.4;letter-spacing:-.02em}body[data-page=aspectRatioCalculator] .aspect-result-card.is-error #aspect-summary{color:#9a3412;font-family:inherit;font-size:clamp(1.08rem,4vw,1.35rem);line-height:1.3}body[data-page=aspectRatioCalculator] .aspect-result-context{margin:0;color:var(--ink-2);font-size:.84rem;font-weight:800;line-height:1.35;overflow-wrap:anywhere}body[data-page=aspectRatioCalculator] .aspect-usage-pill{display:inline-flex;width:fit-content;max-width:100%;min-height:32px;align-items:center;margin:0;padding:7px 10px;border:1px solid rgba(191,219,254,.95);border-radius:999px;background:#eff6ff;color:var(--primary-dark);font-size:.8rem;font-weight:900;line-height:1.2;overflow-wrap:anywhere}body[data-page=aspectRatioCalculator] .aspect-result-card.is-empty .aspect-usage-pill,body[data-page=aspectRatioCalculator] .aspect-result-card.is-error .aspect-usage-pill{width:100%;justify-content:center;border-color:#e2e8f0eb;background:#f8fafcc7;color:var(--ink-2)}body[data-page=aspectRatioCalculator] .aspect-preview{display:none;width:min(100%,220px);min-height:68px;align-items:center;justify-content:center;border:1px solid rgba(191,219,254,.98);border-radius:16px;background:linear-gradient(135deg,#eff6ffeb,#fffffff5);box-shadow:inset 0 0 0 1px #ffffffd6;aspect-ratio:var(--aspect-preview-ratio, 16 / 9)}body[data-page=aspectRatioCalculator] .aspect-preview.is-active{display:flex}body[data-page=aspectRatioCalculator] .aspect-preview span{padding:5px 8px;border-radius:999px;background:#ffffffe0;color:var(--primary-dark);font-size:.72rem;font-weight:900;line-height:1.2}body[data-page=aspectRatioCalculator] .aspect-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=aspectRatioCalculator] .aspect-details>div{min-width:0;padding:10px;border:1px solid rgba(226,232,240,.92);border-radius:13px;background:#f8fafcc7}body[data-page=aspectRatioCalculator] .aspect-result-card:is(.is-empty,.is-error) .aspect-details{display:none}body[data-page=aspectRatioCalculator] .aspect-result-card.is-filled .aspect-details>div:nth-child(-n+3){border-color:#bfdbfef2;background:#eff6ff}body[data-page=aspectRatioCalculator] .aspect-details dt{color:var(--ink-2);font-size:.72rem;font-weight:850}body[data-page=aspectRatioCalculator] .aspect-details dd{margin:4px 0 0;color:var(--ink);font-size:.92rem;font-weight:900;line-height:1.25;overflow-wrap:anywhere}body[data-page=aspectRatioCalculator] .aspect-notices{margin:0;padding-left:18px;color:#92400e;font-size:.82rem;font-weight:800}body[data-page=aspectRatioCalculator] #aspect-copy{width:100%;min-height:46px;justify-content:center}body[data-page=aspectRatioCalculator] #aspect-copy.is-copied{border-color:#16a34a3d!important;background:#16a34a!important;color:#fff!important}body[data-page=aspectRatioCalculator] #aspect-copy-message:empty{display:none!important}body[data-page=aspectRatioCalculator] .aspect-presets{gap:12px;background:#f8fafcb8!important}body[data-page=aspectRatioCalculator] .aspect-presets summary{display:flex;min-width:0;cursor:pointer;align-items:center;justify-content:space-between;gap:10px;list-style:none}body[data-page=aspectRatioCalculator] .aspect-presets summary::-webkit-details-marker{display:none}body[data-page=aspectRatioCalculator] .aspect-presets summary span{color:var(--ink);font-size:1rem;font-weight:950;letter-spacing:-.03em}body[data-page=aspectRatioCalculator] .aspect-presets summary small{min-width:0;color:var(--ink-2);font-size:.78rem;font-weight:850;line-height:1.2;overflow-wrap:anywhere}body[data-page=aspectRatioCalculator] .aspect-presets[open]{display:grid}body[data-page=aspectRatioCalculator] .aspect-preset-row{display:flex;flex-wrap:wrap;gap:6px;min-width:0}body[data-page=aspectRatioCalculator] .aspect-preset-row button{min-height:34px;max-width:100%;padding:7px 10px;border:1px solid rgba(226,232,240,.95);border-radius:999px;background:#fff;color:var(--ink-2);font-size:.78rem;font-weight:850;overflow-wrap:anywhere}body[data-page=aspectRatioCalculator] .aspect-guide-note{width:min(100%,860px);justify-self:center}@media(max-width:820px){body[data-page=aspectRatioCalculator] .aspect-workspace{width:min(100% - 24px,1120px)}body[data-page=aspectRatioCalculator] .aspect-mode-tabs,body[data-page=aspectRatioCalculator] .aspect-grid{grid-template-columns:1fr}body[data-page=aspectRatioCalculator] .aspect-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=aspectRatioCalculator] [data-aspect-panel],body[data-page=aspectRatioCalculator] [data-aspect-panel=keepRatio],body[data-page=aspectRatioCalculator] .aspect-details{grid-template-columns:1fr}body[data-page=aspectRatioCalculator] .aspect-actions{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=aspectRatioCalculator] #aspect-calculate{grid-column:1 / -1}}@media(max-width:370px){body[data-page=aspectRatioCalculator] .aspect-mode-tabs,body[data-page=aspectRatioCalculator] .aspect-actions,body[data-page=aspectRatioCalculator] .aspect-basis-tabs{grid-template-columns:1fr}body[data-page=aspectRatioCalculator] #aspect-example,body[data-page=aspectRatioCalculator] #aspect-clear{width:100%}}body[data-page=aspectRatioCalculator] .aspect-basis-tabs{position:relative;z-index:4}body[data-page=qrCodeGenerator] .tool-workbench-trust{display:none!important}body[data-page=qrCodeGenerator] .qr-workspace{width:min(100% - 28px,1120px);display:grid;gap:14px;padding-block:8px 24px}body[data-page=qrCodeGenerator] .qr-main-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.92fr);gap:14px;align-items:start}body[data-page=qrCodeGenerator] :where(.qr-input-card,.qr-result-card){min-width:0;border-radius:18px}body[data-page=qrCodeGenerator] .qr-input-card{gap:12px;border-color:#bfdbfef2!important;background:radial-gradient(circle at 18% 0%,rgba(37,99,235,.12),transparent 34%),linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 16px 36px #2563eb14!important}body[data-page=qrCodeGenerator] .qr-input-heading{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:10px}body[data-page=qrCodeGenerator] .qr-input-heading h2{margin:0;color:var(--ink);font-size:clamp(1.12rem,2vw,1.34rem);font-weight:950;letter-spacing:-.035em}body[data-page=qrCodeGenerator] .qr-type-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;border:1px solid rgba(15,23,42,.1);border-radius:16px;background:#0f172a0b}body[data-page=qrCodeGenerator] .qr-type-tabs button{min-width:0;min-height:42px;border:0;border-radius:12px;background:transparent;color:var(--ink-2);font-size:.84rem;font-weight:900;line-height:1.2}body[data-page=qrCodeGenerator] .qr-type-tabs button.is-active,body[data-page=qrCodeGenerator] .qr-type-tabs button[aria-selected=true]{background:#fff;color:var(--primary-dark);box-shadow:0 8px 18px #0f172a13}body[data-page=qrCodeGenerator] .qr-field-panel{min-width:0}body[data-page=qrCodeGenerator] .qr-field-panel :where(input,textarea,select){width:100%;min-width:0;border-radius:14px}body[data-page=qrCodeGenerator] #qr-url-input,body[data-page=qrCodeGenerator] #qr-text-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:800;letter-spacing:-.01em}body[data-page=qrCodeGenerator] #qr-text-input{min-height:132px;resize:vertical}body[data-page=qrCodeGenerator] .qr-secondary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=qrCodeGenerator] .qr-secondary-row button{min-width:0;min-height:42px;justify-content:center}body[data-page=qrCodeGenerator] .qr-options-panel{min-width:0;padding:10px;border:1px solid rgba(226,232,240,.92);border-radius:14px;background:#f8fafcb8}body[data-page=qrCodeGenerator] .qr-options-panel summary{display:flex;min-width:0;cursor:pointer;align-items:center;justify-content:space-between;gap:10px;list-style:none}body[data-page=qrCodeGenerator] .qr-options-panel summary::-webkit-details-marker{display:none}body[data-page=qrCodeGenerator] .qr-options-panel summary span{color:var(--ink);font-size:.9rem;font-weight:950}body[data-page=qrCodeGenerator] .qr-options-panel summary small{min-width:0;color:var(--ink-2);font-size:.78rem;font-weight:850;line-height:1.25;text-align:right;overflow-wrap:anywhere}body[data-page=qrCodeGenerator] .qr-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}body[data-page=qrCodeGenerator] .qr-options-grid label{min-width:0}body[data-page=qrCodeGenerator] .qr-generate-button{min-height:52px;justify-content:center;border-radius:14px;box-shadow:0 12px 26px #2563eb2e}body[data-page=qrCodeGenerator] .qr-result-card{display:grid;gap:10px;min-width:0}body[data-page=qrCodeGenerator] .qr-result-card.is-filled{border-color:#bfdbfefa!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 14px 34px #2563eb12!important}body[data-page=qrCodeGenerator] #qr-result-status{color:var(--ink);font-size:clamp(1.18rem,3vw,1.54rem);font-weight:950;line-height:1.18;letter-spacing:-.035em}body[data-page=qrCodeGenerator] .qr-result-card.is-filled #qr-result-status{color:var(--primary-dark)}body[data-page=qrCodeGenerator] .qr-preview-box{display:grid;min-height:184px;place-items:center;padding:14px;border:1px solid rgba(226,232,240,.92);border-radius:18px;background:linear-gradient(135deg,#f8fafce6,#fffffff5);overflow:hidden}body[data-page=qrCodeGenerator] #qr-empty-preview{margin:0;color:var(--ink-2);font-size:.86rem;font-weight:800;line-height:1.35;text-align:center}body[data-page=qrCodeGenerator] #qr-canvas{width:min(100%,190px)!important;height:auto!important;max-height:190px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 10px 24px #0f172a17}body[data-page=qrCodeGenerator] .qr-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body[data-page=qrCodeGenerator] .qr-summary-grid>div{min-width:0;padding:10px;border:1px solid rgba(226,232,240,.92);border-radius:13px;background:#f8fafcc7}body[data-page=qrCodeGenerator] .qr-result-card.is-filled .qr-summary-grid>div:first-child{border-color:#bfdbfef2;background:#eff6ff}body[data-page=qrCodeGenerator] .qr-summary-grid dd{overflow-wrap:anywhere;word-break:break-word}body[data-page=qrCodeGenerator] .qr-result-card:is(.is-empty,.is-dirty,.is-error) .qr-summary-grid,body[data-page=qrCodeGenerator] .qr-result-card:is(.is-empty,.is-dirty,.is-error) .qr-copy-button{display:none}body[data-page=qrCodeGenerator] .qr-download-link,body[data-page=qrCodeGenerator] .qr-copy-button{width:100%;min-height:48px;justify-content:center;border-radius:14px;overflow-wrap:anywhere}body[data-page=qrCodeGenerator] .qr-download-link{box-shadow:0 12px 26px #2563eb2e}body[data-page=qrCodeGenerator] .qr-copy-button.is-copied{border-color:#16a34a3d!important;background:#16a34a!important;color:#fff!important}body[data-page=qrCodeGenerator] .qr-privacy-note{margin:0 auto;width:min(100%,860px)}@media(max-width:820px){body[data-page=qrCodeGenerator] .qr-workspace{width:min(100% - 24px,1120px)}body[data-page=qrCodeGenerator] .qr-main-grid,body[data-page=qrCodeGenerator] .qr-options-grid,body[data-page=qrCodeGenerator] .qr-summary-grid{grid-template-columns:1fr}body[data-page=qrCodeGenerator] .qr-preview-box{min-height:158px}body[data-page=qrCodeGenerator] #qr-canvas{width:min(100%,168px)!important;max-height:168px}}@media(max-width:370px){body[data-page=qrCodeGenerator] .qr-type-tabs,body[data-page=qrCodeGenerator] .qr-secondary-row{grid-template-columns:1fr}body[data-page=qrCodeGenerator] .qr-input-heading,body[data-page=qrCodeGenerator] .qr-options-panel summary{align-items:flex-start;flex-direction:column}}body[data-page=qrCodeGenerator] .qr-result-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.55fr);gap:8px}body[data-page=qrCodeGenerator] .qr-result-card.is-empty .qr-result-actions,body[data-page=qrCodeGenerator] .qr-result-card.is-dirty .qr-result-actions,body[data-page=qrCodeGenerator] .qr-result-card.is-error .qr-result-actions{display:none}@media(max-width:820px){body[data-page=qrCodeGenerator] .qr-result-actions{grid-template-columns:1fr}}body[data-page=koreanByteCounter] .tool-workbench-hero{padding-block:24px 16px}body[data-page=koreanByteCounter] .byte-workspace{display:grid;width:min(100% - 28px,1120px);grid-template-columns:minmax(0,1.08fr) minmax(320px,.82fr);align-items:start;gap:14px;padding-block:6px 24px}body[data-page=koreanByteCounter] :where(.byte-input-card,.byte-result-panel){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=koreanByteCounter] .byte-input-card{gap:10px;padding:18px;border-color:#bfdbfef2;box-shadow:0 12px 30px #2563eb12}body[data-page=koreanByteCounter] .byte-input-toolbar{align-items:start;justify-content:space-between;gap:10px;min-height:0;margin:0;padding:0;border:0;background:transparent}body[data-page=koreanByteCounter] .byte-input-heading{display:grid;gap:4px;min-width:0}body[data-page=koreanByteCounter] .byte-input-heading label{color:var(--ink);font-size:clamp(1.08rem,2vw,1.3rem);font-weight:900;line-height:1.2;letter-spacing:-.03em}body[data-page=koreanByteCounter] #byte-clear{flex:0 0 auto;min-height:40px;padding-inline:13px;white-space:nowrap}body[data-page=koreanByteCounter] #byte-clear:disabled{opacity:.48;cursor:not-allowed}body[data-page=koreanByteCounter] #byte-input{min-width:0;min-height:320px;height:clamp(320px,42vh,460px);padding:16px;border-radius:16px;font-size:1rem;line-height:1.65;resize:vertical;overflow-wrap:anywhere}body[data-page=koreanByteCounter] #byte-inline-summary{margin:0;padding:9px 11px;border:1px solid rgba(219,234,254,.92);border-radius:12px;background:#eff6ff8f;color:var(--primary-dark);font-size:.82rem;font-weight:800;line-height:1.35;overflow-wrap:anywhere}body[data-page=koreanByteCounter] .byte-result-panel{display:grid;gap:9px;padding:16px;scroll-margin-top:86px}body[data-page=koreanByteCounter] .byte-result-panel.is-empty{gap:8px;border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:none}body[data-page=koreanByteCounter] .byte-result-head{display:flex;align-items:start;justify-content:space-between;gap:10px;min-width:0}body[data-page=koreanByteCounter] .byte-result-head>div{display:grid;gap:3px;min-width:0}body[data-page=koreanByteCounter] .byte-result-head h2{margin:0;font-size:clamp(1.06rem,2vw,1.24rem);line-height:1.2}body[data-page=koreanByteCounter] #byte-main-result{display:block;margin:0;color:var(--primary-dark);font-size:clamp(2rem,5vw,2.8rem);font-weight:950;line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere}body[data-page=koreanByteCounter] .byte-result-panel.is-empty #byte-main-result{color:var(--muted);font-size:clamp(1.3rem,4vw,1.58rem);letter-spacing:-.03em}body[data-page=koreanByteCounter] .byte-result-panel .result-summary{margin:0;color:var(--ink-2);font-size:.86rem;font-weight:700;line-height:1.42;overflow-wrap:anywhere}body[data-page=koreanByteCounter] .byte-result-panel.is-empty :where(.byte-primary-grid,.byte-secondary-grid){display:none}body[data-page=koreanByteCounter] .byte-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}body[data-page=koreanByteCounter] .byte-metric-card,body[data-page=koreanByteCounter] .byte-secondary-grid>div{min-width:0;padding:10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=koreanByteCounter] .byte-metric-card.is-primary{border-color:#bfdbfef2;background:#eff6ff}body[data-page=koreanByteCounter] .byte-metric-card span,body[data-page=koreanByteCounter] .byte-secondary-grid span{display:block;color:var(--muted);font-size:.72rem;font-weight:850;line-height:1.25}body[data-page=koreanByteCounter] .byte-metric-card strong,body[data-page=koreanByteCounter] .byte-secondary-grid strong{display:inline-block;margin-top:4px;color:var(--ink);font-weight:950;line-height:1.05;letter-spacing:-.04em;overflow-wrap:anywhere}body[data-page=koreanByteCounter] .byte-metric-card strong{font-size:clamp(1.48rem,4.6vw,2rem)}body[data-page=koreanByteCounter] .byte-secondary-grid strong{font-size:clamp(1.12rem,3.2vw,1.42rem)}body[data-page=koreanByteCounter] .byte-metric-card small,body[data-page=koreanByteCounter] .byte-secondary-grid small{margin-left:3px;color:var(--muted);font-size:.72rem;font-weight:800}body[data-page=koreanByteCounter] .byte-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=koreanByteCounter] #byte-space-summary{margin:0;padding:8px 10px;font-size:.78rem;line-height:1.35}body[data-page=koreanByteCounter] .byte-reference-note{grid-column:1 / -1;display:block;min-width:0;overflow:hidden;padding:0;border:1px solid rgba(219,234,254,.9);border-radius:14px;background:#eff6ff94;color:var(--ink-2);box-shadow:0 8px 20px #0f172a08}body[data-page=koreanByteCounter] .byte-reference-note summary{min-height:44px;padding:12px 14px;color:var(--primary-dark);cursor:pointer;font-size:.86rem;font-weight:850;line-height:1.35}body[data-page=koreanByteCounter] .byte-reference-note p{margin:0;padding:0 14px 10px;font-size:.82rem;font-weight:650;line-height:1.45}@media(max-width:760px){body[data-page=koreanByteCounter] .tool-workbench-hero{gap:12px;padding-block:18px}body[data-page=koreanByteCounter] .tool-workbench-step small{display:none}body[data-page=koreanByteCounter] .byte-workspace{width:min(100% - 24px,1120px);grid-template-columns:1fr;gap:10px;padding-block:4px 20px}body[data-page=koreanByteCounter] .byte-input-card,body[data-page=koreanByteCounter] .byte-result-panel{padding:14px;border-radius:16px}body[data-page=koreanByteCounter] .byte-input-toolbar{gap:8px}body[data-page=koreanByteCounter] .byte-input-heading label,body[data-page=koreanByteCounter] .byte-result-head h2{font-size:1.08rem}body[data-page=koreanByteCounter] #byte-clear{min-height:38px;padding-inline:11px;font-size:.8rem}body[data-page=koreanByteCounter] #byte-input{min-height:230px;height:clamp(230px,34vh,300px);padding:13px;font-size:.94rem;line-height:1.58}body[data-page=koreanByteCounter] #byte-inline-summary{padding:8px 10px;font-size:.76rem}body[data-page=koreanByteCounter] #byte-main-result{font-size:clamp(1.86rem,9vw,2.28rem)}body[data-page=koreanByteCounter] .byte-result-panel.is-empty #byte-main-result{font-size:clamp(1.16rem,5vw,1.36rem)}body[data-page=koreanByteCounter] .byte-primary-grid,body[data-page=koreanByteCounter] .byte-secondary-grid{gap:6px}body[data-page=koreanByteCounter] .byte-metric-card,body[data-page=koreanByteCounter] .byte-secondary-grid>div{padding:8px}body[data-page=koreanByteCounter] .byte-metric-card strong{font-size:clamp(1.32rem,7vw,1.72rem)}body[data-page=koreanByteCounter] .byte-secondary-grid strong{font-size:clamp(1rem,5vw,1.24rem)}}@media(max-width:370px){body[data-page=koreanByteCounter] .byte-primary-grid,body[data-page=koreanByteCounter] .byte-secondary-grid{grid-template-columns:1fr}body[data-page=koreanByteCounter] #byte-main-result{font-size:clamp(1.72rem,8vw,2.04rem)}}body[data-page=koreanByteCounter] .byte-toolbar-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px}body[data-page=koreanByteCounter] .byte-live-badge{display:inline-flex;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(191,219,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.74rem;font-weight:900;line-height:1;white-space:nowrap}body[data-page=koreanByteCounter] .byte-result-panel.is-empty #byte-main-result{color:var(--ink-3);letter-spacing:-.035em}body[data-page=koreanByteCounter] .byte-result-panel.is-filled{border-color:#bfdbfef5;box-shadow:0 10px 26px #2563eb0e}body[data-page=koreanByteCounter] .byte-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px 10px}body[data-page=koreanByteCounter] .byte-reference-card{display:grid;gap:4px;min-width:0;padding:10px;border:1px solid rgba(226,232,240,.9);border-radius:12px;background:#ffffffd1}body[data-page=koreanByteCounter] .byte-reference-card strong{color:var(--primary-dark);font-size:.8rem;font-weight:900;line-height:1.25}body[data-page=koreanByteCounter] .byte-reference-card span,body[data-page=koreanByteCounter] .byte-reference-caution{color:var(--ink-2);font-size:.8rem;font-weight:650;line-height:1.42}body[data-page=koreanByteCounter] .byte-reference-note .byte-reference-caution{margin:0;padding:0 14px 12px}@media(max-width:760px){body[data-page=koreanByteCounter] .byte-input-toolbar{display:grid;grid-template-columns:minmax(0,1fr)}body[data-page=koreanByteCounter] .byte-toolbar-actions{justify-content:space-between}body[data-page=koreanByteCounter] .byte-reference-grid{grid-template-columns:1fr;gap:7px}}body[data-page=koreanByteCounter] .stat-card strong+small,body[data-page=selfIntroductionCounter] .stat-card strong+small{margin-left:3px}body[data-page=readingTimeCalculator] .tool-workbench-hero{padding-block:24px 16px}body[data-page=readingTimeCalculator] .reading-workspace{display:grid;width:min(100% - 28px,1120px);grid-template-columns:minmax(0,1.08fr) minmax(320px,.82fr);grid-template-areas:"input result" "settings settings";align-items:start;gap:14px;padding-block:6px 24px}body[data-page=readingTimeCalculator] :where(.reading-input-card,.reading-result-panel,.reading-settings-panel){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=readingTimeCalculator] .reading-input-card{grid-area:input;gap:10px;padding:18px;border-color:#bfdbfef2;box-shadow:0 14px 32px #2563eb13}body[data-page=readingTimeCalculator] .reading-input-toolbar{align-items:start;justify-content:space-between;gap:10px;min-height:0;margin:0;padding:0;border:0;background:transparent}body[data-page=readingTimeCalculator] .reading-input-heading{display:grid;gap:4px;min-width:0}body[data-page=readingTimeCalculator] .reading-input-heading label{color:var(--ink);font-size:clamp(1.08rem,2vw,1.3rem);font-weight:900;line-height:1.2;letter-spacing:-.03em}body[data-page=readingTimeCalculator] .reading-toolbar-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px}body[data-page=readingTimeCalculator] .reading-live-badge{display:inline-flex;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(191,219,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.74rem;font-weight:900;line-height:1;white-space:nowrap}body[data-page=readingTimeCalculator] #reading-time-clear{min-height:40px;padding-inline:13px;white-space:nowrap}body[data-page=readingTimeCalculator] #reading-time-clear:disabled{opacity:.48;cursor:not-allowed}body[data-page=readingTimeCalculator] #reading-time-input{min-width:0;min-height:320px;height:clamp(320px,42vh,460px);padding:16px;border-radius:16px;font-size:1rem;line-height:1.65;resize:vertical;overflow-wrap:anywhere}body[data-page=readingTimeCalculator] #reading-time-inline-summary{margin:0;padding:9px 11px;border:1px solid rgba(219,234,254,.92);border-radius:12px;background:#eff6ff8f;color:var(--primary-dark);font-size:.82rem;font-weight:800;line-height:1.35;overflow-wrap:anywhere}body[data-page=readingTimeCalculator] .reading-result-panel{grid-area:result;display:grid;gap:9px;padding:16px;scroll-margin-top:86px}body[data-page=readingTimeCalculator] .reading-result-panel.is-empty,body[data-page=readingTimeCalculator] .reading-result-panel.is-error{gap:8px;border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:none}body[data-page=readingTimeCalculator] .reading-result-panel.is-filled{border-color:#bfdbfef5;box-shadow:0 10px 26px #2563eb0e}body[data-page=readingTimeCalculator] .reading-result-head{display:flex;min-width:0;align-items:start;justify-content:space-between;gap:10px}body[data-page=readingTimeCalculator] .reading-result-head>div{display:grid;gap:3px;min-width:0}body[data-page=readingTimeCalculator] .reading-result-head h2{margin:0;font-size:clamp(1.06rem,2vw,1.24rem);line-height:1.2}body[data-page=readingTimeCalculator] #reading-main-result{display:block;margin:0;color:var(--primary-dark);font-size:clamp(2rem,5vw,2.8rem);font-weight:950;line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere}body[data-page=readingTimeCalculator] .reading-result-panel.is-empty #reading-main-result,body[data-page=readingTimeCalculator] .reading-result-panel.is-error #reading-main-result{color:var(--ink-3);font-size:clamp(1.24rem,4vw,1.54rem);letter-spacing:-.035em}body[data-page=readingTimeCalculator] .reading-result-panel.is-error #reading-main-result,body[data-page=readingTimeCalculator] .reading-result-panel.is-error #reading-time-message{color:#c2410c}body[data-page=readingTimeCalculator] .reading-result-panel .result-summary{margin:0;color:var(--ink-2);font-size:.86rem;font-weight:700;line-height:1.42;overflow-wrap:anywhere}body[data-page=readingTimeCalculator] .reading-result-panel.is-empty :where(.reading-primary-grid,.reading-secondary-grid),body[data-page=readingTimeCalculator] .reading-result-panel.is-error :where(.reading-primary-grid,.reading-secondary-grid){display:none}body[data-page=readingTimeCalculator] .reading-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}body[data-page=readingTimeCalculator] .reading-metric-card,body[data-page=readingTimeCalculator] .reading-secondary-grid>div{min-width:0;padding:10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=readingTimeCalculator] .reading-metric-card.is-primary{border-color:#bfdbfef2;background:#eff6ff}body[data-page=readingTimeCalculator] .reading-metric-card span,body[data-page=readingTimeCalculator] .reading-secondary-grid span{display:block;color:var(--muted);font-size:.72rem;font-weight:850;line-height:1.25}body[data-page=readingTimeCalculator] .reading-metric-card strong,body[data-page=readingTimeCalculator] .reading-secondary-grid strong{display:inline-block;margin-top:4px;color:var(--ink);font-weight:950;line-height:1.08;letter-spacing:-.04em;overflow-wrap:anywhere}body[data-page=readingTimeCalculator] .reading-metric-card strong{font-size:clamp(1.28rem,4.1vw,1.72rem)}body[data-page=readingTimeCalculator] .reading-secondary-grid strong{font-size:clamp(1.08rem,3.2vw,1.36rem)}body[data-page=readingTimeCalculator] .reading-secondary-grid small{margin-left:3px;color:var(--muted);font-size:.72rem;font-weight:800}body[data-page=readingTimeCalculator] .reading-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=readingTimeCalculator] #reading-applied{margin:0;padding:8px 10px;font-size:.78rem;line-height:1.35}body[data-page=readingTimeCalculator] .reading-settings-panel{grid-area:settings;display:block;overflow:hidden;padding:0;border:1px solid rgba(219,234,254,.9);background:#eff6ff8f;box-shadow:0 8px 20px #0f172a08}body[data-page=readingTimeCalculator] .reading-settings-panel>summary{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:var(--primary-dark);cursor:pointer;font-size:.86rem;font-weight:900;line-height:1.25;list-style:none}body[data-page=readingTimeCalculator] .reading-settings-panel>summary::-webkit-details-marker{display:none}body[data-page=readingTimeCalculator] .reading-settings-panel>summary:after{content:"+";flex:0 0 auto;color:var(--primary-dark);font-size:1rem;font-weight:950}body[data-page=readingTimeCalculator] .reading-settings-panel[open]>summary:after{content:"-"}body[data-page=readingTimeCalculator] #reading-speed-summary{min-width:0;color:var(--ink-2);font-size:.78rem;font-weight:750;text-align:right;overflow-wrap:anywhere}body[data-page=readingTimeCalculator] .reading-settings-body{display:grid;gap:10px;padding:0 14px 14px}body[data-page=readingTimeCalculator] .reading-speed-options{display:grid;gap:7px;min-width:0;margin:0;padding:0;border:0}body[data-page=readingTimeCalculator] .reading-speed-options legend{margin:0;padding:0;color:var(--ink-2);font-size:.78rem;font-weight:850}body[data-page=readingTimeCalculator] .reading-speed-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}body[data-page=readingTimeCalculator] .reading-speed-track label{position:relative;min-width:0;min-height:44px;margin:0;padding:0;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff;cursor:pointer}body[data-page=readingTimeCalculator] .reading-speed-track input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;cursor:pointer;opacity:0}body[data-page=readingTimeCalculator] .reading-speed-track span{display:flex;min-height:44px;align-items:center;justify-content:center;padding:0 6px;border-radius:11px;color:var(--ink-2);font-size:.76rem;font-weight:850;line-height:1.18;text-align:center}body[data-page=readingTimeCalculator] .reading-speed-track b{color:var(--muted);font-size:.68rem;font-weight:850}body[data-page=readingTimeCalculator] .reading-speed-track input:checked+span{background:#eff6ff;color:var(--primary-dark);box-shadow:inset 0 0 0 1px #2563eb1f}body[data-page=readingTimeCalculator] .reading-speed-track input:checked+span b{color:var(--primary-dark)}body[data-page=readingTimeCalculator] .reading-speed-track input:focus-visible+span{outline:2px solid rgba(37,99,235,.42);outline-offset:2px}body[data-page=readingTimeCalculator] .reading-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=readingTimeCalculator] .reading-setting-field{display:grid;gap:6px;min-width:0;margin:0;padding:10px;border:1px solid rgba(226,232,240,.92);border-radius:12px;background:#ffffffdb;color:var(--ink-2);font-size:.78rem;font-weight:850}body[data-page=readingTimeCalculator] .reading-setting-field :where(input,select){width:100%;min-width:0;min-height:42px}body[data-page=readingTimeCalculator] .reading-setting-field .input-with-unit{grid-template-columns:minmax(0,1fr) auto;gap:6px}body[data-page=readingTimeCalculator] .reading-setting-field .input-with-unit b{min-width:46px;min-height:42px;font-size:.78rem}body[data-page=readingTimeCalculator] .reading-option-note{margin:0;padding:9px 11px;font-size:.78rem;line-height:1.38}@media(max-width:760px){body[data-page=readingTimeCalculator] .tool-workbench-hero{gap:12px;padding-block:18px}body[data-page=readingTimeCalculator] .tool-workbench-step small{display:none}body[data-page=readingTimeCalculator] .reading-workspace{width:min(100% - 24px,1120px);grid-template-columns:1fr;grid-template-areas:"input" "result" "settings";gap:10px;padding-block:4px 20px}body[data-page=readingTimeCalculator] .reading-input-card,body[data-page=readingTimeCalculator] .reading-result-panel{padding:14px;border-radius:16px}body[data-page=readingTimeCalculator] .reading-input-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}body[data-page=readingTimeCalculator] .reading-toolbar-actions{justify-content:space-between}body[data-page=readingTimeCalculator] .reading-input-heading label,body[data-page=readingTimeCalculator] .reading-result-head h2{font-size:1.08rem}body[data-page=readingTimeCalculator] #reading-time-clear{min-height:38px;padding-inline:11px;font-size:.8rem}body[data-page=readingTimeCalculator] #reading-time-input{min-height:230px;height:clamp(230px,34vh,300px);padding:13px;font-size:.94rem;line-height:1.58}body[data-page=readingTimeCalculator] #reading-time-inline-summary{padding:8px 10px;font-size:.76rem}body[data-page=readingTimeCalculator] #reading-main-result{font-size:clamp(1.86rem,9vw,2.28rem)}body[data-page=readingTimeCalculator] .reading-result-panel.is-empty #reading-main-result,body[data-page=readingTimeCalculator] .reading-result-panel.is-error #reading-main-result{font-size:clamp(1.12rem,5vw,1.34rem)}body[data-page=readingTimeCalculator] .reading-primary-grid,body[data-page=readingTimeCalculator] .reading-secondary-grid{gap:6px}body[data-page=readingTimeCalculator] .reading-metric-card,body[data-page=readingTimeCalculator] .reading-secondary-grid>div{padding:8px}body[data-page=readingTimeCalculator] .reading-metric-card strong{font-size:clamp(1.18rem,6vw,1.52rem)}body[data-page=readingTimeCalculator] .reading-secondary-grid strong{font-size:clamp(1rem,5vw,1.24rem)}body[data-page=readingTimeCalculator] .reading-settings-panel>summary{align-items:start}body[data-page=readingTimeCalculator] #reading-speed-summary{font-size:.72rem}body[data-page=readingTimeCalculator] .reading-settings-grid{grid-template-columns:1fr}}@media(max-width:370px){body[data-page=readingTimeCalculator] .reading-primary-grid,body[data-page=readingTimeCalculator] .reading-secondary-grid,body[data-page=readingTimeCalculator] .reading-speed-track{grid-template-columns:1fr}}body[data-page=increaseRateCalculator] .tool-workbench-hero{padding-block:26px 16px}body[data-page=increaseRateCalculator] .tool-workbench-trust{width:fit-content;min-height:34px;margin-inline:auto;padding-inline:16px;font-size:.84rem}body[data-page=increaseRateCalculator] .tool-workbench-steps{gap:6px}body[data-page=increaseRateCalculator] .tool-workbench-step{min-height:42px;padding:7px 8px}body[data-page=increaseRateCalculator] .increase-rate-input-card{gap:10px}body[data-page=increaseRateCalculator] .increase-rate-input-card .calculator-number{display:none!important}body[data-page=increaseRateCalculator] .increase-rate-examples{gap:6px}body[data-page=increaseRateCalculator] .increase-rate-examples button{min-height:40px;padding-inline:12px;font-size:.76rem}body[data-page=increaseRateCalculator] #increase-clear{min-height:40px;padding-inline:12px;font-size:.82rem}body[data-page=increaseRateCalculator] .increase-rate-result-card.is-empty .result-status-badge,body[data-page=increaseRateCalculator] .increase-rate-result-card.is-filled .result-status-badge,body[data-page=increaseRateCalculator] .increase-rate-result-card.is-filled>h2{display:none!important}body[data-page=increaseRateCalculator] .increase-rate-result-card.is-filled>strong{color:var(--primary-dark);font-size:clamp(1.9rem,6.4vw,2.45rem)}body[data-page=increaseRateCalculator] #increase-rate-output{color:var(--primary-dark)}body[data-page=increaseRateCalculator] .increase-rate-result-card .formula-detail{border:1px solid rgba(226,232,240,.82);background:#f8fafcc2}body[data-page=increaseRateCalculator] .increase-rate-notice{border-left-color:#94a3b873!important;background:#f8fafcb8!important}body[data-page=increaseRateCalculator] .increase-rate-notice h2{color:var(--ink-2)!important}@media(max-width:520px){body[data-page=increaseRateCalculator] .tool-workbench-hero{padding:24px 14px 16px}body[data-page=increaseRateCalculator] .tool-workbench-hero h1{font-size:clamp(1.72rem,7.4vw,2rem)}body[data-page=increaseRateCalculator] .tool-workbench-copy>p:not(.tool-workbench-trust){font-size:.9rem;line-height:1.42}body[data-page=increaseRateCalculator] .increase-rate-input-card,body[data-page=increaseRateCalculator] .increase-rate-result-card{padding:16px}body[data-page=increaseRateCalculator] .increase-rate-input-card>h2{font-size:1.18rem}}body[data-page=jsonFormatter] .json-formatter-hero{padding-block:24px 16px}body[data-page=jsonFormatter] .json-workspace{display:grid;width:min(100% - 28px,1120px);gap:12px;padding-block:6px 24px}body[data-page=jsonFormatter] .json-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:start;gap:14px}body[data-page=jsonFormatter] :where(.json-input-card,.json-result-card){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=jsonFormatter] .json-input-card{gap:10px;padding:18px;border-color:#bfdbfef2;box-shadow:0 16px 36px #2563eb14}body[data-page=jsonFormatter] :where(.json-input-toolbar,.json-result-toolbar){align-items:start;justify-content:space-between;gap:10px;min-height:0;margin:0;padding:0;border:0;background:transparent}body[data-page=jsonFormatter] .json-input-heading{display:grid;gap:3px;min-width:0}body[data-page=jsonFormatter] :where(.json-input-heading .card-eyebrow,.json-result-toolbar .card-eyebrow){margin:0}body[data-page=jsonFormatter] :where(.json-input-heading label,.json-result-toolbar label){color:var(--ink);font-size:clamp(1.04rem,1.8vw,1.24rem);font-weight:900;line-height:1.2;letter-spacing:-.03em}body[data-page=jsonFormatter] #json-formatter-clear{flex:0 0 auto;min-height:40px;padding-inline:12px;font-size:.8rem;font-weight:850;white-space:nowrap}body[data-page=jsonFormatter] #json-formatter-clear:disabled{opacity:.48;cursor:not-allowed}body[data-page=jsonFormatter] :where(#json-formatter-input,#json-formatter-result){min-width:0;min-height:320px;height:clamp(320px,42vh,480px);padding:14px;border-radius:16px;font-size:.92rem;line-height:1.58;overflow-wrap:anywhere;word-break:break-word;resize:vertical}body[data-page=jsonFormatter] #json-formatter-result{background:#fff;white-space:pre-wrap}body[data-page=jsonFormatter] #json-input-summary{margin:0;padding:9px 11px;border:1px solid rgba(219,234,254,.92);border-radius:12px;background:#eff6ff94;color:var(--primary-dark);font-size:.82rem;font-weight:850;line-height:1.35;overflow-wrap:anywhere}body[data-page=jsonFormatter] .json-action-panel{display:grid;gap:8px;min-width:0}body[data-page=jsonFormatter] .json-primary-actions{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(92px,.52fr));gap:7px;margin:0}body[data-page=jsonFormatter] .json-primary-actions button,body[data-page=jsonFormatter] #json-formatter-example{min-width:0;min-height:44px;justify-content:center;padding-inline:10px;font-size:.82rem;font-weight:850;white-space:nowrap}body[data-page=jsonFormatter] #json-formatter-format{min-height:50px;border-radius:14px;font-size:.94rem;font-weight:950;box-shadow:0 12px 26px #2563eb2e}body[data-page=jsonFormatter] #json-formatter-example{width:fit-content}body[data-page=jsonFormatter] .json-inline-options{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,minmax(58px,auto));gap:6px;align-items:center;margin:0;padding:8px;border:1px solid rgba(226,232,240,.95);border-radius:14px;background:#f8fbffc7}body[data-page=jsonFormatter] .json-inline-options-label{padding-inline:2px;color:var(--ink-2);font-size:.78rem;font-weight:850}body[data-page=jsonFormatter] .json-inline-options label{min-height:38px;padding:0 9px;border-radius:11px;font-size:.8rem}body[data-page=jsonFormatter] .json-compact-note{margin:0;color:var(--muted);font-size:.76rem;line-height:1.35}body[data-page=jsonFormatter] .json-result-card{display:grid;align-self:start;gap:9px;padding:18px;scroll-margin-top:86px}body[data-page=jsonFormatter] .json-formatter-badge{display:inline-flex;flex:0 0 auto;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(191,219,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.74rem;font-weight:900;white-space:nowrap}body[data-page=jsonFormatter] .json-formatter-badge[data-status=error]{border-color:#fed7aa;background:#fff7ed;color:#c2410c}body[data-page=jsonFormatter] #json-formatter-main-result{display:block;margin:0;color:var(--primary-dark);font-size:clamp(1.5rem,4.6vw,2.15rem);font-weight:950;line-height:1.08;letter-spacing:-.04em;overflow-wrap:anywhere}body[data-page=jsonFormatter] .json-result-card.is-empty #json-formatter-main-result,body[data-page=jsonFormatter] .json-result-card.is-error #json-formatter-main-result{color:var(--muted);font-size:clamp(1.12rem,3vw,1.38rem);font-weight:760;line-height:1.35;letter-spacing:-.03em}body[data-page=jsonFormatter] .json-result-card.is-error #json-formatter-main-result{color:#c2410c}body[data-page=jsonFormatter] .json-formatter-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-width:0}body[data-page=jsonFormatter] .json-formatter-metrics[hidden]{display:none!important}body[data-page=jsonFormatter] .json-formatter-metrics span{display:grid;min-width:0;gap:3px;padding:8px 9px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=jsonFormatter] .json-formatter-metrics b{color:var(--primary-dark);font-size:clamp(1.02rem,2.4vw,1.28rem);font-weight:950;line-height:1.08;overflow-wrap:anywhere}body[data-page=jsonFormatter] .json-formatter-metrics small{color:var(--muted);font-size:.7rem;font-weight:850;line-height:1.2}body[data-page=jsonFormatter] .json-result-card.is-empty :where(#json-formatter-result,.json-result-actions,.json-formatter-metrics),body[data-page=jsonFormatter] .json-result-card.is-error :where(#json-formatter-result,.json-result-actions,.json-formatter-metrics){display:none}body[data-page=jsonFormatter] .json-result-actions{display:grid;grid-template-columns:minmax(0,1fr);margin:0}body[data-page=jsonFormatter] #json-formatter-copy{min-height:44px;justify-content:center;font-size:.84rem;font-weight:900}body[data-page=jsonFormatter] #json-formatter-copy.is-copied{border-color:#16a34a3d;background:#16a34a;color:#fff;box-shadow:0 12px 24px #16a34a2e}body[data-page=jsonFormatter] #json-formatter-message{margin:0;padding:8px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#f8fafcbd;color:var(--ink-2);font-size:.78rem;line-height:1.38}@media(max-width:860px){body[data-page=jsonFormatter] .json-workspace{width:min(100% - 24px,1120px);gap:10px;padding-block:4px 20px}body[data-page=jsonFormatter] .json-main-grid{grid-template-columns:1fr;gap:10px}body[data-page=jsonFormatter] :where(.json-input-card,.json-result-card){padding:14px;border-radius:16px}body[data-page=jsonFormatter] :where(#json-formatter-input,#json-formatter-result){min-height:220px;height:clamp(220px,32vh,310px);padding:13px;font-size:.86rem}body[data-page=jsonFormatter] .json-formatter-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}@media(max-width:370px){body[data-page=jsonFormatter] :where(.json-input-toolbar,.json-result-toolbar){display:grid;grid-template-columns:1fr}body[data-page=jsonFormatter] :where(#json-formatter-clear,.json-formatter-badge){width:fit-content}body[data-page=jsonFormatter] .json-primary-actions,body[data-page=jsonFormatter] .json-inline-options{grid-template-columns:1fr}body[data-page=jsonFormatter] #json-formatter-example{width:100%}}body[data-page=jsonFormatter] .json-result-card.is-dirty #json-formatter-main-result{color:var(--muted);font-size:clamp(1.12rem,3vw,1.38rem);font-weight:760;line-height:1.35;letter-spacing:-.03em}body[data-page=jsonFormatter] .json-result-card.is-dirty :where(#json-formatter-result,.json-result-actions,.json-formatter-metrics){display:none}body[data-page=jsonFormatter] .json-result-card.is-filled #json-formatter-main-result{display:none}body[data-page=jsonFormatter] .json-result-card.is-filled #json-formatter-status{margin:0}body[data-page=jsonFormatter] .json-result-card.is-filled #json-formatter-result{border-color:#bfdbfefa;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:inset 0 1px #ffffffd1}@media(max-width:370px){body[data-page=jsonFormatter] .json-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=jsonFormatter] #json-formatter-format{grid-column:1 / -1;width:100%}}body[data-page=jsonCsvConverter] .json-csv-workspace{padding-block:6px 24px}body[data-page=jsonCsvConverter] .json-csv-grid{align-items:start;gap:14px}body[data-page=jsonCsvConverter] .json-csv-input-card,body[data-page=jsonCsvConverter] .json-csv-result-card{min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);gap:10px;padding:16px}body[data-page=jsonCsvConverter] .json-csv-input-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0}body[data-page=jsonCsvConverter] .json-csv-input-toolbar>label{margin:0;font-size:clamp(1rem,1.8vw,1.14rem);line-height:1.25}body[data-page=jsonCsvConverter] .json-csv-direction{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:0 1 230px;width:min(100%,230px);gap:2px;margin:0;padding:3px;border:1px solid rgba(219,234,254,.9);border-radius:999px;background:#eff6ff8c;box-shadow:none}body[data-page=jsonCsvConverter] .json-csv-direction label{position:relative;min-width:0;min-height:32px;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;cursor:pointer}body[data-page=jsonCsvConverter] .json-csv-direction input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}body[data-page=jsonCsvConverter] .json-csv-direction span{display:flex;min-height:32px;align-items:center;justify-content:center;padding:0 9px;border-radius:999px;color:var(--ink-2);font-size:.78rem;font-weight:850;line-height:1.1;pointer-events:none;white-space:nowrap}body[data-page=jsonCsvConverter] .json-csv-direction input:checked+span{background:#fff;color:var(--primary-dark);box-shadow:0 4px 12px #0f172a0e}body[data-page=jsonCsvConverter] #json-csv-input,body[data-page=jsonCsvConverter] #json-csv-result{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.55;letter-spacing:0}body[data-page=jsonCsvConverter] #json-csv-input{min-height:230px;height:clamp(230px,32vh,320px)}body[data-page=jsonCsvConverter] #json-csv-result{min-height:220px;height:clamp(220px,30vh,300px)}body[data-page=jsonCsvConverter] .json-csv-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=jsonCsvConverter] .json-csv-options>label{min-width:0;min-height:46px;margin:0;padding:9px 10px;border:1px solid rgba(226,232,240,.95);border-radius:13px;background:#fff;box-shadow:none}body[data-page=jsonCsvConverter] .json-csv-options>label[hidden]{display:none!important}body[data-page=jsonCsvConverter] .json-csv-action-row{gap:8px;margin:0}body[data-page=jsonCsvConverter] .json-csv-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=jsonCsvConverter] .json-csv-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}body[data-page=jsonCsvConverter] .json-csv-summary-grid>div{min-width:0;padding:8px 9px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=jsonCsvConverter] .json-csv-result-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,.7fr)}body[data-page=jsonCsvConverter] #json-csv-copy-message:empty{display:none}body[data-page=jsonCsvConverter] .json-csv-result-card:is(.is-empty,.is-dirty,.is-error){align-self:start;gap:8px;padding-block:16px}body[data-page=jsonCsvConverter] .json-csv-result-card:is(.is-empty,.is-dirty,.is-error) :where(.json-csv-summary-grid,#json-csv-warning-list,#json-csv-result,.json-csv-result-actions,#json-csv-copy-message){display:none}body[data-page=jsonCsvConverter] .json-csv-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=jsonCsvConverter] .json-csv-privacy-note{margin-top:8px;padding:9px 11px;font-size:.78rem;line-height:1.35}@media(min-width:900px){body[data-page=jsonCsvConverter] .json-csv-grid{grid-template-columns:minmax(0,1.05fr) minmax(390px,.9fr)}}@media(max-width:760px){body[data-page=jsonCsvConverter] .tool-workbench-hero{gap:12px;padding:16px;border-radius:18px}body[data-page=jsonCsvConverter] .tool-workbench-step small{display:none}body[data-page=jsonCsvConverter] .json-csv-input-card,body[data-page=jsonCsvConverter] .json-csv-result-card{border-radius:16px;padding:14px}body[data-page=jsonCsvConverter] .json-csv-direction{flex-basis:208px;width:208px}body[data-page=jsonCsvConverter] .json-csv-direction span{padding-inline:6px;font-size:.74rem}body[data-page=jsonCsvConverter] #json-csv-input,body[data-page=jsonCsvConverter] #json-csv-result{min-height:168px;height:clamp(168px,22vh,188px);font-size:.84rem}body[data-page=jsonCsvConverter] .json-csv-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:370px){body[data-page=jsonCsvConverter] .json-csv-input-toolbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}body[data-page=jsonCsvConverter] .json-csv-direction{width:100%}}body[data-page=hexRgbConverter] .color-output-stack{display:flex;flex-direction:column;align-self:start;gap:12px}body[data-page=hexRgbConverter] .tool-workbench-trust{display:none}body[data-page=hexRgbConverter] .color-preview-card:is(.is-empty,.is-error){display:none!important}body[data-page=hexRgbConverter] .color-result-row{grid-template-columns:minmax(0,1fr) minmax(76px,auto)}body[data-page=hexRgbConverter] .color-copy-button{width:auto;min-width:76px;min-height:44px;padding-inline:10px;white-space:nowrap}@media(max-width:760px){body[data-page=hexRgbConverter] .tool-workbench-hero{gap:12px;padding-block:20px}body[data-page=hexRgbConverter] .tool-workbench-copy h1{font-size:clamp(1.56rem,7vw,1.95rem);line-height:1.16}body[data-page=hexRgbConverter] .tool-workbench-copy p:not(.tool-workbench-trust){margin-top:6px;font-size:.9rem;line-height:1.42}body[data-page=hexRgbConverter] .tool-workbench-steps{gap:6px}body[data-page=hexRgbConverter] .tool-workbench-step{min-height:52px;padding:8px 6px}body[data-page=hexRgbConverter] .color-picker-row{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(203,215,230,.82);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=hexRgbConverter] .color-picker-row label{display:block;min-width:0}body[data-page=hexRgbConverter] #color-picker{display:block;width:42px;min-height:32px;height:32px;padding:2px}body[data-page=hexRgbConverter] #color-picker-label{margin:0;color:var(--ink-2);font-size:.82rem;font-weight:850;line-height:1.3}body[data-page=hexRgbConverter] .color-copy-button{width:auto;min-width:72px;min-height:42px;padding-inline:8px;font-size:.8rem}}body[data-page=percentageCalculator] .percentage-mode-tabs{grid-auto-flow:row!important;grid-auto-columns:initial!important}@media(max-width:370px){body[data-page=percentageCalculator] .percentage-mode-tabs{grid-template-columns:repeat(6,minmax(0,1fr))!important}body[data-page=percentageCalculator] .percentage-mode-tabs button{grid-column:span 2!important}body[data-page=percentageCalculator] .percentage-mode-tabs button:nth-child(n+4){grid-column:span 3!important}}body[data-page=sha256HashCalculator] .tool-workbench-trust{display:none}body[data-page=sha256HashCalculator] .sha-file-panel{position:relative;overflow:hidden;border-color:#bfdbfef2;box-shadow:0 18px 38px #2563eb14}body[data-page=sha256HashCalculator] .sha-file-panel:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 16% 0%,rgba(37,99,235,.12),transparent 34%),linear-gradient(180deg,#fffffff5,#f8fbffeb);pointer-events:none}body[data-page=sha256HashCalculator] .sha-file-panel>*{position:relative;z-index:1}body[data-page=sha256HashCalculator] .sha-file-picker{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;min-height:72px;padding:12px 14px;border:1px solid rgba(37,99,235,.28);border-radius:18px;background:linear-gradient(180deg,#fff,#eff6ff);color:var(--primary-dark);box-shadow:inset 0 1px #ffffffd1,0 12px 24px #2563eb1a}body[data-page=sha256HashCalculator] .sha-file-picker-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--primary),#0ea5e9);color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:1.25rem;font-weight:950;line-height:1;box-shadow:0 10px 20px #2563eb38}body[data-page=sha256HashCalculator] .sha-file-picker-copy{display:grid;min-width:0;gap:2px}body[data-page=sha256HashCalculator] .sha-file-picker-copy strong{color:var(--primary-dark);font-size:1rem;font-weight:950;line-height:1.2}body[data-page=sha256HashCalculator] .sha-file-picker-copy small{color:var(--ink-2);font-size:.8rem;font-weight:750;line-height:1.35}body[data-page=sha256HashCalculator] .sha-file-meta{display:grid;grid-template-columns:minmax(62px,auto) minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;margin:0;padding:10px 12px;border:1px solid rgba(226,232,240,.95);border-radius:14px;background:#ffffffe0}body[data-page=sha256HashCalculator] .sha-file-meta>span:first-child{color:var(--muted);font-size:.74rem;font-weight:850;white-space:nowrap}body[data-page=sha256HashCalculator] .sha-file-meta strong{min-width:0;color:var(--ink);font-size:.9rem;font-weight:900;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-page=sha256HashCalculator] .sha-file-meta small{color:var(--ink-2);font-size:.78rem;font-weight:750;white-space:nowrap}body[data-page=sha256HashCalculator] .sha-result-card.is-empty{gap:7px;padding-block:18px}body[data-page=sha256HashCalculator] .sha-result-card.is-empty .card-eyebrow,body[data-page=sha256HashCalculator] .sha-result-card.is-empty>h2{display:none}body[data-page=sha256HashCalculator] .sha-status-badge{display:inline-flex;width:fit-content;min-height:30px;align-items:center;justify-content:center;margin:0;padding:0 10px;border:1px solid rgba(219,234,254,.9);border-radius:999px;background:#eff6ffc7;color:var(--primary-dark);font-size:.78rem;font-weight:900;letter-spacing:0}body[data-page=sha256HashCalculator] .sha-result-card.is-filled .sha-status-badge{order:1}body[data-page=sha256HashCalculator] .sha-result-card.is-filled #sha-summary{order:3;color:var(--muted);font-size:.82rem}body[data-page=sha256HashCalculator] .sha-result-card.is-filled .sha-hash-block{order:2}body[data-page=sha256HashCalculator] .sha-result-card.is-filled .sha-result-actions{order:4}body[data-page=sha256HashCalculator] .sha-result-card.is-filled .sha-copy-status{order:5}body[data-page=sha256HashCalculator] .sha-hash-block{display:grid;gap:7px;min-width:0}body[data-page=sha256HashCalculator] .sha-hash-label{color:var(--muted);font-size:.72rem;font-weight:900;line-height:1.25;text-transform:uppercase}body[data-page=sha256HashCalculator] .hash-output{border-color:#bfdbfefa;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:inset 0 1px #ffffffd1}body[data-page=sha256HashCalculator] .sha-result-card.is-filled .hash-output{padding:14px;color:#0f172a;font-size:clamp(.8rem,2.4vw,.98rem);font-weight:820}body[data-page=sha256HashCalculator] .sha-copy-status{min-height:0;margin:-2px 0 0;color:var(--primary-dark);font-size:.78rem;font-weight:850;line-height:1.35}body[data-page=sha256HashCalculator] .sha-copy-status:empty{display:none}body[data-page=sha256HashCalculator] .sha-result-card.is-loading:after{content:"";display:block;width:100%;height:4px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.32),transparent),#dbeafecc;background-size:180% 100%,100% 100%;animation:sha256-loading-sheen 1.1s ease-in-out infinite}@keyframes sha256-loading-sheen{0%{background-position:180% 0,0 0}to{background-position:-180% 0,0 0}}@media(max-width:760px){body[data-page=sha256HashCalculator] .sha-file-picker{min-height:66px;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:10px 12px}body[data-page=sha256HashCalculator] .sha-file-picker-icon{width:42px;height:42px;border-radius:14px}body[data-page=sha256HashCalculator] .sha-file-meta{grid-template-columns:minmax(0,1fr);gap:3px}body[data-page=sha256HashCalculator] .sha-file-meta strong{white-space:normal;overflow-wrap:anywhere}}@media(max-width:370px){body[data-page=sha256HashCalculator] .sha-result-card.is-filled .hash-output{font-size:.72rem}}body[data-page=selfIntroductionCounter] .self-intro-hero{padding-block:24px 16px}body[data-page=selfIntroductionCounter] .self-intro-workspace{display:grid;width:min(100% - 28px,1120px);grid-template-columns:minmax(0,1.04fr) minmax(340px,.86fr);align-items:start;gap:14px;padding-block:6px 24px}body[data-page=selfIntroductionCounter] :where(.self-intro-input-card,.self-intro-result-panel,.self-intro-target-card,.self-introduction-check-card){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=selfIntroductionCounter] .self-intro-input-card{gap:10px;padding:18px;border-color:#bfdbfef2;box-shadow:0 16px 36px #2563eb14}body[data-page=selfIntroductionCounter] .self-intro-input-toolbar{align-items:start;justify-content:space-between;gap:10px;min-height:0;margin:0;padding:0;border:0;background:transparent}body[data-page=selfIntroductionCounter] .self-intro-input-heading{display:grid;gap:3px;min-width:0}body[data-page=selfIntroductionCounter] .self-intro-input-heading .card-eyebrow{margin:0}body[data-page=selfIntroductionCounter] .self-intro-input-heading label{color:var(--ink);font-size:clamp(1.08rem,2vw,1.34rem);font-weight:900;line-height:1.2;letter-spacing:-.03em}body[data-page=selfIntroductionCounter] #self-introduction-clear{flex:0 0 auto;min-height:40px;padding-inline:13px;font-size:.82rem;font-weight:850;white-space:nowrap}body[data-page=selfIntroductionCounter] #self-introduction-clear:disabled{opacity:.48;cursor:not-allowed}body[data-page=selfIntroductionCounter] #self-introduction-input{min-width:0;min-height:360px;height:clamp(360px,48vh,520px);padding:16px;border-radius:16px;font-size:1rem;line-height:1.68;resize:vertical;overflow-wrap:anywhere}body[data-page=selfIntroductionCounter] #self-introduction-inline-summary{margin:0;padding:9px 11px;border:1px solid rgba(219,234,254,.92);border-radius:12px;background:#eff6ff94;color:var(--primary-dark);font-size:.82rem;font-weight:850;line-height:1.35;overflow-wrap:anywhere}body[data-page=selfIntroductionCounter] .self-intro-result-panel{display:grid;align-self:start;gap:9px;padding:16px;border:1px solid rgba(226,232,240,.95);box-shadow:0 10px 26px #0f172a0b}body[data-page=selfIntroductionCounter] .self-intro-result-panel.is-empty{gap:8px;padding-block:16px;border-color:#e2e8f0f2;box-shadow:none}body[data-page=selfIntroductionCounter] .self-intro-result-head{display:flex;align-items:start;justify-content:space-between;gap:10px;min-width:0}body[data-page=selfIntroductionCounter] .self-intro-result-head>div{display:grid;gap:3px;min-width:0}body[data-page=selfIntroductionCounter] .self-intro-result-head h2{margin:0;font-size:clamp(1.05rem,2vw,1.24rem);line-height:1.2}body[data-page=selfIntroductionCounter] .self-intro-state-badge{display:inline-flex;flex:0 0 auto;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(191,219,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.74rem;font-weight:900;white-space:nowrap}body[data-page=selfIntroductionCounter] .self-intro-main-label{display:inline-flex;width:fit-content;min-height:26px;align-items:center;margin:0;padding-inline:9px;border:1px solid rgba(219,234,254,.9);border-radius:999px;background:#eff6ffad;color:var(--primary-dark);font-size:.72rem;font-weight:900;line-height:1}body[data-page=selfIntroductionCounter] .self-intro-result-panel.is-empty .self-intro-main-label{display:none}body[data-page=selfIntroductionCounter] #self-introduction-main-result{display:block;margin:0;color:var(--primary-dark);font-size:clamp(2.08rem,6vw,2.92rem);font-weight:950;line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere}body[data-page=selfIntroductionCounter] .self-intro-result-panel.is-empty #self-introduction-main-result{color:var(--muted);font-size:clamp(1.14rem,3vw,1.38rem);font-weight:760;line-height:1.35;letter-spacing:-.03em}body[data-page=selfIntroductionCounter] #self-introduction-result-summary{margin:0;color:var(--ink-2);font-size:.86rem;font-weight:700;line-height:1.42;overflow-wrap:anywhere}body[data-page=selfIntroductionCounter] .self-intro-result-panel.is-empty .self-introduction-stats{display:none}body[data-page=selfIntroductionCounter] .self-introduction-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}body[data-page=selfIntroductionCounter] .self-introduction-stats .stat-card{min-width:0;min-height:76px;padding:10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=selfIntroductionCounter] .self-introduction-stats .stat-card.featured{border-color:#bfdbfef2;background:#eff6ff}body[data-page=selfIntroductionCounter] .self-introduction-stats .stat-card span{color:var(--muted);font-size:.72rem;font-weight:850;line-height:1.25}body[data-page=selfIntroductionCounter] .self-introduction-stats .stat-card strong{display:inline-block;margin-top:4px;color:var(--ink);font-size:clamp(1.28rem,4.4vw,1.82rem);font-weight:950;line-height:1.05;letter-spacing:-.04em;overflow-wrap:anywhere}body[data-page=selfIntroductionCounter] .self-introduction-stats .stat-card small{margin-left:3px;color:var(--muted);font-size:.72rem;font-weight:800}body[data-page=selfIntroductionCounter] .self-intro-target-card{grid-column:1 / -1;display:grid;gap:10px;padding:16px;border:1px solid rgba(226,232,240,.95);box-shadow:0 10px 26px #0f172a0a}body[data-page=selfIntroductionCounter] .self-intro-target-head{display:flex;align-items:end;justify-content:space-between;gap:12px}body[data-page=selfIntroductionCounter] .self-intro-target-head h2{margin:0;font-size:clamp(1.04rem,1.8vw,1.22rem);line-height:1.2}body[data-page=selfIntroductionCounter] .self-intro-target-summary{display:inline-flex;min-height:32px;align-items:center;margin:0;padding:0 11px;border:1px solid rgba(219,234,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.78rem;font-weight:900;line-height:1.2;white-space:nowrap}body[data-page=selfIntroductionCounter] .self-intro-target-summary[data-status=exact]{border-color:#bbf7d0f2;background:#f0fdf4;color:#166534}body[data-page=selfIntroductionCounter] .self-intro-target-summary[data-status=over]{border-color:#fed7aa;background:#fff7ed;color:#c2410c}body[data-page=selfIntroductionCounter] .self-intro-target-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}body[data-page=selfIntroductionCounter] .self-intro-target-grid .target-item{min-width:0;padding:10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff;box-shadow:none}body[data-page=selfIntroductionCounter] .self-intro-target-grid .target-item span{color:var(--muted);font-size:.72rem;font-weight:850}body[data-page=selfIntroductionCounter] .self-intro-target-grid .target-item strong{margin-top:5px;color:var(--ink);font-size:.94rem;font-weight:900;line-height:1.25;overflow-wrap:anywhere}body[data-page=selfIntroductionCounter] .target-item[data-status=remaining] strong,body[data-page=selfIntroductionCounter] .target-item[data-status=exact] strong{color:var(--primary-dark)}body[data-page=selfIntroductionCounter] .target-item[data-status=over]{border-color:#fed7aa;background:#fff7ed}body[data-page=selfIntroductionCounter] .target-item[data-status=over] strong{color:#c2410c}body[data-page=selfIntroductionCounter] .target-gauge{margin-top:8px}body[data-page=selfIntroductionCounter] .target-gauge b{width:var(--target-progress, 0%)}body[data-page=selfIntroductionCounter] .self-intro-target-card.is-empty{gap:8px;box-shadow:none}body[data-page=selfIntroductionCounter] .self-intro-target-card.is-empty :where(.self-intro-target-grid,.option-warning){display:none}body[data-page=selfIntroductionCounter] .self-intro-target-card .option-warning{margin:0;padding:8px 10px;border-color:#e2e8f0f2;background:#f8fafcbd;color:var(--ink-2);font-size:.78rem;line-height:1.4}body[data-page=selfIntroductionCounter] .self-introduction-check-card{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:14px;padding:16px;border:1px solid rgba(226,232,240,.95)}body[data-page=selfIntroductionCounter] .self-introduction-check-card h2{margin:0;font-size:clamp(1.02rem,1.8vw,1.18rem);line-height:1.2}body[data-page=selfIntroductionCounter] .self-introduction-check-card p:not(.card-eyebrow){margin:6px 0 0;color:var(--ink-2);font-size:.84rem;line-height:1.45}body[data-page=selfIntroductionCounter] .self-introduction-check-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}body[data-page=selfIntroductionCounter] .self-introduction-check-links a{justify-content:center;min-width:0;min-height:44px;padding-inline:10px;border-radius:12px;font-size:.8rem;font-weight:850;text-align:center;white-space:normal}body[data-page=selfIntroductionCounter] .self-intro-notice{border-color:#e2e8f0f2!important;border-left-color:#2563eb38!important;background:#f8fbff9e!important}@media(max-width:820px){body[data-page=selfIntroductionCounter] .self-intro-workspace{width:min(100% - 24px,1120px);grid-template-columns:1fr;gap:10px;padding-block:4px 20px}body[data-page=selfIntroductionCounter] .self-intro-input-card,body[data-page=selfIntroductionCounter] .self-intro-result-panel,body[data-page=selfIntroductionCounter] .self-intro-target-card,body[data-page=selfIntroductionCounter] .self-introduction-check-card{padding:14px;border-radius:16px}body[data-page=selfIntroductionCounter] #self-introduction-input{min-height:260px;height:clamp(260px,36vh,340px);padding:13px;font-size:.94rem;line-height:1.6}body[data-page=selfIntroductionCounter] .self-intro-target-head,body[data-page=selfIntroductionCounter] .self-introduction-check-card{grid-template-columns:1fr;align-items:start}body[data-page=selfIntroductionCounter] .self-intro-target-summary{width:fit-content;max-width:100%;white-space:normal}body[data-page=selfIntroductionCounter] .self-intro-target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=selfIntroductionCounter] .self-introduction-check-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:370px){body[data-page=selfIntroductionCounter] .self-intro-input-toolbar,body[data-page=selfIntroductionCounter] .self-intro-result-head{display:grid;grid-template-columns:1fr;align-items:start}body[data-page=selfIntroductionCounter] #self-introduction-clear,body[data-page=selfIntroductionCounter] .self-intro-state-badge{width:fit-content}body[data-page=selfIntroductionCounter] .self-introduction-stats,body[data-page=selfIntroductionCounter] .self-introduction-check-links{grid-template-columns:1fr}body[data-page=selfIntroductionCounter] .self-intro-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}body[data-page=imageSizeChecker] .image-size-hero{padding-block:24px 16px}body[data-page=imageSizeChecker] .image-size-workspace{display:grid;width:min(100% - 28px,1120px);grid-template-columns:1fr;align-items:start;gap:14px;padding-block:6px 24px}body[data-page=imageSizeChecker] :where(.image-select-card,.image-result-card){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=imageSizeChecker] .image-select-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.86fr);align-items:start;gap:10px 14px;padding:18px;border-color:#bfdbfef2;box-shadow:0 14px 32px #2563eb13}body[data-page=imageSizeChecker] .image-select-head,body[data-page=imageSizeChecker] .image-file-picker,body[data-page=imageSizeChecker] .image-local-note,body[data-page=imageSizeChecker] .image-file-meta,body[data-page=imageSizeChecker] .image-preview-box,body[data-page=imageSizeChecker] .image-action-row{grid-column:1}body[data-page=imageSizeChecker] .image-result-card{grid-column:2;grid-row:1 / span 8}body[data-page=imageSizeChecker] .image-select-head,body[data-page=imageSizeChecker] .image-result-head{display:flex;min-width:0;align-items:start;justify-content:space-between;gap:10px}body[data-page=imageSizeChecker] .image-select-head>div,body[data-page=imageSizeChecker] .image-result-head>div:first-child{display:grid;gap:3px;min-width:0}body[data-page=imageSizeChecker] .image-select-head h2,body[data-page=imageSizeChecker] .image-result-head h2{margin:0;color:var(--ink);font-size:clamp(1.08rem,2vw,1.3rem);font-weight:900;line-height:1.2;letter-spacing:-.03em}body[data-page=imageSizeChecker] .image-state-pill{display:inline-flex;flex:0 0 auto;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(219,234,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.74rem;font-weight:900;line-height:1;white-space:nowrap}body[data-page=imageSizeChecker] .image-state-pill.is-empty,body[data-page=imageSizeChecker] .image-state-pill.is-loading{border-color:#e2e8f0f2;background:#f8fafc;color:var(--ink-3)}body[data-page=imageSizeChecker] .image-state-pill.is-error{border-color:#fed7aa;background:#fff7ed;color:#c2410c}body[data-page=imageSizeChecker] .image-file-picker{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:78px;padding:14px;border:1px solid rgba(37,99,235,.28);border-radius:18px;background:linear-gradient(180deg,#fff,#eff6ff);color:var(--primary-dark);cursor:pointer;box-shadow:inset 0 1px #ffffffd1,0 12px 24px #2563eb1a}body[data-page=imageSizeChecker] .image-file-picker:hover{border-color:#2563eb6b;box-shadow:inset 0 1px #ffffffd1,0 14px 28px #2563eb1f}body[data-page=imageSizeChecker] .image-file-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--primary),#0ea5e9);color:#fff;font-size:.78rem;font-weight:950;line-height:1;letter-spacing:-.02em;box-shadow:0 10px 20px #2563eb38}body[data-page=imageSizeChecker] .image-file-copy{display:grid;min-width:0;gap:3px}body[data-page=imageSizeChecker] .image-file-copy strong{color:var(--primary-dark);font-size:1rem;font-weight:950;line-height:1.2}body[data-page=imageSizeChecker] .image-file-copy small{color:var(--ink-2);font-size:.8rem;font-weight:750;line-height:1.35;overflow-wrap:anywhere}body[data-page=imageSizeChecker] .image-file-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}body[data-page=imageSizeChecker] .image-local-note,body[data-page=imageSizeChecker] .image-file-meta{margin:0;padding:8px 10px;border:1px solid rgba(226,232,240,.92);border-radius:12px;background:#f8fafcb8;color:var(--ink-2);font-size:.78rem;font-weight:750;line-height:1.36;overflow-wrap:anywhere}body[data-page=imageSizeChecker] .image-file-meta{display:grid;gap:2px;min-width:0;background:#eff6ff85}body[data-page=imageSizeChecker] .image-file-meta strong{min-width:0;color:var(--primary-dark);font-size:.82rem;font-weight:900;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-page=imageSizeChecker] .image-file-meta span{min-width:0;color:var(--ink-2);font-size:.76rem;font-weight:750;line-height:1.34;overflow-wrap:anywhere}body[data-page=imageSizeChecker] .image-preview-box{display:grid;min-height:176px;max-height:260px;place-items:center;overflow:hidden;padding:12px;border:1px solid rgba(226,232,240,.95);border-radius:16px;background:linear-gradient(45deg,rgba(148,163,184,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(148,163,184,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(148,163,184,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(148,163,184,.08) 75%),#fff;background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}body[data-page=imageSizeChecker] .image-preview-box.is-empty,body[data-page=imageSizeChecker] .image-preview-box.is-loading,body[data-page=imageSizeChecker] .image-preview-box.is-error{min-height:136px;max-height:176px;background:linear-gradient(180deg,#fff,#f8fafc)}body[data-page=imageSizeChecker] .image-preview-box.is-error{border-color:#fed7aa;background:#fff7ed}body[data-page=imageSizeChecker] .image-preview-box p{margin:0;color:var(--muted);font-size:.86rem;font-weight:760;line-height:1.4;text-align:center}body[data-page=imageSizeChecker] .image-preview-box.is-error p{color:#c2410c}body[data-page=imageSizeChecker] .image-preview-box img{display:block;max-width:100%;max-height:236px;object-fit:contain;border-radius:12px;box-shadow:0 10px 24px #0f172a1f}body[data-page=imageSizeChecker] .image-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=imageSizeChecker] .image-action-row[hidden]{display:none!important}body[data-page=imageSizeChecker] .image-action-row button,body[data-page=imageSizeChecker] .image-copy-button{min-width:0;min-height:44px;justify-content:center;padding-inline:12px;font-size:.82rem;font-weight:850;white-space:nowrap}body[data-page=imageSizeChecker] .image-result-card{display:grid;align-self:start;gap:9px;padding:16px;scroll-margin-top:86px}body[data-page=imageSizeChecker] .image-result-actions-head{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px}body[data-page=imageSizeChecker] #image-copy:disabled{opacity:.48;cursor:not-allowed}body[data-page=imageSizeChecker] .image-result-card.is-empty #image-copy,body[data-page=imageSizeChecker] .image-result-card.is-loading #image-copy,body[data-page=imageSizeChecker] .image-result-card.is-error #image-copy{display:none}body[data-page=imageSizeChecker] #image-copy.is-copied{border-color:#16a34a3d;background:#16a34a;color:#fff;box-shadow:0 12px 24px #16a34a2e}body[data-page=imageSizeChecker] #image-main-result{display:block;margin:0;color:var(--primary-dark);font-size:clamp(1.9rem,5.2vw,2.56rem);font-weight:950;line-height:1.06;letter-spacing:-.05em;overflow-wrap:anywhere}body[data-page=imageSizeChecker] .image-result-card.is-empty,body[data-page=imageSizeChecker] .image-result-card.is-loading,body[data-page=imageSizeChecker] .image-result-card.is-error{gap:8px;border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:none}body[data-page=imageSizeChecker] .image-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=imageSizeChecker] .image-result-card.is-filled{border-color:#bfdbfef5;box-shadow:0 10px 26px #2563eb0e}body[data-page=imageSizeChecker] .image-result-card.is-empty #image-main-result,body[data-page=imageSizeChecker] .image-result-card.is-loading #image-main-result,body[data-page=imageSizeChecker] .image-result-card.is-error #image-main-result{color:var(--ink-3);font-size:clamp(1.16rem,3vw,1.42rem);font-weight:850;line-height:1.3;letter-spacing:-.03em}body[data-page=imageSizeChecker] .image-result-card.is-error #image-main-result,body[data-page=imageSizeChecker] .image-result-card.is-error #image-summary{color:#c2410c}body[data-page=imageSizeChecker] #image-summary{margin:0;color:var(--ink-2);font-size:.86rem;font-weight:760;line-height:1.42;overflow-wrap:anywhere}body[data-page=imageSizeChecker] #image-warning{margin:0;padding:8px 10px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;color:#c2410c;font-size:.78rem;font-weight:850;line-height:1.35}body[data-page=imageSizeChecker] .image-result-card.is-empty :where(.image-summary-strip,.image-info-grid,.result-warning,.image-copy-message),body[data-page=imageSizeChecker] .image-result-card.is-loading :where(.image-summary-strip,.image-info-grid,.result-warning,.image-copy-message),body[data-page=imageSizeChecker] .image-result-card.is-error :where(.image-summary-strip,.image-info-grid,.image-copy-message){display:none}body[data-page=imageSizeChecker] .image-summary-strip{display:flex;flex-wrap:wrap;gap:6px;min-width:0}body[data-page=imageSizeChecker] .image-summary-strip span{display:inline-flex;max-width:100%;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(219,234,254,.95);border-radius:999px;background:#eff6ff;color:var(--primary-dark);font-size:.76rem;font-weight:900;line-height:1.2;overflow-wrap:anywhere}body[data-page=imageSizeChecker] .image-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}body[data-page=imageSizeChecker] .image-info-grid>div{min-width:0;padding:10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=imageSizeChecker] .image-info-grid>div.is-primary{border-color:#bfdbfef2;background:#eff6ff}body[data-page=imageSizeChecker] .image-info-grid dt{color:var(--muted);font-size:.72rem;font-weight:850;line-height:1.25}body[data-page=imageSizeChecker] .image-info-grid dd{min-width:0;margin:4px 0 0;color:var(--ink);font-size:clamp(.92rem,2.4vw,1.08rem);font-weight:900;line-height:1.18;letter-spacing:-.02em;overflow-wrap:anywhere;word-break:break-word}body[data-page=imageSizeChecker] .image-info-grid>div.is-primary dd{color:var(--primary-dark);font-size:clamp(1.1rem,3.2vw,1.34rem)}body[data-page=imageSizeChecker] .image-copy-message{min-height:0;margin:0;color:var(--primary-dark);font-size:.78rem;font-weight:850;line-height:1.35}body[data-page=imageSizeChecker] .image-copy-message:empty{display:none}@media(max-width:760px){body[data-page=imageSizeChecker] .image-size-hero{gap:12px;padding-block:18px}body[data-page=imageSizeChecker] .tool-workbench-step small{display:none}body[data-page=imageSizeChecker] .image-size-workspace{width:min(100% - 24px,1120px);grid-template-columns:1fr;gap:10px;padding-block:4px 20px}body[data-page=imageSizeChecker] .image-select-card,body[data-page=imageSizeChecker] .image-result-card{padding:14px;border-radius:16px}body[data-page=imageSizeChecker] .image-select-card{grid-template-columns:1fr}body[data-page=imageSizeChecker] .image-select-head,body[data-page=imageSizeChecker] .image-file-picker,body[data-page=imageSizeChecker] .image-local-note,body[data-page=imageSizeChecker] .image-file-meta,body[data-page=imageSizeChecker] .image-result-card,body[data-page=imageSizeChecker] .image-preview-box,body[data-page=imageSizeChecker] .image-action-row{grid-column:1;grid-row:auto}body[data-page=imageSizeChecker] .image-select-head,body[data-page=imageSizeChecker] .image-result-head{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}body[data-page=imageSizeChecker] .image-result-actions-head{justify-content:space-between}body[data-page=imageSizeChecker] .image-file-picker{grid-template-columns:42px minmax(0,1fr);min-height:68px;gap:10px;padding:11px 12px}body[data-page=imageSizeChecker] .image-file-icon{width:42px;height:42px;border-radius:14px;font-size:.7rem}body[data-page=imageSizeChecker] .image-file-copy strong{font-size:.94rem}body[data-page=imageSizeChecker] .image-file-copy small,body[data-page=imageSizeChecker] .image-local-note,body[data-page=imageSizeChecker] .image-file-meta,body[data-page=imageSizeChecker] #image-summary{font-size:.78rem}body[data-page=imageSizeChecker] .image-preview-box{min-height:150px;max-height:210px;padding:10px}body[data-page=imageSizeChecker] .image-preview-box.is-empty,body[data-page=imageSizeChecker] .image-preview-box.is-loading,body[data-page=imageSizeChecker] .image-preview-box.is-error{min-height:116px}body[data-page=imageSizeChecker] .image-preview-box img{max-height:188px}body[data-page=imageSizeChecker] .image-action-row{gap:7px}body[data-page=imageSizeChecker] .image-action-row button,body[data-page=imageSizeChecker] .image-copy-button{min-height:42px;padding-inline:8px;font-size:.76rem}body[data-page=imageSizeChecker] #image-main-result{font-size:clamp(1.68rem,8vw,2.1rem)}body[data-page=imageSizeChecker] .image-result-card.is-empty #image-main-result,body[data-page=imageSizeChecker] .image-result-card.is-loading #image-main-result,body[data-page=imageSizeChecker] .image-result-card.is-error #image-main-result{font-size:clamp(1.06rem,4.8vw,1.28rem)}body[data-page=imageSizeChecker] .image-info-grid{gap:7px}body[data-page=imageSizeChecker] .image-info-grid>div{padding:8px}body[data-page=imageSizeChecker] .image-info-grid dt{font-size:.68rem}body[data-page=imageSizeChecker] .image-info-grid dd{font-size:clamp(.84rem,4.2vw,1rem)}body[data-page=imageSizeChecker] .image-info-grid>div.is-primary dd{font-size:clamp(.98rem,5vw,1.2rem)}}@media(max-width:370px){body[data-page=imageSizeChecker] .image-info-grid,body[data-page=imageSizeChecker] .image-action-row{grid-template-columns:1fr}}body[data-page=resizeImage] .resize-hero{padding-block:24px 16px}body[data-page=resizeImage] .resize-workspace{display:grid;width:min(100% - 28px,1120px);gap:12px;padding-block:6px 24px}body[data-page=resizeImage] :where(.resize-file-card,.resize-source-card,.resize-size-card,.resize-output-card,.resize-result-card,.resize-guide-note){min-width:0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=resizeImage] .resize-file-card{display:grid;gap:10px;padding:18px;border-color:#bfdbfef2;box-shadow:0 14px 32px #2563eb13}body[data-page=resizeImage] .resize-main-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1fr);align-items:start;gap:14px}body[data-page=resizeImage] .resize-main-grid:not(:has(.resize-source-card:not([hidden]))){grid-template-columns:minmax(0,1fr);width:min(100%,780px);margin-inline:auto}body[data-page=resizeImage] .resize-controls-column{display:grid;gap:10px;min-width:0}body[data-page=resizeImage] .resize-card-head,body[data-page=resizeImage] .resize-result-head{display:flex;min-width:0;align-items:start;justify-content:space-between;gap:10px}body[data-page=resizeImage] .resize-card-head>div,body[data-page=resizeImage] .resize-result-head>div{display:grid;gap:3px;min-width:0}body[data-page=resizeImage] .resize-card-head h2,body[data-page=resizeImage] .resize-result-head h2{margin:0;color:var(--ink);font-size:clamp(1.08rem,2vw,1.3rem);font-weight:900;line-height:1.2;letter-spacing:-.03em}body[data-page=resizeImage] .resize-state-pill{display:inline-flex;flex:0 0 auto;min-height:30px;align-items:center;padding-inline:10px;border:1px solid rgba(219,234,254,.95);border-radius:999px;background:#eff6ffb8;color:var(--primary-dark);font-size:.74rem;font-weight:900;line-height:1;white-space:nowrap}body[data-page=resizeImage] .resize-state-pill:is(.is-empty,.is-dirty,.is-loading){border-color:#e2e8f0f2;background:#f8fafc;color:var(--ink-3)}body[data-page=resizeImage] .resize-state-pill.is-error{border-color:#fed7aa;background:#fff7ed;color:#c2410c}body[data-page=resizeImage] .resize-state-pill:is(.is-filled,.is-selected){border-color:#bfdbfef2;background:#eff6ff;color:var(--primary-dark)}body[data-page=resizeImage] .resize-file-picker{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:78px;padding:14px;border:1px solid rgba(37,99,235,.28);border-radius:18px;background:linear-gradient(180deg,#fff,#eff6ff);color:var(--primary-dark);cursor:pointer;box-shadow:inset 0 1px #ffffffd1,0 12px 24px #2563eb1a}body[data-page=resizeImage] .resize-file-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--primary),#0ea5e9);color:#fff;font-size:.78rem;font-weight:950;line-height:1;letter-spacing:-.02em;box-shadow:0 10px 20px #2563eb38}body[data-page=resizeImage] .resize-file-copy{display:grid;min-width:0;gap:3px}body[data-page=resizeImage] .resize-file-copy strong{color:var(--primary-dark);font-size:1rem;font-weight:950;line-height:1.2}body[data-page=resizeImage] .resize-file-copy small{color:var(--ink-2);font-size:.8rem;font-weight:750;line-height:1.35;overflow-wrap:anywhere}body[data-page=resizeImage] .resize-file-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}body[data-page=resizeImage] .resize-file-meta,body[data-page=resizeImage] .resize-file-card .local-note-inline,body[data-page=resizeImage] .resize-size-card .local-note-inline,body[data-page=resizeImage] .resize-output-card .local-note-inline{margin:0;padding:8px 10px;border:1px solid rgba(226,232,240,.92);border-radius:12px;background:#f8fafcb8;color:var(--ink-2);font-size:.78rem;font-weight:750;line-height:1.36;overflow-wrap:anywhere}body[data-page=resizeImage] .resize-file-meta{display:grid;gap:2px;background:#eff6ff85}body[data-page=resizeImage] .resize-file-meta strong{min-width:0;color:var(--primary-dark);font-size:.82rem;font-weight:900;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-page=resizeImage] .resize-file-meta span{min-width:0;color:var(--ink-2);font-size:.76rem;font-weight:750;line-height:1.34;overflow-wrap:anywhere}body[data-page=resizeImage] .resize-source-card,body[data-page=resizeImage] .resize-size-card,body[data-page=resizeImage] .resize-output-card,body[data-page=resizeImage] .resize-result-card{display:grid;gap:10px;padding:16px}body[data-page=resizeImage] .resize-source-card[hidden]{display:none!important}body[data-page=resizeImage] .resize-size-card{border-color:#bfdbfef2;box-shadow:0 10px 26px #2563eb0e}body[data-page=resizeImage] .resize-dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body[data-page=resizeImage] .resize-field{display:grid;gap:6px;min-width:0}body[data-page=resizeImage] .resize-field>span:first-child{color:var(--ink-2);font-size:.78rem;font-weight:850;line-height:1.25}body[data-page=resizeImage] .resize-field :where(input,select){width:100%;min-width:0;min-height:44px;padding-inline:10px;font-size:.9rem;font-weight:800}body[data-page=resizeImage] .resize-toggle-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=resizeImage] .resize-toggle{display:flex;min-width:0;min-height:42px;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff;box-shadow:none}body[data-page=resizeImage] .resize-toggle strong{color:var(--ink-2);font-size:.8rem;font-weight:850;line-height:1.25}body[data-page=resizeImage] .resize-preset-section{display:grid;gap:8px;min-width:0;margin:0;padding:10px;border:1px solid rgba(226,232,240,.92);border-radius:14px;background:#f8fbffb8}body[data-page=resizeImage] .resize-preset-section h3{margin:0;color:var(--ink-2);font-size:.82rem;font-weight:900;line-height:1.25}body[data-page=resizeImage] .resize-preset-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body[data-page=resizeImage] .resize-preset-row button,body[data-page=resizeImage] #resize-apply-percent,body[data-page=resizeImage] #resize-clear-result{min-width:0;min-height:40px;justify-content:center;padding-inline:8px;font-size:.76rem;font-weight:850;white-space:nowrap}body[data-page=resizeImage] .resize-percent-custom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px}body[data-page=resizeImage] .resize-advanced-options{overflow:hidden;padding:0;border:1px solid rgba(226,232,240,.92);border-radius:14px;background:#f8fbffb8;box-shadow:none}body[data-page=resizeImage] .resize-advanced-options>summary{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:var(--primary-dark);cursor:pointer;font-size:.84rem;font-weight:900;line-height:1.25;list-style:none}body[data-page=resizeImage] .resize-advanced-options>summary::-webkit-details-marker{display:none}body[data-page=resizeImage] .resize-advanced-title{display:grid;gap:2px;min-width:0}body[data-page=resizeImage] .resize-advanced-title strong{color:var(--primary-dark);font-size:.86rem;font-weight:900;line-height:1.2}body[data-page=resizeImage] .resize-advanced-title small{color:var(--muted);font-size:.74rem;font-weight:750;line-height:1.3}body[data-page=resizeImage] .resize-advanced-body,body[data-page=resizeImage] .resize-preset-section.resize-advanced-options>:not(summary){margin:0;padding:0 12px 12px}body[data-page=resizeImage] .resize-advanced-body{display:grid;gap:8px}body[data-page=resizeImage] .resize-preview-box{display:grid;min-height:150px;max-height:230px;place-items:center;overflow:hidden;padding:10px}body[data-page=resizeImage] .resize-preview-box img{display:block;max-width:100%;max-height:204px;object-fit:contain;border-radius:12px}body[data-page=resizeImage] .resize-process-button{width:100%;min-height:52px;justify-content:center;border-radius:14px;font-size:.96rem;font-weight:950;box-shadow:0 12px 26px #2563eb2e}body[data-page=resizeImage] .resize-result-card{align-self:start;scroll-margin-top:86px}body[data-page=resizeImage] #resize-result-status{display:block;margin:0;color:var(--primary-dark);font-size:clamp(1.8rem,5vw,2.45rem);font-weight:950;line-height:1.06;letter-spacing:-.045em;overflow-wrap:anywhere}body[data-page=resizeImage] .resize-result-card:is(.is-empty,.is-dirty,.is-loading,.is-error){border-color:#e2e8f0f2;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:none}body[data-page=resizeImage] .resize-result-card.is-error{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}body[data-page=resizeImage] .resize-result-card:is(.is-empty,.is-dirty,.is-loading,.is-error) #resize-result-status{color:var(--ink-3);font-size:clamp(1.14rem,3vw,1.42rem);font-weight:850;line-height:1.3;letter-spacing:-.03em}body[data-page=resizeImage] .resize-result-card.is-error #resize-result-status,body[data-page=resizeImage] .resize-result-card.is-error #resize-result-summary{color:#c2410c}body[data-page=resizeImage] #resize-result-summary{margin:0;color:var(--ink-2);font-size:.86rem;font-weight:760;line-height:1.42;overflow-wrap:anywhere}body[data-page=resizeImage] .resize-result-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0}body[data-page=resizeImage] .resize-result-actions[hidden]{display:none!important}body[data-page=resizeImage] .resize-download-link,body[data-page=resizeImage] #resize-clear-result{min-width:0;min-height:44px;justify-content:center;padding-inline:12px;font-size:.82rem;font-weight:900;white-space:nowrap}body[data-page=resizeImage] .resize-result-card:is(.is-empty,.is-dirty,.is-loading,.is-error) :where(.resize-info-grid,.resize-result-actions,#resize-result-message,.result-note,.local-note){display:none}body[data-page=resizeImage] .resize-result-card:is(.is-empty,.is-dirty,.is-loading,.is-error) .resize-preview-box{display:none}body[data-page=resizeImage] .resize-result-card.is-filled{border-color:#bfdbfef5;box-shadow:0 10px 26px #2563eb0e}body[data-page=resizeImage] .resize-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}body[data-page=resizeImage] .resize-info-grid>div{min-width:0;padding:10px;border:1px solid rgba(226,232,240,.95);border-radius:12px;background:#fff}body[data-page=resizeImage] .resize-info-grid>div.is-primary{border-color:#bfdbfef2;background:#eff6ff}body[data-page=resizeImage] .resize-info-wide{grid-column:1 / -1}body[data-page=resizeImage] .resize-info-grid dt{color:var(--muted);font-size:.72rem;font-weight:850;line-height:1.25}body[data-page=resizeImage] .resize-info-grid dd{min-width:0;margin:4px 0 0;color:var(--ink);font-size:clamp(.86rem,2.4vw,1.02rem);font-weight:900;line-height:1.18;overflow-wrap:anywhere;word-break:break-word}body[data-page=resizeImage] .resize-info-grid>div.is-primary dd{color:var(--primary-dark);font-size:clamp(1.04rem,3.1vw,1.26rem)}body[data-page=resizeImage] .resize-message:not([hidden]){display:block;margin:0;padding:8px 10px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;color:#c2410c;font-size:.78rem;font-weight:850;line-height:1.35}@media(max-width:760px){body[data-page=resizeImage] .resize-hero{gap:12px;padding-block:18px}body[data-page=resizeImage] .tool-workbench-step small{display:none}body[data-page=resizeImage] .resize-workspace{width:min(100% - 24px,1120px);gap:10px;padding-block:4px 20px}body[data-page=resizeImage] .resize-main-grid,body[data-page=resizeImage] .resize-main-grid:not(:has(.resize-source-card:not([hidden]))){width:100%;grid-template-columns:1fr;gap:10px}body[data-page=resizeImage] .resize-source-card{order:2}body[data-page=resizeImage] .resize-controls-column{order:1}body[data-page=resizeImage] :where(.resize-file-card,.resize-source-card,.resize-size-card,.resize-output-card,.resize-result-card){padding:14px;border-radius:16px}body[data-page=resizeImage] .resize-card-head,body[data-page=resizeImage] .resize-result-head{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}body[data-page=resizeImage] .resize-file-picker{grid-template-columns:42px minmax(0,1fr);min-height:68px;gap:10px;padding:11px 12px}body[data-page=resizeImage] .resize-file-icon{width:42px;height:42px;border-radius:14px;font-size:.7rem}body[data-page=resizeImage] .resize-file-copy strong{font-size:.94rem}body[data-page=resizeImage] .resize-dimension-grid,body[data-page=resizeImage] .resize-toggle-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=resizeImage] .resize-field :where(input,select){min-height:44px;padding-inline:8px;font-size:.84rem}body[data-page=resizeImage] .resize-toggle{min-height:40px;padding:8px}body[data-page=resizeImage] .resize-toggle strong{font-size:.76rem}body[data-page=resizeImage] .resize-preset-row{display:flex;grid-template-columns:none;gap:7px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}body[data-page=resizeImage] .resize-preset-row button{flex:0 0 auto;min-width:84px;scroll-snap-align:start}body[data-page=resizeImage] .resize-exact-preset-row button{min-width:150px}body[data-page=resizeImage] .resize-percent-custom{grid-template-columns:minmax(0,1fr) minmax(64px,auto)}body[data-page=resizeImage] .resize-preview-box{min-height:132px;max-height:180px;padding:9px}body[data-page=resizeImage] .resize-preview-box img{max-height:158px}body[data-page=resizeImage] #resize-result-status{font-size:clamp(1.6rem,8vw,2.04rem)}body[data-page=resizeImage] .resize-result-card:is(.is-empty,.is-dirty,.is-loading,.is-error) #resize-result-status{font-size:clamp(1.06rem,4.8vw,1.28rem)}body[data-page=resizeImage] .resize-result-actions{grid-template-columns:minmax(0,1fr) minmax(66px,auto);gap:7px}body[data-page=resizeImage] .resize-download-link,body[data-page=resizeImage] #resize-clear-result,body[data-page=resizeImage] .resize-process-button{min-height:44px;padding-inline:8px;font-size:.76rem}body[data-page=resizeImage] .resize-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=resizeImage] .resize-info-grid>div{padding:8px}body[data-page=resizeImage] .resize-info-grid dt{font-size:.68rem}body[data-page=resizeImage] .resize-info-grid dd{font-size:clamp(.78rem,4.2vw,.94rem)}body[data-page=resizeImage] .resize-info-grid>div.is-primary dd{font-size:clamp(.92rem,5vw,1.08rem)}}@media(max-width:370px){body[data-page=resizeImage] .resize-info-grid,body[data-page=resizeImage] .resize-dimension-grid,body[data-page=resizeImage] .resize-toggle-list,body[data-page=resizeImage] .resize-result-actions{grid-template-columns:1fr}}body[data-page=resizeImage] .resize-file-actions{display:flex;justify-content:flex-end;margin:0}body[data-page=resizeImage] #resize-clear-all{min-height:40px;padding-inline:13px;font-size:.8rem;font-weight:850;white-space:nowrap}body[data-page=resizeImage] #resize-clear-all:disabled{opacity:.48;cursor:not-allowed}body[data-page=pixelToCmCalculator] .pixel-cm-hero{padding-block:24px 16px}body[data-page=pixelToCmCalculator] .pixel-workspace{display:grid!important;width:min(100% - 28px,1120px)!important;grid-template-columns:minmax(0,1.02fr) minmax(340px,.88fr)!important;align-items:start!important;gap:14px!important;padding-block:6px 24px!important}body[data-page=pixelToCmCalculator] :where(.pixel-input-panel,.pixel-result-card,.pixel-example-panel){min-width:0!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}body[data-page=pixelToCmCalculator] .pixel-input-panel{display:grid!important;gap:11px!important;padding:18px!important;border-color:#bfdbfef2!important;box-shadow:0 14px 32px #2563eb13!important}body[data-page=pixelToCmCalculator] .pixel-result-card{display:grid!important;align-self:start!important;gap:9px!important;padding:16px!important;scroll-margin-top:86px!important}body[data-page=pixelToCmCalculator] .pixel-example-panel{grid-column:1 / -1!important;display:grid!important;gap:9px!important;padding:14px 16px!important}body[data-page=pixelToCmCalculator] .pixel-input-head,body[data-page=pixelToCmCalculator] .pixel-result-head{display:flex!important;min-width:0!important;align-items:start!important;justify-content:space-between!important;gap:10px!important}body[data-page=pixelToCmCalculator] .pixel-input-head>div,body[data-page=pixelToCmCalculator] .pixel-result-head>div{display:grid!important;gap:3px!important;min-width:0!important}body[data-page=pixelToCmCalculator] .pixel-input-head h2,body[data-page=pixelToCmCalculator] .pixel-result-head h2,body[data-page=pixelToCmCalculator] .pixel-example-panel h2{margin:0!important;color:var(--ink)!important;font-size:clamp(1.08rem,2vw,1.3rem)!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.03em!important}body[data-page=pixelToCmCalculator] #pixel-mode-help{margin:0!important;color:var(--ink-2)!important;font-size:.84rem!important;font-weight:700!important;line-height:1.4!important}body[data-page=pixelToCmCalculator] .pixel-state-pill{display:inline-flex!important;flex:0 0 auto!important;min-height:30px!important;align-items:center!important;padding-inline:10px!important;border:1px solid rgba(219,234,254,.95)!important;border-radius:999px!important;background:#eff6ffb8!important;color:var(--primary-dark)!important;font-size:.74rem!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important}body[data-page=pixelToCmCalculator] .pixel-state-pill:is(.is-empty,.is-waiting){border-color:#e2e8f0f2!important;background:#f8fafc!important;color:var(--ink-3)!important}body[data-page=pixelToCmCalculator] .pixel-state-pill.is-error{border-color:#fed7aa!important;background:#fff7ed!important;color:#c2410c!important}body[data-page=pixelToCmCalculator] .pixel-mode-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin:0!important;padding:4px!important;border:1px solid rgba(219,234,254,.9)!important;border-radius:999px!important;background:#eff6ff8f!important;box-shadow:none!important}body[data-page=pixelToCmCalculator] .pixel-mode-grid label{position:relative!important;min-width:0!important;min-height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important}body[data-page=pixelToCmCalculator] .pixel-mode-grid input{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important}body[data-page=pixelToCmCalculator] .pixel-mode-grid span{display:flex!important;min-height:38px!important;align-items:center!important;justify-content:center!important;padding-inline:6px!important;border-radius:999px!important;color:var(--ink-2)!important;font-size:.78rem!important;font-weight:850!important;line-height:1.12!important;white-space:nowrap!important}body[data-page=pixelToCmCalculator] .pixel-mode-grid input:checked+span{background:#fff!important;color:var(--primary-dark)!important;box-shadow:0 4px 12px #0f172a0e!important}body[data-page=pixelToCmCalculator] .pixel-field-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}body[data-page=pixelToCmCalculator] .pixel-field{display:grid!important;min-width:0!important;gap:6px!important;margin:0!important;padding:10px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:14px!important;background:#fff!important}body[data-page=pixelToCmCalculator] .pixel-field:not([hidden]):first-child,body[data-page=pixelToCmCalculator] .pixel-field[data-pixel-field=widthPx]:not([hidden]),body[data-page=pixelToCmCalculator] .pixel-field[data-pixel-field=widthCm]:not([hidden]){border-color:#2563eb3d!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}body[data-page=pixelToCmCalculator] .pixel-field>span:first-child{color:var(--ink-2)!important;font-size:.78rem!important;font-weight:850!important;line-height:1.25!important}body[data-page=pixelToCmCalculator] .pixel-field input{width:100%!important;min-width:0!important;min-height:46px!important;padding-inline:10px!important;font-size:.94rem!important;font-weight:850!important}body[data-page=pixelToCmCalculator] .pixel-dpi-buttons,body[data-page=pixelToCmCalculator] .pixel-example-buttons{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;padding-bottom:2px!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important}body[data-page=pixelToCmCalculator] .pixel-dpi-buttons button,body[data-page=pixelToCmCalculator] .pixel-example-buttons button{flex:0 0 auto!important;min-height:40px!important;padding-inline:13px!important;border-radius:999px!important;font-size:.78rem!important;font-weight:850!important;white-space:nowrap!important;scroll-snap-align:start!important}body[data-page=pixelToCmCalculator] .pixel-dpi-buttons button.is-active{border-color:#2563eb4d!important;background:#eff6ff!important;color:var(--primary-dark)!important}body[data-page=pixelToCmCalculator] .pixel-basis-note{margin:0!important;padding:8px 10px!important;border:1px solid rgba(219,234,254,.92)!important;border-radius:12px!important;background:#eff6ff85!important;color:var(--ink-2)!important;font-size:.78rem!important;font-weight:760!important;line-height:1.36!important}body[data-page=pixelToCmCalculator] #pixel-clear{width:fit-content!important;min-height:40px!important;padding-inline:13px!important;font-size:.8rem!important;font-weight:850!important;white-space:nowrap!important}body[data-page=pixelToCmCalculator] #pixel-main-result{display:block!important;margin:0!important;color:var(--primary-dark)!important;font-size:clamp(1.86rem,5vw,2.45rem)!important;font-weight:950!important;line-height:1.06!important;letter-spacing:-.045em!important;overflow-wrap:anywhere!important}body[data-page=pixelToCmCalculator] .pixel-result-card:is(.is-empty,.is-waiting,.is-error){border-color:#e2e8f0f2!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:none!important}body[data-page=pixelToCmCalculator] .pixel-result-card.is-error{border-color:#fed7aa!important;background:linear-gradient(180deg,#fff,#fff7ed)!important}body[data-page=pixelToCmCalculator] .pixel-result-card.is-filled{border-color:#bfdbfef5!important;box-shadow:0 10px 26px #2563eb0e!important}body[data-page=pixelToCmCalculator] .pixel-result-card:is(.is-empty,.is-waiting,.is-error) #pixel-main-result{color:var(--ink-3)!important;font-size:clamp(1.14rem,3vw,1.38rem)!important;font-weight:850!important;line-height:1.3!important;letter-spacing:-.03em!important}body[data-page=pixelToCmCalculator] .pixel-result-card.is-error #pixel-main-result,body[data-page=pixelToCmCalculator] .pixel-result-card.is-error #pixel-summary{color:#c2410c!important}body[data-page=pixelToCmCalculator] #pixel-summary{margin:0!important;color:var(--ink-2)!important;font-size:.86rem!important;font-weight:760!important;line-height:1.42!important;overflow-wrap:anywhere!important}body[data-page=pixelToCmCalculator] .pixel-result-card:is(.is-empty,.is-waiting,.is-error) :where(.pixel-result-grid,.formula-detail,.result-note,#pixel-warning){display:none!important}body[data-page=pixelToCmCalculator] .pixel-result-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important}body[data-page=pixelToCmCalculator] .pixel-result-grid>div{min-width:0!important;padding:10px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:12px!important;background:#fff!important}body[data-page=pixelToCmCalculator] .pixel-result-grid>div.is-primary{border-color:#bfdbfef2!important;background:#eff6ff!important}body[data-page=pixelToCmCalculator] .pixel-result-grid dt{color:var(--muted)!important;font-size:.72rem!important;font-weight:850!important;line-height:1.25!important}body[data-page=pixelToCmCalculator] .pixel-result-grid dd{min-width:0!important;margin:4px 0 0!important;color:var(--ink)!important;font-size:clamp(.9rem,2.4vw,1.06rem)!important;font-weight:900!important;line-height:1.18!important;overflow-wrap:anywhere!important;word-break:break-word!important}body[data-page=pixelToCmCalculator] .pixel-result-grid>div.is-primary dd{color:var(--primary-dark)!important;font-size:clamp(1.02rem,3vw,1.24rem)!important}body[data-page=pixelToCmCalculator] .formula-detail{padding:9px 10px!important;border-radius:12px!important;background:#eff6ff8a!important}@media(max-width:760px){body[data-page=pixelToCmCalculator] .pixel-cm-hero{gap:12px!important;padding-block:18px!important}body[data-page=pixelToCmCalculator] .tool-workbench-step small{display:none!important}body[data-page=pixelToCmCalculator] .pixel-workspace{width:min(100% - 24px,1120px)!important;grid-template-columns:1fr!important;gap:10px!important;padding-block:4px 20px!important}body[data-page=pixelToCmCalculator] .pixel-input-panel,body[data-page=pixelToCmCalculator] .pixel-result-card,body[data-page=pixelToCmCalculator] .pixel-example-panel{padding:14px!important;border-radius:16px!important}body[data-page=pixelToCmCalculator] .pixel-input-head,body[data-page=pixelToCmCalculator] .pixel-result-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}body[data-page=pixelToCmCalculator] .pixel-mode-grid span{min-height:36px!important;padding-inline:4px!important;font-size:.72rem!important;letter-spacing:-.025em!important}body[data-page=pixelToCmCalculator] .pixel-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}body[data-page=pixelToCmCalculator] .pixel-field{padding:9px!important}body[data-page=pixelToCmCalculator] .pixel-field input{min-height:44px!important;padding-inline:8px!important;font-size:.84rem!important}body[data-page=pixelToCmCalculator] .pixel-dpi-buttons button,body[data-page=pixelToCmCalculator] .pixel-example-buttons button{min-height:38px!important;padding-inline:10px!important;font-size:.74rem!important}body[data-page=pixelToCmCalculator] #pixel-main-result{font-size:clamp(1.62rem,8vw,2.08rem)!important}body[data-page=pixelToCmCalculator] .pixel-result-grid{gap:7px!important}body[data-page=pixelToCmCalculator] .pixel-result-grid>div{padding:8px!important}body[data-page=pixelToCmCalculator] .pixel-result-grid dt{font-size:.68rem!important}body[data-page=pixelToCmCalculator] .pixel-result-grid dd{font-size:clamp(.82rem,4vw,.96rem)!important}}@media(max-width:370px){body[data-page=pixelToCmCalculator] .pixel-field-grid,body[data-page=pixelToCmCalculator] .pixel-result-grid{grid-template-columns:1fr!important}}body[data-page=imageCompressor] .tool-workbench-hero{background:linear-gradient(180deg,#fff,#f8fafc)}body[data-page=imageCompressor] .compressor-workspace{gap:14px}body[data-page=imageCompressor] .compressor-file-card{border-color:#94a3b873;background:#fffffff0}body[data-page=imageCompressor] .compressor-options-card{gap:14px}body[data-page=imageCompressor] .compressor-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body[data-page=imageCompressor] .compressor-range-field{display:grid;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:#f8fafcd1;color:var(--ink);font-weight:900}body[data-page=imageCompressor] .compressor-range-field>span{display:flex;justify-content:space-between;gap:12px}body[data-page=imageCompressor] .compressor-range-field input[type=range]{width:100%;min-height:34px;accent-color:var(--primary)}body[data-page=imageCompressor] .compressor-exif-toggle{align-items:start}body[data-page=imageCompressor] .compressor-exif-toggle span{display:grid;gap:3px}body[data-page=imageCompressor] .compressor-exif-toggle small{color:var(--muted);font-size:.85rem;font-weight:700;line-height:1.45}body[data-page=imageCompressor] .compressor-process-button{width:100%;justify-content:center}body[data-page=imageCompressor] .compressor-process-button:disabled{cursor:not-allowed;opacity:.56;box-shadow:none}body[data-page=imageCompressor] .compressor-result-card.is-empty .card-eyebrow,body[data-page=imageCompressor] .compressor-result-card.is-loading .card-eyebrow{display:none}body[data-page=imageCompressor] .compressor-result-card.is-empty #compressor-result-status,body[data-page=imageCompressor] .compressor-result-card.is-loading #compressor-result-status{margin:0;color:var(--ink-2);font-size:clamp(1.18rem,3vw,1.45rem);line-height:1.18}body[data-page=imageCompressor] .compressor-result-card.is-filled{border-color:#93c5fde6;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=imageCompressor] .compressor-result-card.is-filled #compressor-result-status{margin:0;color:var(--primary-dark);font-size:clamp(1.35rem,3.4vw,1.82rem);line-height:1.12}body[data-page=imageCompressor] .compressor-result-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}body[data-page=imageCompressor] .compressor-result-actions[hidden]{display:none}body[data-page=imageCompressor] .compressor-download-link{flex:1 1 220px;min-height:48px;justify-content:center}@media(max-width:760px){body[data-page=imageCompressor] .tool-workbench-hero{padding-block:18px}body[data-page=imageCompressor] .compressor-workspace,body[data-page=imageCompressor] .compressor-file-card,body[data-page=imageCompressor] .compressor-options-card,body[data-page=imageCompressor] .compressor-result-card{gap:10px}body[data-page=imageCompressor] .compressor-option-grid{grid-template-columns:1fr}body[data-page=imageCompressor] .compressor-file-picker{min-height:58px;padding:8px 10px}body[data-page=imageCompressor] .compressor-file-picker>span{min-height:44px;padding-inline:14px}body[data-page=imageCompressor] .compressor-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-page=imageCompressor] .compressor-download-link{grid-column:1 / -1;min-height:46px}body[data-page=imageCompressor] .compressor-result-actions .text-button{min-height:44px}}body[data-page=pdfMerge] .pdf-merge-workspace{gap:14px}body[data-page=pdfMerge] .pdf-merge-file-card,body[data-page=pdfMerge] .pdf-merge-list-card,body[data-page=pdfMerge] .pdf-merge-action-card,body[data-page=pdfMerge] .pdf-merge-result-card{border-color:#94a3b873;background:#fffffff0}body[data-page=pdfMerge] .pdf-merge-file-picker{min-height:72px}body[data-page=pdfMerge] .pdf-merge-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}body[data-page=pdfMerge] .pdf-merge-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:#f8fafc}body[data-page=pdfMerge] .pdf-merge-order{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#e0ecff;color:var(--primary-dark);font-weight:900}body[data-page=pdfMerge] .pdf-merge-file-meta{display:grid;gap:3px;min-width:0}body[data-page=pdfMerge] .pdf-merge-file-meta strong,body[data-page=pdfMerge] .pdf-merge-result-wide dd{min-width:0;overflow-wrap:anywhere;word-break:break-word}body[data-page=pdfMerge] .pdf-merge-file-meta small{color:var(--muted);font-weight:750}body[data-page=pdfMerge] .pdf-merge-item-actions,body[data-page=pdfMerge] .pdf-merge-list-actions,body[data-page=pdfMerge] .pdf-merge-result-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}body[data-page=pdfMerge] .pdf-merge-item-actions .text-button{min-height:44px;padding-inline:11px}body[data-page=pdfMerge] .pdf-merge-process-button,body[data-page=pdfMerge] .pdf-merge-download-link{width:100%;justify-content:center;min-height:48px}body[data-page=pdfMerge] .pdf-merge-process-button:disabled{cursor:not-allowed;opacity:.56;box-shadow:none}body[data-page=pdfMerge] .pdf-merge-result-card.is-filled{border-color:#93c5fde6;background:linear-gradient(180deg,#fff,#f8fbff)}body[data-page=pdfMerge] .pdf-merge-result-card.is-filled #pdf-merge-result-status{color:var(--primary-dark);font-size:clamp(1.3rem,3vw,1.75rem);line-height:1.14}body[data-page=pdfMerge] .pdf-merge-result-grid .pdf-merge-result-wide{grid-column:1 / -1}body[data-page=pdfMerge] .pdf-merge-result-actions[hidden]{display:none}@media(max-width:760px){body[data-page=pdfMerge] .pdf-merge-workspace,body[data-page=pdfMerge] .pdf-merge-file-card,body[data-page=pdfMerge] .pdf-merge-list-card,body[data-page=pdfMerge] .pdf-merge-action-card,body[data-page=pdfMerge] .pdf-merge-result-card{gap:10px}body[data-page=pdfMerge] .pdf-merge-item{grid-template-columns:auto minmax(0,1fr);align-items:start}body[data-page=pdfMerge] .pdf-merge-item-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}body[data-page=pdfMerge] .pdf-merge-item-actions .text-button{padding-inline:6px}body[data-page=pdfMerge] .pdf-merge-result-actions{display:grid;grid-template-columns:1fr}}body[data-page=pdfSplit] .pdf-split-workspace{display:grid;gap:var(--space-4)}body[data-page=pdfSplit] .pdf-split-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);display:grid;gap:16px;grid-template-columns:minmax(0,1fr);min-width:0}body[data-page=pdfSplit] .pdf-split-dropzone{align-items:center;border:1px dashed var(--border-color-strong);border-radius:var(--radius-md);cursor:pointer;display:grid;gap:10px;justify-items:center;padding:clamp(18px,4vw,28px);text-align:center}body[data-page=pdfSplit] .pdf-split-dropzone input{max-width:100%}body[data-page=pdfSplit] .pdf-split-dropzone-title{color:var(--text-color);font-weight:700}body[data-page=pdfSplit] .pdf-split-dropzone-text,body[data-page=pdfSplit] .pdf-split-result-list span{color:var(--muted-color);font-size:.92rem}body[data-page=pdfSplit] .pdf-split-file-summary{background:var(--surface-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:12px;padding:14px}body[data-page=pdfSplit] .pdf-split-file-summary dl{display:grid;gap:10px;margin:0}body[data-page=pdfSplit] .pdf-split-file-summary div{display:grid;gap:4px}body[data-page=pdfSplit] .pdf-split-file-summary dt{color:var(--muted-color);font-size:.82rem;font-weight:700}body[data-page=pdfSplit] .pdf-split-file-summary dd{margin:0;overflow-wrap:anywhere}body[data-page=pdfSplit] .pdf-split-mode-tabs{border:0;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 16px;padding:0}body[data-page=pdfSplit] .pdf-split-mode-tabs label{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;min-height:44px;padding:10px 12px;text-align:center}body[data-page=pdfSplit] .pdf-split-mode-tabs label:has(input:checked){background:var(--primary-soft);border-color:var(--primary-color);color:var(--primary-dark);font-weight:700}body[data-page=pdfSplit] .pdf-split-mode-tabs input[type=radio]{height:1px;opacity:0;position:absolute;width:1px}body[data-page=pdfSplit] .pdf-split-mode-panel{display:grid;gap:8px;min-width:0}body[data-page=pdfSplit] .pdf-split-mode-panel[hidden]{display:none}body[data-page=pdfSplit] .pdf-split-mode-panel textarea{box-sizing:border-box;max-width:100%;min-height:6rem;resize:vertical;width:100%}body[data-page=pdfSplit] .pdf-split-mode-panel .tool-helper{min-width:0;overflow-wrap:anywhere}body[data-page=pdfSplit] .pdf-split-result-list{display:grid;gap:12px;list-style:none;margin:0;padding:0}body[data-page=pdfSplit] .pdf-split-result-list li{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:14px}body[data-page=pdfSplit] .pdf-split-result-list strong,body[data-page=pdfSplit] .pdf-split-result-list span{display:block;overflow-wrap:anywhere}body[data-page=pdfSplit] .pdf-split-result-list .button{min-height:44px}@media(max-width:640px){body[data-page=pdfSplit] .pdf-split-mode-tabs,body[data-page=pdfSplit] .pdf-split-result-list li{grid-template-columns:1fr}body[data-page=pdfSplit] .pdf-split-result-list .button{width:100%}}body[data-page=colorContrastChecker] .contrast-workspace{width:min(100% - 28px,1120px)!important;padding-block:6px 24px!important}body[data-page=colorContrastChecker] .contrast-main-grid{display:grid!important;grid-template-columns:minmax(0,.96fr) minmax(340px,1fr)!important;gap:14px!important;align-items:start!important}body[data-page=colorContrastChecker] :where(.contrast-input-card,.contrast-result-card,.contrast-preview-card,.contrast-examples){min-width:0!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}body[data-page=colorContrastChecker] .contrast-input-card{display:grid!important;gap:10px!important;padding:18px!important;border-color:#bfdbfef2!important;box-shadow:0 14px 32px #2563eb13!important}body[data-page=colorContrastChecker] .contrast-output-stack{display:grid!important;gap:10px!important;min-width:0!important}body[data-page=colorContrastChecker] .contrast-card-head,body[data-page=colorContrastChecker] .contrast-result-head{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:start!important;min-width:0!important}body[data-page=colorContrastChecker] .contrast-card-head h2,body[data-page=colorContrastChecker] .contrast-result-head h2{margin:0!important;font-size:clamp(1.06rem,2vw,1.3rem)!important;font-weight:900!important;letter-spacing:-.03em!important}body[data-page=colorContrastChecker] .contrast-state-pill{display:inline-flex!important;flex:0 0 auto!important;min-height:30px!important;align-items:center!important;padding-inline:10px!important;border:1px solid rgba(219,234,254,.95)!important;border-radius:999px!important;background:#eff6ff!important;color:var(--primary-dark)!important;font-size:.74rem!important;font-weight:900!important;white-space:nowrap!important}body[data-page=colorContrastChecker] .contrast-state-pill:is(.is-empty,.is-waiting){border-color:#e2e8f0f2!important;background:#f8fafc!important;color:var(--ink-3)!important}body[data-page=colorContrastChecker] .contrast-state-pill.is-error{border-color:#fed7aa!important;background:#fff7ed!important;color:#c2410c!important}body[data-page=colorContrastChecker] .contrast-field-block{display:grid!important;gap:7px!important;min-width:0!important;padding:10px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:14px!important;background:#fff!important}body[data-page=colorContrastChecker] .contrast-field-block label{color:var(--ink-2)!important;font-size:.78rem!important;font-weight:850!important}body[data-page=colorContrastChecker] .contrast-color-row{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:8px!important;align-items:center!important}body[data-page=colorContrastChecker] .contrast-color-row input[type=text]{min-width:0!important;min-height:44px!important;font-size:.9rem!important;font-weight:850!important;text-transform:uppercase!important}body[data-page=colorContrastChecker] .contrast-color-row input[type=color]{width:46px!important;height:44px!important;min-width:46px!important;padding:3px!important;border-radius:12px!important}body[data-page=colorContrastChecker] .contrast-help-note{margin:0!important;padding:8px 10px!important;border:1px solid rgba(219,234,254,.92)!important;border-radius:12px!important;background:#eff6ff85!important;color:var(--ink-2)!important;font-size:.78rem!important;font-weight:760!important;line-height:1.36!important}body[data-page=colorContrastChecker] .contrast-action-panel{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:0!important}body[data-page=colorContrastChecker] .contrast-action-panel button{min-width:0!important;min-height:42px!important;padding-inline:8px!important;font-size:.76rem!important;font-weight:850!important;white-space:nowrap!important}body[data-page=colorContrastChecker] .contrast-action-panel button:disabled{opacity:.48!important;cursor:not-allowed!important}body[data-page=colorContrastChecker] .contrast-result-card,body[data-page=colorContrastChecker] .contrast-preview-card{display:grid!important;gap:9px!important;padding:16px!important}body[data-page=colorContrastChecker] .contrast-result-card>strong{color:var(--primary-dark)!important;font-size:clamp(2rem,6vw,2.8rem)!important;font-weight:950!important;line-height:1!important;letter-spacing:-.05em!important;overflow-wrap:anywhere!important}body[data-page=colorContrastChecker] .contrast-result-card:is(.is-empty,.is-waiting,.is-error)>strong{color:var(--ink-3)!important;font-size:clamp(1.12rem,3vw,1.38rem)!important;font-weight:850!important;line-height:1.3!important}body[data-page=colorContrastChecker] .contrast-result-card.is-error>strong,body[data-page=colorContrastChecker] .contrast-result-card.is-error .result-summary{color:#c2410c!important}body[data-page=colorContrastChecker] .contrast-result-card:is(.is-empty,.is-waiting,.is-error) :where(.contrast-color-summary,.contrast-badge-list){display:none!important}body[data-page=colorContrastChecker] .contrast-color-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important}body[data-page=colorContrastChecker] .contrast-color-summary>div,body[data-page=colorContrastChecker] .contrast-badge{min-width:0!important;padding:10px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:12px!important;background:#fff!important}body[data-page=colorContrastChecker] .contrast-color-summary dd,body[data-page=colorContrastChecker] .contrast-badge strong{overflow-wrap:anywhere!important;word-break:break-word!important}body[data-page=colorContrastChecker] .contrast-badge-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}body[data-page=colorContrastChecker] .contrast-badge{display:grid!important;gap:4px!important}body[data-page=colorContrastChecker] .contrast-badge span{color:var(--ink-2)!important;font-size:.76rem!important;font-weight:850!important}body[data-page=colorContrastChecker] .contrast-badge strong{font-size:.9rem!important;font-weight:950!important}body[data-page=colorContrastChecker] .contrast-badge.is-pass strong{color:#15803d!important}body[data-page=colorContrastChecker] .contrast-badge.is-fail strong{color:#b45309!important}body[data-page=colorContrastChecker] .contrast-preview-box{min-height:154px!important;border-radius:16px!important;padding:14px!important;overflow:hidden!important}body[data-page=colorContrastChecker] .contrast-preview-card:is(.is-empty,.is-waiting,.is-error) .contrast-preview-box{background:linear-gradient(180deg,#fff,#f8fafc)!important;color:var(--ink-3)!important;border:1px solid rgba(226,232,240,.95)!important}body[data-page=colorContrastChecker] .contrast-examples{display:grid!important;gap:9px!important;margin-top:10px!important;padding:14px 16px!important}body[data-page=colorContrastChecker] .contrast-example-grid{display:flex!important;gap:7px!important;overflow-x:auto!important;padding-bottom:2px!important}body[data-page=colorContrastChecker] .contrast-example-button{flex:0 0 auto!important;min-height:42px!important;max-width:100%!important;white-space:nowrap!important}@media(max-width:760px){body[data-page=colorContrastChecker] .contrast-workspace{width:min(100% - 24px,1120px)!important;padding-block:4px 20px!important}body[data-page=colorContrastChecker] .contrast-main-grid{grid-template-columns:1fr!important;gap:10px!important}body[data-page=colorContrastChecker] .contrast-input-card,body[data-page=colorContrastChecker] .contrast-result-card,body[data-page=colorContrastChecker] .contrast-preview-card,body[data-page=colorContrastChecker] .contrast-examples{padding:14px!important;border-radius:16px!important}body[data-page=colorContrastChecker] .contrast-card-head,body[data-page=colorContrastChecker] .contrast-result-head{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}body[data-page=colorContrastChecker] .contrast-action-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-page=colorContrastChecker] .contrast-result-card>strong{font-size:clamp(1.72rem,8vw,2.2rem)!important}body[data-page=colorContrastChecker] .contrast-badge-list,body[data-page=colorContrastChecker] .contrast-color-summary{gap:7px!important}body[data-page=colorContrastChecker] .contrast-preview-box{min-height:132px!important}}@media(max-width:370px){body[data-page=colorContrastChecker] .contrast-badge-list,body[data-page=colorContrastChecker] .contrast-color-summary,body[data-page=colorContrastChecker] .contrast-action-panel{grid-template-columns:1fr!important}}body[data-page=colorContrastChecker] .contrast-helper-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0!important}body[data-page=colorContrastChecker] .contrast-helper-actions button{min-width:0!important;min-height:40px!important;justify-content:center!important;padding-inline:10px!important;font-size:.78rem!important;font-weight:850!important;white-space:nowrap!important}body[data-page=colorContrastChecker] .contrast-result-card .contrast-action-panel{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0!important}body[data-page=colorContrastChecker] .contrast-result-card .contrast-action-panel button{min-width:0!important;min-height:42px!important;justify-content:center!important;padding-inline:10px!important;font-size:.78rem!important;font-weight:850!important;white-space:nowrap!important}body[data-page=colorContrastChecker] .contrast-result-card:is(.is-empty,.is-waiting,.is-error) :where(.contrast-action-panel,.contrast-copy-message){display:none!important}body[data-page=colorContrastChecker] .contrast-copy-message{min-height:0!important;margin:0!important;color:var(--primary-dark)!important;font-size:.78rem!important;font-weight:850!important;line-height:1.35!important}body[data-page=colorContrastChecker] .contrast-copy-message:empty{display:none!important}body[data-page=colorContrastChecker] .contrast-badge-group{gap:7px!important}body[data-page=colorContrastChecker] .contrast-badge-group>span{color:var(--ink)!important;font-size:.84rem!important;font-weight:950!important}body[data-page=colorContrastChecker] .contrast-badge-standards{display:flex!important;flex-wrap:wrap!important;gap:6px!important}body[data-page=colorContrastChecker] .contrast-badge-standards strong{display:inline-flex!important;min-height:28px!important;align-items:center!important;padding-inline:9px!important;border-radius:999px!important;background:#f1f5f9e6!important;font-size:.76rem!important;line-height:1!important}body[data-page=colorContrastChecker] .contrast-badge-group.is-pass .contrast-badge-standards strong:first-child{background:#dcfce7!important;color:#15803d!important}body[data-page=colorContrastChecker] .contrast-badge-group.is-fail .contrast-badge-standards strong:first-child{background:#fff7ed!important;color:#b45309!important}body[data-page=colorContrastChecker] .contrast-badge-group small{color:var(--muted)!important;font-size:.72rem!important;font-weight:760!important;line-height:1.3!important}body[data-page=colorContrastChecker] .contrast-preview-surface strong{display:block!important;margin:0 0 6px!important;font-size:clamp(1.08rem,3vw,1.34rem)!important;font-weight:950!important;line-height:1.22!important;letter-spacing:-.03em!important}body[data-page=colorContrastChecker] .contrast-example-button{display:inline-flex!important;align-items:center!important;gap:8px!important}body[data-page=colorContrastChecker] .contrast-example-copy{display:grid!important;min-width:0!important;gap:1px!important;text-align:left!important}body[data-page=colorContrastChecker] .contrast-example-copy strong{color:var(--ink)!important;font-size:.8rem!important;font-weight:900!important;line-height:1.2!important}body[data-page=colorContrastChecker] .contrast-example-copy small{color:var(--muted)!important;font-size:.72rem!important;font-weight:760!important;line-height:1.25!important}@media(max-width:370px){body[data-page=colorContrastChecker] .contrast-helper-actions,body[data-page=colorContrastChecker] .contrast-result-card .contrast-action-panel{grid-template-columns:1fr!important}}@layer components{.tool-workbench-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:stretch;gap:clamp(16px,3vw,28px);margin-top:clamp(22px,4vw,42px);margin-bottom:clamp(18px,3vw,32px);padding:clamp(22px,4vw,34px);border:1px solid rgba(191,219,254,.9);border-radius:24px;background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 26rem),linear-gradient(180deg,#fffffffa,#f8fbff);box-shadow:0 18px 44px #0f172a14}.tool-workbench-copy{display:grid;align-content:center;min-width:0}.tool-workbench-eyebrow{display:inline-flex;width:fit-content;min-height:30px;align-items:center;margin-bottom:12px;padding:0 12px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:var(--primary-dark);font-size:.88rem;font-weight:800;letter-spacing:-.015em}.tool-workbench-hero h1{max-width:820px;margin:0;color:var(--ink);font-size:clamp(2.1rem,4.2vw,4.1rem);font-weight:900;line-height:1.08;letter-spacing:-.065em;text-wrap:balance}.tool-workbench-hero p{max-width:720px;margin:14px 0 0;color:var(--ink-2);font-size:clamp(.98rem,1.2vw,1.12rem);font-weight:500;line-height:1.62;text-wrap:balance}.tool-workbench-trust{display:inline-flex;width:fit-content;align-items:center;gap:7px;margin-top:16px!important;padding:9px 12px;border:1px solid rgba(219,234,254,.95);border-radius:999px;background:#ffffffdb;color:var(--primary-dark)!important;font-size:.9rem!important;font-weight:750!important}.tool-workbench-trust span{display:grid;width:20px;height:20px;place-items:center;border-radius:999px;background:var(--primary);color:#fff;font-size:.76rem;line-height:1}.tool-workbench-steps{display:grid;align-content:center;gap:10px;margin:0;padding:0;list-style:none}.tool-workbench-step{display:grid;min-height:72px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:14px;border:1px solid rgba(226,232,240,.96);border-radius:16px;background:#ffffffeb;box-shadow:0 1px 2px #0f172a09}.tool-workbench-step>span{display:grid;width:38px;height:38px;place-items:center;grid-row:1 / span 2;border-radius:13px;background:var(--primary);color:#fff;font-size:.9rem;font-weight:850;box-shadow:0 8px 18px #2563eb29}.tool-workbench-step strong{color:var(--ink);font-size:1rem;font-weight:800;line-height:1.22}.tool-workbench-step small{display:block;margin-top:3px;color:var(--muted);font-size:.88rem;font-weight:500;line-height:1.38}.tool-workbench-hero--data .tool-workbench-step>span{background:#7c3aed;box-shadow:0 8px 18px #7c3aed29}.tool-workbench-hero--calculator .tool-workbench-step>span{background:#16a34a;box-shadow:0 8px 18px #16a34a29}.tool-workbench-hero--date .tool-workbench-step>span{background:#ef4444;box-shadow:0 8px 18px #ef444429}.tool-workbench-hero--image .tool-workbench-step>span{background:#f97316;box-shadow:0 8px 18px #f9731629}.tool-result-primary{display:grid;gap:8px;padding:clamp(18px,3vw,26px);border:1px solid #bfdbfe;border-radius:18px;background:linear-gradient(180deg,#eff6ff,#fff)}.tool-result-primary span{color:var(--primary-dark);font-size:.9rem;font-weight:800}.tool-result-primary strong{color:var(--ink);font-size:clamp(2rem,5vw,3.2rem);font-weight:900;letter-spacing:-.065em;line-height:1;overflow-wrap:anywhere}.tool-result-secondary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:10px}.tool-result-empty{display:grid;min-height:120px;place-items:center;padding:18px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc;color:var(--muted);font-weight:650;text-align:center}}@layer responsive{@media(max-width:900px){.tool-workbench-hero{grid-template-columns:1fr}.tool-workbench-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-workbench-step{min-height:96px;grid-template-columns:1fr;justify-items:center;align-content:center;gap:8px;text-align:center}.tool-workbench-step>span{grid-row:auto}}@media(max-width:640px){.tool-workbench-hero{width:min(100% - 28px,var(--container));gap:9px;margin-top:10px;margin-bottom:10px;padding:12px;border-radius:17px}.tool-workbench-eyebrow{min-height:23px;margin-bottom:6px;padding-inline:9px;font-size:.74rem}.tool-workbench-hero h1{font-size:clamp(1.72rem,7vw,2.18rem);line-height:1.08;letter-spacing:-.052em}.tool-workbench-hero p:not(.tool-workbench-trust){margin-top:6px;font-size:.84rem;line-height:1.42;text-wrap:pretty}.tool-workbench-trust{max-width:100%;justify-content:center;margin-top:8px!important;padding:6px 8px;border-radius:11px;font-size:.72rem!important;line-height:1.25!important;text-align:center;white-space:normal}.tool-workbench-trust span{width:16px;height:16px;font-size:.62rem}.tool-workbench-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.tool-workbench-step{min-height:34px;grid-template-columns:1fr;justify-items:center;gap:3px;padding:5px 4px;border-color:#dbeafeb8;border-radius:999px;background:#ffffff94;box-shadow:none;text-align:center}.tool-workbench-step>span{width:20px;height:20px;grid-row:auto;border-radius:999px;font-size:.62rem;box-shadow:none}.tool-workbench-step strong{font-size:.68rem;line-height:1.12}.tool-workbench-step small{display:none}}}@layer components{body[data-page]:not([data-page=home]) .tool-workbench-hero+.tool-workspace{padding-top:0}body[data-page]:not([data-page=home]) .tool-workbench-hero{position:relative;overflow:hidden}body[data-page]:not([data-page=home]) .tool-workbench-hero:after{content:"";position:absolute;right:clamp(18px,4vw,42px);bottom:clamp(14px,3vw,28px);width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.1),transparent 70%);pointer-events:none}}@layer tokens{:root{--result-v2-border: rgba(203, 213, 225, .88);--result-v2-border-strong: rgba(191, 219, 254, .95);--result-v2-surface: rgba(255, 255, 255, .96);--result-v2-soft: #f8fbff;--result-v2-blue: #2563eb;--result-v2-blue-strong: #1d4ed8;--result-v2-ink: #0f172a;--result-v2-muted: #64748b;--result-v2-shadow: 0 1px 2px rgba(15, 23, 42, .035), 0 18px 44px rgba(15, 23, 42, .075);--result-v2-shadow-soft: 0 12px 28px rgba(37, 99, 235, .12)}}@layer components{body[data-page]:not([data-page=home]) :where(.document-metric-panel,.result-card,.date-result-card,.date-add-result-card,.time-result-card,.timestamp-result-card,.age-result-card,.discount-result-card,.increase-rate-result-card,.pixel-result-card,.aspect-result-card,.image-result-card,.format-result-card,.resize-result-card,.exif-result-card,.qr-result-card,.sha-result-card,.uuid-result-card,.color-result-card,.contrast-result-card,.url-result-card,.base64-result-card,.json-result-card,.json-csv-result-card,.csv-result-card,.html-entity-result-card,.sort-lines-result-card,.markdown-result-card,.text-compare-result-card){position:relative;overflow:hidden;border-color:var(--result-v2-border);border-radius:clamp(18px,2vw,24px);background:radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 22rem),linear-gradient(180deg,var(--result-v2-surface) 0%,var(--result-v2-soft) 100%);box-shadow:var(--result-v2-shadow)}body[data-page]:not([data-page=home]) :where(.document-metric-panel,.result-card,.date-result-card,.date-add-result-card,.time-result-card,.timestamp-result-card,.age-result-card,.discount-result-card,.increase-rate-result-card,.pixel-result-card,.aspect-result-card,.image-result-card,.format-result-card,.resize-result-card,.exif-result-card,.qr-result-card,.sha-result-card,.uuid-result-card,.color-result-card,.contrast-result-card,.url-result-card,.base64-result-card,.json-result-card,.json-csv-result-card,.csv-result-card,.html-entity-result-card,.sort-lines-result-card,.markdown-result-card,.text-compare-result-card):before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#2563ebeb,#7c3aedc7,#0ea5a4b3);opacity:.86;pointer-events:none}body[data-page]:not([data-page=home]) :where(.stat-card,.result-box,.tool-result-metric){position:relative;min-width:0;border-color:#cbd5e1d1;border-radius:18px;background:linear-gradient(180deg,#fffffff5,#f8fafcfa);box-shadow:0 1px 2px #0f172a09,0 10px 24px #0f172a0e}body[data-page]:not([data-page=home]) :where(.stat-card.featured,.tool-result-metric.is-primary){border-color:var(--result-v2-border-strong);background:radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 18rem),linear-gradient(180deg,#eff6ff,#fff);box-shadow:var(--result-v2-shadow-soft)}body[data-page]:not([data-page=home]) :where(.stat-card span,.result-box span,.tool-result-metric span){color:var(--result-v2-muted);font-size:.88rem;font-weight:800;letter-spacing:-.015em}body[data-page]:not([data-page=home]) :where(.stat-card strong,.result-box strong,.tool-result-metric strong){color:var(--result-v2-ink);font-weight:900;letter-spacing:-.065em;line-height:1.05}body[data-page]:not([data-page=home]) :where(.stat-card.featured strong,.tool-result-metric.is-primary strong){color:var(--result-v2-blue-strong)}body[data-page]:not([data-page=home]) :where(#discount-main-result,#increase-main-result,#area-main-result,#inch-main-result,#date-main-result,#dday-main-result,#date-add-main-result,#age-main-result,#time-result-main,#timestamp-summary-main,#image-main-result,#format-result-status,#resize-result-status,#exif-result-status,#qr-result-status,#pixel-main-result,#aspect-summary,#contrast-ratio){color:var(--result-v2-ink);font-weight:900;letter-spacing:-.065em;line-height:1.08;overflow-wrap:anywhere}body[data-page]:not([data-page=home]) :where(.result-note,.result-warning,.field-error,.format-message,.resize-message,.inline-count-summary,.local-note,.tool-result-empty){border:1px solid rgba(226,232,240,.95);border-radius:14px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);color:var(--result-v2-muted);font-weight:600}body[data-page]:not([data-page=home]) .tool-result-empty{display:grid;min-height:116px;place-items:center;padding:18px;text-align:center}body[data-page]:not([data-page=home]) :where(.document-metric-panel,.result-card,.discount-result-card,.resize-result-card,.qr-result-card,.contrast-result-card) :where(.text-button,.primary-action,.primary-button,.secondary-button){border-radius:14px}}@layer responsive{@media(max-width:640px){body[data-page]:not([data-page=home]) :where(.document-metric-panel,.result-card,.date-result-card,.date-add-result-card,.time-result-card,.timestamp-result-card,.age-result-card,.discount-result-card,.increase-rate-result-card,.pixel-result-card,.aspect-result-card,.image-result-card,.format-result-card,.resize-result-card,.exif-result-card,.qr-result-card,.sha-result-card,.uuid-result-card,.color-result-card,.contrast-result-card,.url-result-card,.base64-result-card,.json-result-card,.json-csv-result-card,.csv-result-card,.html-entity-result-card,.sort-lines-result-card,.markdown-result-card,.text-compare-result-card){border-radius:18px}body[data-page]:not([data-page=home]) :where(.stat-card,.result-box,.tool-result-metric){border-radius:16px}}}@layer tokens{:root{--premium-shell-bg: rgba(255, 255, 255, .86);--premium-shell-border: rgba(226, 232, 240, .92);--premium-shell-shadow: 0 18px 50px rgba(15, 23, 42, .08);--premium-shell-shadow-soft: 0 8px 24px rgba(15, 23, 42, .055);--premium-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(248, 251, 255, .98) 100%);--premium-panel-line: rgba(203, 213, 225, .84);--premium-focus: 0 0 0 3px rgba(37, 99, 235, .16);--premium-radius-xl: 24px;--premium-radius-lg: 18px;--premium-radius-md: 14px;--premium-control-height: 46px}}@layer components{body{background:radial-gradient(circle at 20% -10%,rgba(37,99,235,.08),transparent 28rem),radial-gradient(circle at 90% 10%,rgba(124,58,237,.06),transparent 24rem),var(--bg)}:where(.site-header,header.site-header,.app-header){backdrop-filter:saturate(1.35) blur(16px);-webkit-backdrop-filter:saturate(1.35) blur(16px);background:var(--premium-shell-bg);border-bottom:1px solid var(--premium-shell-border)}:where(.main-nav a,.header-nav a,.mobile-menu-panel a,.footer-nav a,.footer-links a){border-radius:999px;text-decoration-thickness:1px;text-underline-offset:4px}:where(.main-nav a,.header-nav a,.mobile-menu-panel a):where(:hover,:focus-visible){background:#2563eb14;color:var(--primary-dark)}:where(.site-footer,footer.site-footer,.app-footer){margin-top:clamp(56px,8vw,96px);border-top:1px solid var(--premium-shell-border);background:radial-gradient(circle at top left,rgba(37,99,235,.06),transparent 26rem),linear-gradient(180deg,#ffffffb8,#f8fafcf0)}body[data-page]:not([data-page=home]) :where(.tool-workspace,.content-section,.tool-category,.hub-page-section,.home-category-section,.home-recommend-section){scroll-margin-top:96px}body[data-page]:not([data-page=home]) :where(.editor-card,.option-panel,.calculator-card,.input-card,.json-input-card,.document-input-card,.resize-file-card,.qr-input-card,.form-card,.field-card,.upload-card){border-color:var(--premium-panel-line);border-radius:var(--premium-radius-xl);background:var(--premium-panel-bg);box-shadow:var(--premium-shell-shadow-soft)}body[data-page]:not([data-page=home]) :where(.editor-toolbar,.option-panel-header,.calculator-heading,.result-heading,.document-metric-heading,.qr-panel-heading){gap:10px}body[data-page]:not([data-page=home]) :where(label,legend,.field-label,.input-label){color:var(--ink);font-weight:800;letter-spacing:-.018em}body[data-page]:not([data-page=home]) :where(input,textarea,select){border-color:#cbd5e1eb;border-radius:var(--premium-radius-md);background:#fffffffa;box-shadow:inset 0 1px 2px #0f172a09;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}body[data-page]:not([data-page=home]) :where(input,textarea,select):where(:hover){border-color:#94a3b8fa}body[data-page]:not([data-page=home]) :where(input,textarea,select):where(:focus,:focus-visible){border-color:#2563ebb8;box-shadow:var(--premium-focus),inset 0 1px 2px #0f172a08}body[data-page]:not([data-page=home]) textarea{line-height:1.65;resize:vertical}:where(.primary-action,.primary-button,button.primary-action,a.primary-action){position:relative;min-height:44px;border:0;border-radius:999px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:850;box-shadow:0 10px 24px #2563eb38;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}:where(.primary-action,.primary-button):where(:hover,:focus-visible){transform:translateY(-1px);filter:saturate(1.05);box-shadow:0 14px 30px #2563eb47}:where(.text-button,.secondary-button,button.text-button,a.text-button){min-height:40px;border-color:#bfdbfeeb;border-radius:999px;background:#eff6ffdb;color:var(--primary-dark);font-weight:800;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}:where(.text-button,.secondary-button):where(:hover,:focus-visible){background:#dbeafe;border-color:#93c5fdfa;transform:translateY(-1px)}body[data-page]:not([data-page=home]) :where(.toolbar-actions,.result-actions,.button-row,.action-row){gap:9px}body[data-page]:not([data-page=home]) .content-section.prose{border:1px solid rgba(226,232,240,.72);border-radius:20px;background:#ffffffbd;box-shadow:none}body[data-page]:not([data-page=home]) .content-section.prose h2{color:var(--ink);font-weight:850;letter-spacing:-.035em}body[data-page]:not([data-page=home]) .content-section.prose :where(p,li){color:var(--ink-2);line-height:1.68}body[data-page]:not([data-page=home]) .faq-list{display:grid;gap:10px}body[data-page]:not([data-page=home]) .faq-list details{border:1px solid rgba(226,232,240,.78);border-radius:14px;background:#ffffffc2;box-shadow:none}body[data-page]:not([data-page=home]) .faq-list summary{cursor:pointer;padding:14px 16px;color:var(--ink);font-weight:780;letter-spacing:-.02em}body[data-page]:not([data-page=home]) .faq-list details>:where(p,div){padding:0 16px 14px;color:var(--ink-2)}:where(.related-links,.self-introduction-check-links,.document-next-card,.tool-next-action-panel) a{border-radius:999px;border-color:#bfdbfeeb;background:#eff6ffe6;color:var(--primary-dark);font-weight:800;text-decoration:none}:where(.related-links,.self-introduction-check-links,.document-next-card,.tool-next-action-panel) a:where(:hover,:focus-visible){background:#dbeafe;border-color:#93c5fd}:where(.tool-card,.home-recommend-card,.home-category-card,.category-card){border-color:#e2e8f0f0;border-radius:var(--premium-radius-xl);background:radial-gradient(circle at top right,rgba(37,99,235,.055),transparent 18rem),#fffffff2;box-shadow:0 1px 2px #0f172a09;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}:where(.tool-card,.home-recommend-card,.home-category-card,.category-card):where(:hover,:focus-within){transform:translateY(-2px);border-color:#bfdbfef2;box-shadow:0 16px 38px #0f172a14}.premium-badge{display:inline-flex;min-height:28px;align-items:center;padding:0 11px;border-radius:999px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;font-size:.84rem;font-weight:820}.premium-badge--green{border-color:#bbf7d0;background:#ecfdf3;color:#15803d}.premium-badge--purple{border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}.premium-badge--orange{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.premium-badge--red{border-color:#fecdd3;background:#fff1f2;color:#e11d48}.premium-badge--gray{border-color:#e2e8f0;background:#f8fafc;color:#475569}body[data-page]:not([data-page=home]) .tool-workspace :where(.mode-grid,.html-entity-direction,.aspect-mode-tabs,.markdown-view-tabs,.date-add-segments,.qr-type-tabs,.resize-mode-tabs,.option-grid.compact-options){border:1px solid rgba(219,234,254,.72);border-radius:18px;background:#eff6ff8a;box-shadow:none}body[data-page]:not([data-page=home]) .tool-workspace :where(.mode-grid,.html-entity-direction,.aspect-mode-tabs,.markdown-view-tabs,.date-add-segments,.qr-type-tabs,.resize-mode-tabs) label{border-radius:14px;background:transparent;box-shadow:none}body[data-page]:not([data-page=home]) .tool-workspace :where(.mode-grid,.html-entity-direction,.aspect-mode-tabs,.markdown-view-tabs,.date-add-segments,.qr-type-tabs,.resize-mode-tabs) input:checked+span{border-color:#bfdbfee6;background:#fffffff0;box-shadow:0 8px 18px #0f172a0f}body[data-page]:not([data-page=home]) .tool-workspace .markdown-view-tabs{gap:8px;padding:0;border:0;background:transparent;box-shadow:none}body[data-page]:not([data-page=home]) .tool-workspace .markdown-view-tabs label>span{border:1px solid rgba(219,234,254,.82);background:#ffffffb8}body[data-page]:not([data-page=home]) .tool-workspace .markdown-view-tabs input:checked+span{border-color:#bfdbfeeb;background:#fffffffa;box-shadow:0 8px 18px #0f172a0f}body[data-page]:not([data-page=home]) :where(.local-note,.guide-note,.result-note,.result-warning,.option-warning){border-radius:13px;box-shadow:none}}@layer components{@media(prefers-reduced-motion:no-preference){:where(.tool-workbench-hero,.tool-workspace,.tool-card,.home-recommend-card,.result-card,.document-metric-panel){animation:premium-fade-up .28s ease both}}@keyframes premium-fade-up{0%{opacity:.001;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:where(a,button,input,textarea,select):focus-visible{outline:0;box-shadow:0 0 0 3px #2563eb29}.premium-inline-notice{display:inline-flex;width:fit-content;align-items:center;gap:7px;margin:0;padding:9px 12px;border:1px solid rgba(219,234,254,.95);border-radius:999px;background:#ffffffdb;color:var(--primary-dark);font-size:.9rem;font-weight:760}.premium-section-header{display:grid;gap:8px;margin-bottom:clamp(16px,3vw,24px)}.premium-section-header h2{margin:0;color:var(--ink);font-size:clamp(1.45rem,2.6vw,2.1rem);font-weight:900;letter-spacing:-.055em}.premium-section-header p{max-width:720px;margin:0;color:var(--ink-2);line-height:1.62}.premium-action-link{display:inline-flex;min-height:40px;align-items:center;gap:6px;padding:0 14px;border:1px solid rgba(191,219,254,.92);border-radius:999px;background:#eff6ff;color:var(--primary-dark);font-weight:800;text-decoration:none}}@layer responsive{@media(max-width:420px){body[data-page]:not([data-page=home]) :where(.tool-workspace,.content-section.prose,.tool-workbench-hero){width:min(100% - 24px,var(--container))}:where(.toolbar-actions,.result-actions,.button-row,.action-row){gap:7px}:where(.toolbar-actions,.result-actions,.button-row,.action-row)>*{min-width:0}body[data-page]:not([data-page=home]) :where(.content-section.prose,.editor-card,.option-panel,.calculator-card){border-radius:18px}body[data-page]:not([data-page=home]) .faq-list summary{padding:14px 15px}}@media(max-width:360px){:where(.text-button,.secondary-button,.primary-action,.primary-button){padding-inline:12px;font-size:.9rem}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@layer components{body[data-page=characterCounter] .document-metric-layout,body[data-page=jsonFormatter] .json-main-grid,body[data-page=dateDifference] .date-workspace,body[data-page=resizeImage] .resize-workspace,body[data-page=qrCodeGenerator] .qr-main-grid{gap:clamp(16px,2.8vw,28px);align-items:stretch}body[data-page=characterCounter] .document-input-card textarea,body[data-page=jsonFormatter] .json-input-card textarea,body[data-page=jsonFormatter] .json-result-card textarea,body[data-page=qrCodeGenerator] textarea{min-height:clamp(260px,34vw,420px)}body[data-page=characterCounter] .document-metric-panel,body[data-page=jsonFormatter] .json-result-card,body[data-page=discountCalculator] .discount-result-card,body[data-page=dateDifference] .date-difference-result-card,body[data-page=resizeImage] .resize-result-card,body[data-page=qrCodeGenerator] .qr-result-card{min-height:100%}body[data-page=characterCounter] .document-metric-heading,body[data-page=jsonFormatter] .result-heading,body[data-page=discountCalculator] .result-heading,body[data-page=dateDifference] .result-heading,body[data-page=resizeImage] .result-heading,body[data-page=qrCodeGenerator] .result-heading{padding-bottom:4px}body[data-page=characterCounter] .document-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body[data-page=characterCounter] .document-stats-grid .stat-card.featured{grid-column:1 / -1;min-height:150px;justify-content:center}body[data-page=characterCounter] .document-stats-grid .stat-card.featured strong{font-size:clamp(3rem,8vw,5rem)}body[data-page=characterCounter] .document-stats-grid .stat-card:not(.featured) strong{font-size:clamp(1.85rem,4vw,2.65rem)}body[data-page=jsonFormatter] .json-main-grid{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)}body[data-page=jsonFormatter] .json-input-card,body[data-page=jsonFormatter] .json-result-card{display:grid;grid-template-rows:auto auto 1fr auto}body[data-page=jsonFormatter] .json-input-card textarea,body[data-page=jsonFormatter] .json-result-card textarea{height:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.64}body[data-page=jsonFormatter] .json-result-card{border-color:#94a3b8b8;background:linear-gradient(180deg,#f8fafcf5,#fff)}body[data-page=jsonFormatter] .json-result-card .editor-toolbar{min-height:40px;padding-bottom:8px;border-bottom:1px solid rgba(226,232,240,.9)}body[data-page=jsonFormatter] #json-formatter-status{margin:0 0 8px;padding:9px 10px;border:1px solid rgba(203,213,225,.72);border-radius:12px;background:#f8fafcc2;color:#475569;font-size:.78rem;font-weight:800;line-height:1.36;letter-spacing:0;overflow-wrap:anywhere}body[data-page=jsonFormatter] #json-formatter-message{margin-top:8px;color:#64748b;font-size:.78rem;font-weight:700}body[data-page=jsonFormatter] .json-toolbar,body[data-page=jsonFormatter] .result-actions{align-items:center;gap:9px}body[data-page=discountCalculator] .discount-calculator-card,body[data-page=dateDifference] .calculator-card{display:grid;gap:clamp(16px,2vw,22px)}body[data-page=discountCalculator] #discount-main-result,body[data-page=dateDifference] .date-difference-result-card.is-filled #date-main-result{font-size:clamp(2.35rem,6vw,4.2rem)}body[data-page=dateDifference] .date-difference-result-card.is-empty #date-main-result,body[data-page=dateDifference] .date-difference-result-card.is-error #date-main-result{font-size:clamp(1.35rem,3.5vw,1.9rem)}body[data-page=discountCalculator] .result-card,body[data-page=dateDifference] .result-card,body[data-page=dateDifference] .date-difference-result-card{padding-top:clamp(20px,3vw,28px)}body[data-page=dateDifference] .date-difference-result-card.is-empty{min-height:auto;align-self:start;padding-block:clamp(14px,2.2vw,20px)}body[data-page=dateDifference] .date-workspace{align-items:start}body[data-page=resizeImage] .resize-workspace,body[data-page=qrCodeGenerator] .qr-main-grid{grid-template-columns:minmax(0,.98fr) minmax(320px,1.02fr)}body[data-page=resizeImage] .resize-result-card,body[data-page=qrCodeGenerator] .qr-result-card{display:grid;align-content:start;gap:clamp(14px,2vw,20px)}body[data-page=resizeImage] .resize-preview,body[data-page=qrCodeGenerator] .qr-preview,body[data-page=qrCodeGenerator] .qr-preview-box{border:1px solid rgba(203,213,225,.82);border-radius:22px;background:linear-gradient(45deg,rgba(226,232,240,.45) 25%,transparent 25%),linear-gradient(-45deg,rgba(226,232,240,.45) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(226,232,240,.45) 75%),linear-gradient(-45deg,transparent 75%,rgba(226,232,240,.45) 75%),#fff;background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;box-shadow:inset 0 1px 2px #0f172a09}body[data-page=resizeImage] .resize-preview img,body[data-page=qrCodeGenerator] .qr-preview img,body[data-page=qrCodeGenerator] canvas{border-radius:16px;box-shadow:0 14px 34px #0f172a1f}body[data-page=qrCodeGenerator] .qr-type-tabs,body[data-page=resizeImage] .resize-mode-tabs,body[data-page=discountCalculator] .segmented-control,body[data-page=dateDifference] .segmented-control{padding:4px;border:1px solid rgba(219,234,254,.95);border-radius:999px;background:#eff6ffb8}body[data-page=qrCodeGenerator] .qr-type-tabs label,body[data-page=resizeImage] .resize-mode-tabs label,body[data-page=discountCalculator] .segmented-control label,body[data-page=dateDifference] .segmented-control label{min-height:40px;border-radius:999px}body[data-page=characterCounter] .document-next-card,body[data-page=jsonFormatter] .document-next-card,body[data-page=discountCalculator] .document-next-card,body[data-page=dateDifference] .document-next-card,body[data-page=resizeImage] .document-next-card,body[data-page=qrCodeGenerator] .document-next-card{border-radius:24px;background:radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 18rem),linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 14px 34px #0f172a12}body[data-page=allTools] .tool-search-chips button{min-height:44px;padding-inline:14px}}@layer responsive{@media(max-width:960px){body[data-page=jsonFormatter] .json-main-grid,body[data-page=resizeImage] .resize-workspace,body[data-page=qrCodeGenerator] .qr-main-grid{grid-template-columns:1fr}body[data-page=characterCounter] .document-input-card textarea,body[data-page=jsonFormatter] .json-input-card textarea,body[data-page=jsonFormatter] .json-result-card textarea,body[data-page=qrCodeGenerator] textarea{min-height:220px}}@media(max-width:640px){body[data-page=characterCounter] .tool-workbench-hero,body[data-page=jsonFormatter] .tool-workbench-hero,body[data-page=discountCalculator] .tool-workbench-hero,body[data-page=dateDifference] .tool-workbench-hero,body[data-page=resizeImage] .tool-workbench-hero,body[data-page=qrCodeGenerator] .tool-workbench-hero{gap:9px;margin-top:10px;margin-bottom:10px;padding:12px;border-radius:17px}body[data-page=characterCounter] .tool-workbench-hero:after,body[data-page=jsonFormatter] .tool-workbench-hero:after,body[data-page=discountCalculator] .tool-workbench-hero:after,body[data-page=dateDifference] .tool-workbench-hero:after,body[data-page=resizeImage] .tool-workbench-hero:after,body[data-page=qrCodeGenerator] .tool-workbench-hero:after{opacity:.45;transform:scale(.72)}body[data-page=characterCounter] .tool-workbench-eyebrow,body[data-page=jsonFormatter] .tool-workbench-eyebrow,body[data-page=discountCalculator] .tool-workbench-eyebrow,body[data-page=dateDifference] .tool-workbench-eyebrow,body[data-page=resizeImage] .tool-workbench-eyebrow,body[data-page=qrCodeGenerator] .tool-workbench-eyebrow{min-height:23px;margin-bottom:6px;padding-inline:9px;font-size:.74rem}body[data-page=characterCounter] .tool-workbench-hero h1,body[data-page=jsonFormatter] .tool-workbench-hero h1,body[data-page=discountCalculator] .tool-workbench-hero h1,body[data-page=dateDifference] .tool-workbench-hero h1,body[data-page=resizeImage] .tool-workbench-hero h1,body[data-page=qrCodeGenerator] .tool-workbench-hero h1{font-size:clamp(1.72rem,7vw,2.18rem);line-height:1.08;letter-spacing:-.052em}body[data-page=characterCounter] .tool-workbench-hero p:not(.tool-workbench-trust),body[data-page=jsonFormatter] .tool-workbench-hero p:not(.tool-workbench-trust),body[data-page=discountCalculator] .tool-workbench-hero p:not(.tool-workbench-trust),body[data-page=dateDifference] .tool-workbench-hero p:not(.tool-workbench-trust),body[data-page=resizeImage] .tool-workbench-hero p:not(.tool-workbench-trust),body[data-page=qrCodeGenerator] .tool-workbench-hero p:not(.tool-workbench-trust){margin-top:6px;font-size:.84rem;line-height:1.42}body[data-page=characterCounter] .tool-workbench-trust,body[data-page=jsonFormatter] .tool-workbench-trust,body[data-page=discountCalculator] .tool-workbench-trust,body[data-page=dateDifference] .tool-workbench-trust,body[data-page=resizeImage] .tool-workbench-trust,body[data-page=qrCodeGenerator] .tool-workbench-trust{max-width:100%;justify-content:center;margin-top:8px!important;padding:6px 8px;border-radius:11px;background:#ffffffb8;color:#1d4ed8!important;font-size:.72rem!important;font-weight:700!important;line-height:1.25!important;text-align:center;white-space:normal}body[data-page=characterCounter] .tool-workbench-trust span,body[data-page=jsonFormatter] .tool-workbench-trust span,body[data-page=discountCalculator] .tool-workbench-trust span,body[data-page=dateDifference] .tool-workbench-trust span,body[data-page=resizeImage] .tool-workbench-trust span,body[data-page=qrCodeGenerator] .tool-workbench-trust span{width:16px;height:16px;font-size:.62rem}body[data-page=characterCounter] .tool-workbench-steps,body[data-page=jsonFormatter] .tool-workbench-steps,body[data-page=discountCalculator] .tool-workbench-steps,body[data-page=dateDifference] .tool-workbench-steps,body[data-page=resizeImage] .tool-workbench-steps,body[data-page=qrCodeGenerator] .tool-workbench-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}body[data-page=characterCounter] .tool-workbench-step,body[data-page=jsonFormatter] .tool-workbench-step,body[data-page=discountCalculator] .tool-workbench-step,body[data-page=dateDifference] .tool-workbench-step,body[data-page=resizeImage] .tool-workbench-step,body[data-page=qrCodeGenerator] .tool-workbench-step{min-height:34px;grid-template-columns:1fr;justify-items:center;gap:3px;padding:5px 4px;border-color:#dbeafeb8;border-radius:999px;background:#ffffff94;box-shadow:none;text-align:center}body[data-page=characterCounter] .tool-workbench-step>span,body[data-page=jsonFormatter] .tool-workbench-step>span,body[data-page=discountCalculator] .tool-workbench-step>span,body[data-page=dateDifference] .tool-workbench-step>span,body[data-page=resizeImage] .tool-workbench-step>span,body[data-page=qrCodeGenerator] .tool-workbench-step>span{width:20px;height:20px;grid-row:auto;border-radius:999px;font-size:.62rem;box-shadow:none}body[data-page=characterCounter] .tool-workbench-step strong,body[data-page=jsonFormatter] .tool-workbench-step strong,body[data-page=discountCalculator] .tool-workbench-step strong,body[data-page=dateDifference] .tool-workbench-step strong,body[data-page=resizeImage] .tool-workbench-step strong,body[data-page=qrCodeGenerator] .tool-workbench-step strong{font-size:.68rem;line-height:1.12}body[data-page=characterCounter] .tool-workbench-step small,body[data-page=jsonFormatter] .tool-workbench-step small,body[data-page=discountCalculator] .tool-workbench-step small,body[data-page=dateDifference] .tool-workbench-step small,body[data-page=resizeImage] .tool-workbench-step small,body[data-page=qrCodeGenerator] .tool-workbench-step small{display:none}body[data-page=allTools] .tool-search-chips{position:relative;padding-right:42px;scroll-padding-right:42px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}body[data-page=allTools] .tool-search-chips button{min-height:44px;padding-inline:14px}body[data-page=allTools] .tool-search-chips button:last-child{margin-right:24px}body[data-page=allTools] .hub-jump-links{gap:6px;padding-right:42px;scroll-padding-right:42px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}body[data-page=allTools] .hub-jump-links a{padding-inline:12px;font-size:.9rem}body[data-page=allTools] .hub-jump-links a:last-child{margin-right:24px}body[data-page=characterCounter] .document-stats-grid{grid-template-columns:1fr}body[data-page=characterCounter] .document-stats-grid .stat-card.featured{min-height:128px}body[data-page=characterCounter] .document-stats-grid .stat-card.featured strong{font-size:clamp(2.6rem,15vw,4rem)}body[data-page=jsonFormatter] .json-input-card textarea,body[data-page=jsonFormatter] .json-result-card textarea{min-height:190px;font-size:.88rem}body[data-page=jsonFormatter] .json-result-card{min-height:auto;grid-template-rows:auto auto auto auto}body[data-page=jsonFormatter] .json-result-card textarea{height:clamp(180px,34vh,300px);min-height:160px;max-height:300px;line-height:1.56}body[data-page=discountCalculator] #discount-main-result{font-size:clamp(2.1rem,13vw,3.4rem)}body[data-page=dateDifference] .date-difference-result-card.is-filled #date-main-result{font-size:clamp(2.1rem,13vw,3.4rem);line-height:1.04;letter-spacing:-.052em}body[data-page=dateDifference] .date-difference-result-card.is-empty #date-main-result,body[data-page=dateDifference] .date-difference-result-card.is-error #date-main-result{font-size:clamp(1.28rem,6.2vw,1.72rem);line-height:1.08;letter-spacing:-.052em}body[data-page=dateDifference] .date-difference-result-card{padding-top:16px}body[data-page=resizeImage] .resize-preview,body[data-page=qrCodeGenerator] .qr-preview,body[data-page=qrCodeGenerator] .qr-preview-box{border-radius:18px;background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}}@media(max-width:420px){body[data-page=characterCounter] .toolbar-actions,body[data-page=jsonFormatter] .json-toolbar,body[data-page=jsonFormatter] .result-actions,body[data-page=resizeImage] .result-actions,body[data-page=qrCodeGenerator] .result-actions{flex-wrap:wrap}body[data-page=characterCounter] .toolbar-actions>*,body[data-page=jsonFormatter] .json-toolbar>*,body[data-page=jsonFormatter] .result-actions>*{flex:1 1 auto}}}