:root{font-family:Inter,Pretendard,Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif;color:#1a1c1f;background:#f9f9fe;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1a1c1f;--muted: #4b5563;--muted-strong: #424656;--line: #e5e7eb;--line-strong: #c2c6d8;--surface: #ffffff;--surface-soft: #f3f3f8;--surface-container: #ededf2;--soft: #eef4ff;--primary: #0066ff;--primary-dark: #0050cb;--secondary: #4f46e5;--accent: #10b981;--accent-dark: #008259;--warning: #ffcc00;--radius-sm: 8px;--radius-md: 16px;--radius: 24px;--radius-xl: 32px;--shadow: 0 4px 20px rgba(0, 0, 0, .04);--shadow-hover: 0 12px 32px rgba(0, 0, 0, .08)}.sort-lines-workspace{display:block}.sort-lines-grid{display:grid;grid-template-columns:1fr;gap:18px;min-width:0}.sort-lines-input-card,.sort-lines-result-card{min-width:0}.sort-lines-input-card textarea,.sort-lines-result-card textarea{width:100%;max-width:100%;min-height:156px;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow-x:hidden}.sort-lines-result-card textarea{min-height:220px;background:#f8fafc}.sort-lines-field{display:grid;gap:7px;margin-top:12px}.sort-lines-field label,.sort-lines-options legend{color:var(--ink);font-weight:800}.sort-lines-field select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font:inherit}.sort-lines-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;border:0;min-width:0}.sort-lines-options legend{grid-column:1 / -1;margin-bottom:2px}.sort-lines-options label{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #dbeafe;border-radius:999px;background:#fff;color:var(--ink);font-size:.92rem;font-weight:700}.sort-lines-options input{flex:0 0 auto}.sort-lines-options span{min-width:0;white-space:nowrap}.sort-lines-options label:has(input:checked){border-color:var(--primary);background:#eaf3ff;color:var(--primary)}.sort-lines-options label.is-disabled{opacity:.62;background:#f8fafc}.sort-lines-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;min-width:0}.sort-lines-primary-row .primary-action{width:100%;min-height:46px}.sort-lines-secondary-row button{flex:1 1 145px;min-height:44px}.sort-lines-result-actions button{width:100%;min-height:44px}.sort-lines-status-badge{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:#f8fafc;color:var(--muted);font-size:.84rem;font-weight:800}.sort-lines-status-badge[data-status=dirty]{border-color:#bfdbfe;background:#eff6ff;color:var(--primary)}.sort-lines-status-badge[data-status=success]{border-color:#bbf7d0;background:#ecfdf5;color:#047857}.sort-lines-status-badge[data-status=warning]{border-color:#fde68a;background:#fffbeb;color:#92400e}.sort-lines-status-badge[data-status=error]{border-color:#fecaca;background:#fef2f2;color:#b42318}.sort-lines-summary{margin:0 18px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#f8fbff;color:var(--muted-strong);font-size:.92rem;font-weight:700;overflow-wrap:anywhere}.sort-lines-guide-note{display:grid;gap:8px;margin-top:16px;color:var(--muted);font-size:.94rem}.sort-lines-guide-note p{margin:0}.sort-lines-related-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:18px}.sort-lines-related-links a{display:grid;gap:4px;min-height:44px;padding:14px;border:1px solid #d8e4ff;border-radius:18px;background:#fff;text-decoration:none;min-width:0}.sort-lines-related-links a:hover{border-color:var(--primary);background:#f8fbff}.sort-lines-related-links strong{color:var(--primary);overflow-wrap:anywhere}.sort-lines-related-links span{color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}.tool-followup-section{padding-top:1.5rem}.tool-followup-section h2{margin-bottom:.5rem}.tool-followup-note{margin:0 0 1rem;color:var(--muted)}.tool-followup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;min-width:0}.tool-followup-grid a{display:flex;min-width:0;min-height:44px;flex-direction:column;gap:.25rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-decoration:none;box-shadow:var(--shadow-sm)}.tool-followup-grid a:hover{border-color:#06f6;box-shadow:var(--shadow-md);transform:translateY(-1px)}.tool-followup-grid strong,.tool-followup-grid span{min-width:0;overflow-wrap:anywhere}.tool-followup-grid span{color:var(--muted);font-size:.92rem;line-height:1.55}.tool-followup-grid .tool-followup-action{margin-top:.15rem;color:var(--primary);font-size:.9rem}@media(min-width:900px){.sort-lines-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.sort-lines-input-card textarea,.sort-lines-result-card textarea{min-height:310px}}.html-entity-workspace{display:block}.html-entity-direction{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:0;border:0;min-width:0}.html-entity-direction legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.html-entity-direction label{min-width:0}.html-entity-direction input{position:absolute;opacity:0;pointer-events:none}.html-entity-direction span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-weight:750;text-align:center;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.html-entity-direction input:checked+span{border-color:var(--primary);background:#eaf3ff;color:var(--primary);box-shadow:inset 0 0 0 1px #0066ff24}.html-entity-direction input:focus-visible+span{outline:3px solid rgba(0,102,255,.24);outline-offset:2px}.html-entity-grid{display:grid;grid-template-columns:1fr;gap:18px;min-width:0}.html-entity-input-card,.html-entity-result-card{min-width:0}.html-entity-input-card textarea,.html-entity-result-card textarea{width:100%;max-width:100%;min-height:150px;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow-x:hidden}.html-entity-result-card textarea{min-height:190px;background:#f8fafc}.html-entity-options{margin-top:12px;border:1px solid var(--line);border-radius:18px;background:#f8fbff;overflow:hidden}.html-entity-options summary{display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:44px;padding:10px 12px;color:var(--muted-strong);cursor:pointer;font-weight:750}.html-entity-options summary span:first-child{overflow-wrap:anywhere}.html-entity-options summary span:last-child{flex:0 0 auto;color:var(--primary);font-size:.9rem}.html-entity-option-panel{display:grid;gap:8px;padding:0 12px 12px}.html-entity-option-panel label{display:flex;min-height:44px;align-items:center;gap:9px;padding:8px 10px;border:1px solid #dbeafe;border-radius:14px;background:#fff;color:var(--ink);font-weight:650}.html-entity-option-panel input{flex:0 0 auto}.html-entity-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;min-width:0}.html-entity-primary-row .primary-action{width:100%;min-height:46px}.html-entity-secondary-row button{flex:1 1 145px;min-height:44px}.html-entity-result-actions button{width:100%;min-height:44px}.html-entity-status-badge{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:#f8fafc;color:var(--muted);font-size:.84rem;font-weight:800}.html-entity-status-badge[data-status=success]{border-color:#bbf7d0;background:#ecfdf5;color:#047857}.html-entity-status-badge[data-status=warning]{border-color:#fde68a;background:#fffbeb;color:#92400e}.html-entity-status-badge[data-status=error]{border-color:#fecaca;background:#fef2f2;color:#b42318}.html-entity-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 18px 14px;min-width:0}.html-entity-summary div{min-width:0;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff}.html-entity-summary span{display:block;color:var(--muted);font-size:.82rem}.html-entity-summary strong{display:block;margin-top:2px;color:var(--ink);overflow-wrap:anywhere}.html-entity-result-note{margin-inline:18px}.html-entity-guide-note{display:grid;gap:8px;margin-top:16px;color:var(--muted);font-size:.94rem}.html-entity-guide-note p{margin:0}.html-entity-guide-note code{padding:.08em .3em;border-radius:6px;background:#eef2f7}.html-entity-related-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:18px}.html-entity-related-links a{display:grid;gap:4px;min-height:44px;padding:14px;border:1px solid #d8e4ff;border-radius:18px;background:#fff;text-decoration:none;min-width:0}.html-entity-related-links a:hover{border-color:var(--primary);background:#f8fbff}.html-entity-related-links strong{color:var(--primary);overflow-wrap:anywhere}.html-entity-related-links span{color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}@media(min-width:900px){.html-entity-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.html-entity-input-card textarea,.html-entity-result-card textarea{min-height:300px}}.markdown-preview-workspace{display:block}.markdown-view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:0;border:0;min-width:0}.markdown-view-tabs legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.markdown-view-tabs label{min-width:0}.markdown-view-tabs input{position:absolute;opacity:0;pointer-events:none}.markdown-view-tabs span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--muted);font-weight:700;text-align:center;line-height:1.25;transition:border-color .16s ease,background .16s ease,color .16s ease}.markdown-view-tabs input:checked+span{border-color:var(--primary);background:#eaf3ff;color:var(--primary);box-shadow:inset 0 0 0 1px #2563eb24}.markdown-view-tabs input:focus-visible+span{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}.markdown-preview-grid{display:grid;grid-template-columns:1fr;gap:18px;min-width:0}.markdown-preview-workspace[data-view=input] [data-markdown-panel=preview],.markdown-preview-workspace[data-view=preview] [data-markdown-panel=input]{display:none}.markdown-input-card,.markdown-result-card{min-width:0}.markdown-input-card textarea{min-height:200px;resize:vertical;overflow-x:hidden}.markdown-preview-workspace[data-view=input] .markdown-input-card textarea{min-height:45vh}.markdown-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.markdown-action-row button,.markdown-result-card .editor-toolbar button{min-height:44px}.markdown-rendered{min-height:180px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:16px;background:#fff;color:var(--text);overflow-wrap:anywhere}.markdown-empty-state{margin:0;color:var(--muted)}.markdown-empty-state.is-error{color:#b42318}.markdown-rendered p{margin:0 0 .9em}.markdown-rendered p:last-child,.markdown-rendered ul:last-child,.markdown-rendered ol:last-child,.markdown-rendered blockquote:last-child,.markdown-rendered pre:last-child,.markdown-rendered .markdown-preview-table-scroll:last-child{margin-bottom:0}.markdown-rendered .markdown-preview-heading{margin:1.2em 0 .55em;font-weight:800;line-height:1.25;color:var(--heading);overflow-wrap:anywhere}.markdown-rendered .markdown-preview-heading:first-child{margin-top:0}.markdown-rendered .markdown-preview-h1{font-size:clamp(1.55rem,4vw,2rem)}.markdown-rendered .markdown-preview-h2{font-size:clamp(1.32rem,3vw,1.65rem)}.markdown-rendered .markdown-preview-h3{font-size:1.2rem}.markdown-rendered .markdown-preview-h4{font-size:1.08rem}.markdown-rendered .markdown-preview-h5,.markdown-rendered .markdown-preview-h6{font-size:1rem}.markdown-rendered ul,.markdown-rendered ol{margin:0 0 1em;padding-left:1.35rem}.markdown-rendered li{margin:.25em 0;min-width:0}.markdown-rendered blockquote{margin:0 0 1em;padding:.7rem .9rem;border-left:4px solid #bfdbfe;border-radius:0 12px 12px 0;background:#f8fbff;color:#334155}.markdown-rendered code{padding:.12em .34em;border-radius:6px;background:#eef2f7;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em;overflow-wrap:anywhere}.markdown-rendered pre{margin:0 0 1em;padding:14px;border:1px solid #dbe4ef;border-radius:14px;background:#0f172a;color:#e5e7eb;overflow-x:auto;white-space:pre}.markdown-rendered pre code{display:block;padding:0;border-radius:0;background:transparent;color:inherit;overflow-wrap:normal}.markdown-rendered a{color:var(--primary);text-decoration:underline;text-underline-offset:.16em}.markdown-preview-disabled-link{color:#64748b;text-decoration:underline dashed;text-underline-offset:.16em;cursor:not-allowed}.markdown-preview-image-placeholder{display:grid;gap:4px;margin:0 0 1em;padding:12px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:#475569}.markdown-preview-image-placeholder span{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.88em}.markdown-preview-table-scroll{max-width:100%;margin:0 0 1em;overflow-x:auto;border:1px solid var(--border);border-radius:14px}.markdown-preview-table{width:100%;min-width:520px;border-collapse:collapse;font-size:.95rem}.markdown-preview-table th,.markdown-preview-table td{padding:10px 12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere}.markdown-preview-table th:last-child,.markdown-preview-table td:last-child{border-right:0}.markdown-preview-table tr:last-child td{border-bottom:0}.markdown-preview-table th{background:#f8fafc;font-weight:800;color:#0f172a}.markdown-preview-align-left{text-align:left}.markdown-preview-align-center{text-align:center}.markdown-preview-align-right{text-align:right}.markdown-rendered hr{margin:1.2em 0;border:0;border-top:1px solid var(--border)}.markdown-summary-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:18px;min-width:0}.markdown-summary-card div{min-width:0;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fff}.markdown-summary-card span{display:block;color:var(--muted);font-size:.88rem}.markdown-summary-card strong{display:block;margin-top:3px;color:var(--heading);font-size:1.1rem;overflow-wrap:anywhere}.markdown-guide-note{display:grid;gap:8px;margin-top:16px;color:var(--muted);font-size:.94rem}.markdown-guide-note p{margin:0}@media(min-width:1024px){.markdown-preview-workspace[data-view=both] .markdown-preview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.markdown-preview-workspace[data-view=both] .markdown-input-card textarea,.markdown-preview-workspace[data-view=both] .markdown-rendered{height:460px;min-height:460px;overflow-y:auto}.markdown-preview-workspace[data-view=input] .markdown-input-card textarea,.markdown-preview-workspace[data-view=preview] .markdown-rendered{min-height:60vh}}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,rgba(0,102,255,.08),transparent 34rem),var(--surface-soft);color:var(--ink);line-height:1.6;word-break:keep-all;overflow-wrap:break-word}body[data-page=home]{background:#f6f8ff}body[data-page=home] #app{position:relative;isolation:isolate;background:transparent}body[data-page=home] #app:before{content:"";position:fixed;inset:60px 0 0;z-index:0;pointer-events:none;background:radial-gradient(circle at 9% 16%,rgba(37,99,235,.11) 0 10rem,transparent 10.2rem),radial-gradient(circle at 86% 26%,rgba(79,70,229,.09) 0 12rem,transparent 12.2rem),radial-gradient(circle at 14% 78%,rgba(20,184,166,.08) 0 13rem,transparent 13.2rem),linear-gradient(135deg,transparent 0 18%,rgba(219,234,254,.62) 18% 30%,transparent 30% 100%),linear-gradient(45deg,transparent 0 54%,rgba(237,233,254,.66) 54% 64%,transparent 64% 100%),linear-gradient(180deg,#f8faff,#f3f6ff 45%,#f7f8ff);opacity:.95}body[data-page=home] main,body[data-page=home] .site-footer{position:relative;z-index:1}button,input,textarea,select{font:inherit}a{color:inherit}img,svg{max-width:100%}textarea,input,select{word-break:normal;overflow-wrap:normal}.editor-card,.option-panel,.discount-result-card,.notice-card,.result-box,.related-links,.prose,.editor-card *,.option-panel *,.discount-result-card *,.notice-card *,.result-box *,.related-links *,.prose *{min-width:0}.result-box,.discount-result-card,.stat-card,.target-item,.related-links a,.local-note,.inline-count-summary,.option-warning{overflow-wrap:anywhere}.result-box strong,.discount-result-card strong,.discount-result-grid dd,.stat-card strong,.target-item strong,.target-item small,.sha-file-grid dd,.image-info-grid dd,.exif-info-grid dd{overflow-wrap:anywhere;word-break:break-word}.container{width:min(1280px,calc(100% - 80px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 16px;border-radius:10px;background:var(--ink);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid rgba(0,102,255,.28);outline-offset:3px}.site-header{position:sticky;z-index:100;top:0;border-bottom:1px solid rgba(229,231,235,.78);background:#ffffffe6;box-shadow:0 10px 30px #0f172a0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{min-height:60px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;min-height:44px;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:1.32rem;font-weight:950;letter-spacing:-.055em;line-height:1}.brand-mark{position:relative;display:grid;width:34px;height:34px;place-items:center;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 10px 22px #0066ff2e}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:18px;height:11px;border:2px solid rgba(255,255,255,.96);border-radius:4px;background:#ffffff2e}.brand-mark:before{top:8px;left:7px;box-shadow:4px 4px 0 -1px #ffffff80;transform:rotate(-7deg)}.brand-mark:after{right:7px;bottom:8px;transform:rotate(7deg)}.brand-mark span,.brand-mark i{display:none}.primary-navigation,.desktop-nav-links{display:flex;align-items:center;gap:6px}.primary-navigation a,.desktop-nav-links a{padding:8px 12px;border-radius:999px;color:var(--muted);text-decoration:none;font-size:.94rem;font-weight:650}.primary-navigation a:hover,.primary-navigation a[aria-current=page],.desktop-nav-links a:hover,.desktop-nav-links a[aria-current=page]{background:var(--soft);color:var(--primary)}.mobile-menu-panel{display:none}.menu-button{display:none;width:44px;height:44px;border:0;border-radius:10px;background:var(--soft)}.menu-button>span[aria-hidden]{display:block;width:20px;height:2px;margin:4px auto;background:var(--ink)}.text-compare-workspace{display:grid;gap:22px}.text-compare-input-card,.text-compare-result-card{padding:28px}.text-compare-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.text-compare-input-grid .field{display:grid;gap:8px;margin:0}.text-compare-input-grid .field>span{color:var(--ink);font-weight:850}.text-compare-input-grid .field small{color:var(--muted);font-size:.86rem}.text-compare-input-grid textarea{width:100%;min-height:144px;resize:vertical;border:1px solid var(--line-strong);border-radius:18px;background:#fff;padding:16px;color:var(--ink);line-height:1.55}.text-compare-actions{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.text-compare-actions .primary-action,.text-compare-actions .text-button,.text-compare-copy-actions .text-button{min-height:44px;justify-content:center}.text-compare-options{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;border:0}.text-compare-options legend,.text-compare-view-toggle legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-compare-options label,.text-compare-view-toggle label{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--ink);font-size:.9rem;font-weight:750}.text-compare-options input,.text-compare-view-toggle input{width:18px;height:18px;accent-color:var(--primary)}.text-compare-result-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.text-compare-result-head h2{margin:0 0 6px;font-size:1.45rem;line-height:1.25;letter-spacing:-.04em}.text-compare-status{flex:0 0 auto;display:inline-flex;min-height:34px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 11px;background:#fff;color:var(--muted);font-size:.82rem;font-weight:850}.text-compare-status.is-equal{border-color:#10b98140;background:#10b9811a;color:#047857}.text-compare-status.is-different{border-color:#0066ff38;background:var(--soft);color:var(--primary)}.text-compare-status.is-dirty,.text-compare-status.is-error,.text-compare-status.is-too-large{border-color:#ef44443d;background:#fff1f2;color:#b91c1c}.text-compare-status.is-comparing{border-color:#f59e0b47;background:#fffbeb;color:#a16207}.text-compare-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0}.text-compare-summary-grid>div{min-width:0;border:1px solid var(--line);border-radius:18px;background:#fff;padding:13px}.text-compare-summary-grid span{display:block;color:var(--muted);font-size:.82rem;font-weight:750}.text-compare-summary-grid strong{display:block;margin-top:5px;color:var(--ink);font-size:1.35rem;line-height:1.2}.text-compare-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.text-compare-view-toggle{display:inline-flex;gap:8px;margin:0;padding:0;border:0}.text-compare-view-toggle label:has(input:checked){border-color:var(--primary);background:var(--soft);color:var(--primary)}.text-compare-copy-actions{display:flex;flex-wrap:wrap;gap:8px}.text-compare-diff-list{display:grid;gap:8px;margin-top:14px}.text-compare-diff-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}.text-compare-diff-row.is-delete{border-color:#ef444438;background:#fff5f5}.text-compare-diff-row.is-insert{border-color:#10b98138;background:#f0fdf4}.text-compare-diff-row.is-same{background:#f8fafc}.text-compare-line-badge{display:inline-flex;min-width:36px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:#fff;color:var(--muted);font-size:.76rem;font-weight:900}.text-compare-diff-row.is-delete .text-compare-line-badge{color:#b91c1c}.text-compare-diff-row.is-insert .text-compare-line-badge{color:#047857}.text-compare-line-content{min-width:0;display:grid;gap:4px}.text-compare-line-text{min-width:0;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Pretendard,monospace;line-height:1.55}.text-compare-line-text.is-blank-line{color:var(--muted);font-style:italic}.text-compare-line-content small{color:var(--muted);overflow-wrap:anywhere}.text-compare-empty{margin:0;border:1px dashed var(--line-strong);border-radius:18px;padding:18px;color:var(--muted);text-align:center;font-weight:750}.text-compare-privacy{margin:-8px 0 0}.hero{position:relative;overflow:hidden;background:var(--surface-soft)}.hero:before{content:"";position:absolute;inset:8% auto auto 50%;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(0,102,255,.1),transparent 68%);transform:translate(-50%);pointer-events:none}.hero-inner{position:relative;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding-block:96px 88px;text-align:center}.hero-copy{max-width:760px}.eyebrow{margin:0 0 14px;color:var(--primary);font-size:.76rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.page-hero>.eyebrow,.tool-workspace .card-eyebrow{display:none!important}.hero h1,.page-hero h1,.info-hero h1{margin:0;font-size:clamp(2.4rem,5vw,4.1rem);line-height:1.08;letter-spacing:-.055em;text-wrap:balance}.hero h1 span{color:var(--primary)}.hero-description{max-width:640px;margin:22px auto 30px;color:var(--muted);font-size:1.08rem}.hero-trust{margin:-16px auto 22px;color:var(--muted-strong);font-size:.92rem;font-weight:750}.button{display:inline-flex;align-items:center;gap:12px;padding:13px 19px;border-radius:999px;text-decoration:none;font-weight:750}.primary-button{background:var(--primary);color:#fff;box-shadow:0 12px 25px #06f3}.primary-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.home-filter-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;margin:0 0 20px}.home-filter-chips a{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 24px;border:1px solid rgba(148,163,184,.34);border-radius:999px;background:#ffffffdb;color:#2f3441;text-decoration:none;font-weight:850;box-shadow:0 14px 32px #0f172a0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.home-filter-chips a:hover,.home-filter-chips a:focus-visible{transform:translateY(-1px);border-color:#0066ff5c;background:#fff;color:var(--primary);box-shadow:0 16px 34px #0f172a17}.home-filter-chips a.is-active{border-color:#20222b;background:#20222b;color:#fff;box-shadow:0 18px 34px #0f172a2e}.home-filter-chips a[data-tool-filter=text],.home-filter-chips a[data-tool-filter=data],.home-filter-chips a[data-tool-filter=calculator],.home-filter-chips a[data-tool-filter=date],.home-filter-chips a[data-tool-filter=image]{border-color:#94a3b857;background:#ffffffdb;color:#2f3441}.home-filter-chips a[data-tool-filter=text]:hover,.home-filter-chips a[data-tool-filter=text]:focus-visible,.home-filter-chips a[data-tool-filter=data]:hover,.home-filter-chips a[data-tool-filter=data]:focus-visible,.home-filter-chips a[data-tool-filter=calculator]:hover,.home-filter-chips a[data-tool-filter=calculator]:focus-visible,.home-filter-chips a[data-tool-filter=date]:hover,.home-filter-chips a[data-tool-filter=date]:focus-visible,.home-filter-chips a[data-tool-filter=image]:hover,.home-filter-chips a[data-tool-filter=image]:focus-visible{border-color:#0066ff5c;background:#fff;color:var(--primary)}.home-filter-chips a[data-tool-filter=text].is-active,.home-filter-chips a[data-tool-filter=data].is-active,.home-filter-chips a[data-tool-filter=calculator].is-active,.home-filter-chips a[data-tool-filter=date].is-active,.home-filter-chips a[data-tool-filter=image].is-active{border-color:#20222b;background:#20222b;color:#fff}.hero-visual{display:none}.visual-card{position:absolute;display:flex;flex-direction:column;justify-content:center;width:min(330px,83%);height:195px;padding:34px;border:1px solid rgba(255,255,255,.8);border-radius:25px;background:#ffffffeb;box-shadow:var(--shadow)}.visual-card span{color:var(--muted);font-size:.9rem;font-weight:700}.visual-card strong{margin-top:8px;font-size:2.6rem;letter-spacing:-.05em}body[data-page=home] .hero,body[data-page=home] .trust-section{background:transparent}body[data-page=home] .hero:before{display:none}body[data-page=home] .section{background:transparent}body[data-page=home] .section-heading{position:relative;z-index:1;align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:24px}body[data-page=home] .tool-card{box-sizing:border-box;max-width:100%;border-color:#cdd5e2c7;background:#ffffffeb;box-shadow:0 14px 34px #0f172a14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body[data-page=home] .tool-card:hover,body[data-page=home] .tool-card:focus-within{box-shadow:0 20px 44px #0f172a21}.visual-card-back{top:25px;right:0;transform:rotate(5deg);opacity:.75}.visual-card-front{z-index:2;bottom:10px;left:0;transform:rotate(-3deg)}.mini-bars{display:flex;gap:7px;margin-top:22px}.mini-bars i{display:block;width:31%;height:8px;border-radius:20px;background:#dfe8ff}.mini-bars i:first-child{width:50%;background:var(--primary)}.visual-badge{position:absolute;z-index:3;right:3%;bottom:25px;display:grid;width:82px;height:82px;place-items:center;border-radius:22px;background:var(--accent);color:#fff;font-size:2rem;font-weight:900;box-shadow:0 16px 35px #17a27a40;transform:rotate(7deg)}.section{padding-block:84px}#tools{scroll-margin-top:78px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:38px}.section-heading h2,.trust-grid h2,.prose h2{margin:0;font-size:clamp(1.8rem,3vw,2.35rem);letter-spacing:-.045em;line-height:1.18;text-wrap:balance}.section-heading>p{max-width:440px;margin:0;color:var(--muted)}.tool-category+.tool-category{margin-top:46px;padding-top:46px;border-top:1px solid var(--line)}.tool-category-header{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:22px}.tool-category-header h3{margin:0;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.045em;line-height:1.25}.tool-category-header>p{max-width:520px;margin:0;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.featured-tool-grid{margin-bottom:46px}.home-tool-section{scroll-margin-top:78px}.all-tool-categories{border-top:1px solid var(--line);padding-top:46px}.tool-card{position:relative;display:flex;min-height:190px;flex-direction:column;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tool-card:hover,.tool-card:focus-within{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-hover)}.tool-icon{display:grid;width:46px;height:46px;place-items:center;margin-bottom:16px;border-radius:14px;background:var(--soft);color:var(--primary);font-size:1.15rem;font-weight:900}.card-eyebrow{margin:0 0 5px!important;color:var(--primary)!important;font-size:.73rem!important;font-weight:800;letter-spacing:.12em}.tool-card .tool-category-label{display:block;overflow:visible;margin:-6px 0 8px!important;color:var(--primary)!important;font-size:.72rem!important;font-weight:850;letter-spacing:.08em;-webkit-line-clamp:initial;-webkit-box-orient:initial}.tool-card h3,.tool-card h4{margin:0 0 10px;font-size:1.2rem;letter-spacing:-.04em;text-wrap:balance}.tool-card p{display:-webkit-box;overflow:hidden;min-height:3em;margin:0;color:var(--muted);font-size:.95rem;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tool-card a{display:flex;min-height:40px;align-items:center;justify-content:flex-end;margin-top:auto;padding-top:14px;color:var(--primary);text-decoration:none;font-weight:750}.tool-card a:after{content:"";position:absolute;inset:0}.tool-card a span[aria-hidden]{font-size:1.25rem}.tool-card[hidden],.tool-category[hidden]{display:none}.tool-card[data-tool-category=text] .tool-icon,#text-tools .tool-icon{background:#e5efff;color:#075fba}.tool-card[data-tool-category=data] .tool-icon,#data-tools .tool-icon{background:#f0efff;color:#4f46e5}.tool-card[data-tool-category=calculator] .tool-icon,#calculator-tools .tool-icon{background:#e3f6ea;color:#0f713d}.tool-card[data-tool-category=date] .tool-icon,#date-tools .tool-icon{background:#ffecd8;color:#a85409}.tool-card[data-tool-category=image] .tool-icon{background:#e5f7fb;color:#08738b;font-size:.9rem;letter-spacing:-.04em}.tool-card[data-tool-category=text]:hover,.tool-card[data-tool-category=text]:focus-within{border-color:#8bbcf3}.tool-card[data-tool-category=calculator]:hover,.tool-card[data-tool-category=calculator]:focus-within,#calculator-tools .tool-card:hover{border-color:#8bd4aa}.tool-card[data-tool-category=date]:hover,.tool-card[data-tool-category=date]:focus-within,#date-tools .tool-card:hover{border-color:#f1bd83}.tool-card[data-tool-category=file]:hover,.tool-card[data-tool-category=file]:focus-within{border-color:#b8b5ff}.tool-card[data-tool-category=image]:hover,.tool-card[data-tool-category=image]:focus-within{border-color:#8bd6e5}.trust-section{padding-block:70px;border-block:1px solid var(--line);background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.trust-grid>div{position:relative}.trust-number{color:var(--primary);font-size:.72rem;font-weight:850;letter-spacing:.1em}.trust-grid h2{margin-top:12px;font-size:1.3rem}.trust-grid p{margin:9px 0 0;color:var(--muted);font-size:.93rem}.page-hero{padding-block:56px 22px;text-align:left}.page-hero h1{max-width:860px;font-size:clamp(1.8rem,3.4vw,2.7rem)}.page-hero>p:last-child{display:none}.tool-reason-line{margin-top:-16px;margin-bottom:18px;padding:12px 16px;border:1px solid #d8e4ff;border-radius:16px;background:#f8fbff;color:var(--muted);font-size:.9rem;font-weight:650}.tool-reason-line span{color:var(--accent-dark)}.tool-workspace{padding-bottom:85px}.editor-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}.space-cleaner-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.csv-main-grid,.json-main-grid,.url-main-grid,.base64-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.json-csv-workspace{display:grid;gap:16px}.json-csv-direction{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}.json-csv-direction label{position:relative;display:grid;min-height:48px;place-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:900;cursor:pointer;box-shadow:0 10px 22px #0f172a0a}.json-csv-direction input{position:absolute;opacity:0;pointer-events:none}.json-csv-direction label:has(input:checked){border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 16px 34px #0f172a29}.json-csv-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.json-csv-input-card,.json-csv-result-card{padding:26px}.json-csv-input-card textarea,.json-csv-result-card textarea{width:100%;max-width:100%;min-height:230px;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.json-csv-result-card textarea{min-height:300px}.json-csv-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.json-csv-options label{display:grid;gap:7px;color:var(--muted-strong);font-size:.9rem;font-weight:850}.json-csv-options select{width:100%;min-height:44px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;padding:0 12px;color:var(--ink);font-weight:800}.json-csv-check{min-height:44px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px!important;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#f8fbff}.json-csv-check input{width:18px;height:18px;accent-color:var(--primary)}.json-csv-action-row{display:flex;gap:10px;margin-top:14px}.json-csv-action-row .primary-action,.json-csv-action-row .text-button{min-height:44px;justify-content:center}.json-csv-action-row .primary-action{flex:1;border:0;cursor:pointer}.json-csv-secondary-actions .text-button,.json-csv-result-actions .text-button{flex:1;border:1px solid #cfe0fb;background:#f8fbff}.status-pill{display:inline-flex;min-height:30px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:#fff;color:var(--muted);font-size:.78rem;font-weight:900;white-space:nowrap}.status-pill.success{border-color:#10b98140;background:#10b9811a;color:#047857}.status-pill.warning{border-color:#f59e0b47;background:#fffbeb;color:#a16207}.status-pill.error{border-color:#ef44443d;background:#fff1f2;color:#b91c1c}.json-csv-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.json-csv-summary-grid>div{margin:0;border:1px solid var(--line);border-radius:16px;padding:12px;background:#f8fafc}.json-csv-summary-grid dt{color:var(--muted);font-size:.78rem;font-weight:850}.json-csv-summary-grid dd{margin:4px 0 0;color:var(--ink);font-weight:950;overflow-wrap:anywhere}.json-csv-warning-list{display:grid;gap:6px;margin:0 0 12px;padding:12px 14px 12px 32px;border:1px solid rgba(245,158,11,.24);border-radius:16px;background:#fffbeb;color:#7c4a03;font-size:.9rem;font-weight:750}.json-csv-privacy-note{border-radius:18px;border:1px solid var(--line)}.timestamp-workspace{display:grid;gap:16px}.timestamp-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}.timestamp-mode-tabs label,.timestamp-segmented label{position:relative;display:flex;min-width:0;min-height:56px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:18px;background:#ffffffe6;color:var(--ink);text-align:center;font-weight:900;line-height:1.25;cursor:pointer}.timestamp-mode-tabs input,.timestamp-segmented input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.timestamp-mode-tabs label:has(input:checked),.timestamp-segmented label:has(input:checked){border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 12px 26px #0066ff2e}.timestamp-mode-tabs label:has(input:focus-visible),.timestamp-segmented label:has(input:focus-visible){outline:3px solid rgba(0,102,255,.18);outline-offset:3px}.timestamp-grid{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);gap:16px;align-items:start}.timestamp-input-card,.timestamp-result-card{min-width:0;padding:26px}.timestamp-field{display:grid;min-width:0;gap:8px;margin-top:14px}.timestamp-field:first-child{margin-top:0}.timestamp-field>span,.timestamp-option-group legend{color:var(--ink);font-weight:900;letter-spacing:-.04em}.timestamp-field small,.field-error{min-height:18px;color:#dc2626;font-size:.82rem;font-weight:750}.timestamp-field input[type=text],.timestamp-field input[type=date],.timestamp-field input[type=time]{width:100%;min-width:0;height:52px;padding:0 14px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;color:var(--ink);font:inherit;font-weight:850}.timestamp-field input:focus{border-color:var(--primary);outline:3px solid rgba(0,102,255,.13)}.timestamp-option-group{min-width:0;margin:16px 0 0;padding:0;border:0}.timestamp-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.timestamp-segmented label{min-height:48px;border-radius:14px;font-size:.92rem;box-shadow:none}.timestamp-time-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(84px,.36fr);gap:10px}.timestamp-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.timestamp-actions .primary-action{grid-column:1 / -1;min-height:48px;border:0;cursor:pointer}.timestamp-actions .text-button{min-height:44px;justify-content:center}.timestamp-current-box{display:grid;gap:12px}.timestamp-current-box h2,.timestamp-result-card h2{margin:0;font-size:1.2rem}.timestamp-current-box p{margin:0;color:var(--muted);line-height:1.6}.timestamp-result-card>strong{display:block;margin-top:12px;color:var(--primary);font-size:clamp(1.45rem,3vw,2.15rem);font-weight:950;line-height:1.2;letter-spacing:-.06em;overflow-wrap:anywhere}.timestamp-notices{display:grid;gap:6px;margin:12px 0 0;padding:12px 14px;border:1px solid #dbe8ff;border-radius:16px;background:#f7fbff;color:var(--muted);font-size:.9rem;line-height:1.5}.timestamp-notices[hidden]{display:none}.timestamp-notices li{margin-left:16px}.timestamp-result-list{display:grid;gap:9px;margin:16px 0 0}.timestamp-result-list>div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff}.timestamp-result-list dt{color:var(--muted);font-size:.84rem;font-weight:900}.timestamp-result-list dd{display:flex;min-width:0;align-items:center;gap:8px;margin:0}.timestamp-result-list code{min-width:0;flex:1;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.94rem;font-weight:850;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.timestamp-result-list button{flex:0 0 auto;min-width:54px;min-height:44px;border:1px solid #cfe0fb;border-radius:12px;background:#f8fbff;color:var(--primary);font-weight:900;cursor:pointer}.timestamp-result-list button:disabled,.timestamp-copy-row button:disabled{cursor:not-allowed;opacity:.45}.timestamp-copy-row{display:grid;margin-top:12px}.timestamp-copy-row .text-button{min-height:44px;justify-content:center;border:1px solid #cfe0fb;background:#f8fbff}.timestamp-guide-note{display:grid;gap:5px;padding:13px 16px;border:1px solid var(--line);border-radius:18px;background:#ffffffb8;color:var(--muted);font-size:.9rem;line-height:1.55}.timestamp-guide-note p{margin:0}.uuid-workspace{display:grid;gap:16px}.uuid-grid{display:grid;grid-template-columns:minmax(280px,.76fr) minmax(0,1.24fr);gap:16px;align-items:start}.uuid-option-card,.uuid-result-card{padding:26px;min-width:0}.uuid-option-card h2,.uuid-result-card h2{margin:0;font-size:1.22rem;line-height:1.25;letter-spacing:-.04em}.uuid-quick-counts,.uuid-format-options{margin:18px 0 0;padding:0;border:0}.uuid-quick-counts legend,.uuid-format-options legend,.uuid-field>span{color:var(--ink);font-weight:900;letter-spacing:-.03em}.uuid-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.uuid-count-button{min-height:44px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 20px #0f172a0a}.uuid-count-button.is-selected{border-color:var(--ink);background:var(--ink);color:#fff}.uuid-count-button:focus-visible,.uuid-format-options label:has(input:focus-visible){outline:3px solid rgba(0,102,255,.2);outline-offset:2px}.uuid-field{display:grid;gap:8px;margin-top:18px}.uuid-field input{width:100%;min-height:54px;border:1px solid var(--line-strong);border-radius:16px;padding:0 16px;background:#fff;color:var(--ink);font:inherit;font-weight:850}.uuid-field input:focus{border-color:var(--primary);outline:3px solid rgba(0,102,255,.13)}.uuid-format-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.uuid-format-options legend{grid-column:1 / -1}.uuid-format-options label{min-height:48px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:16px;padding:10px 12px;background:#fff;font-weight:850;cursor:pointer}.uuid-format-options input{width:18px;height:18px;accent-color:var(--primary)}.uuid-format-summary{margin:16px 0;border-radius:16px;padding:13px 14px;background:var(--soft);color:var(--primary);font-weight:900;line-height:1.45}.uuid-option-card .primary-action{width:100%;min-height:52px;border:0;justify-content:center;cursor:pointer}.uuid-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.uuid-result-actions .text-button{min-height:44px;flex:1;justify-content:center;border:1px solid #cfe0fb;background:#f8fbff}.uuid-result-actions[hidden]{display:none}.uuid-list{display:grid;gap:10px;max-height:520px;overflow-y:auto;overflow-x:hidden;padding-right:2px}.uuid-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:13px;background:#fff;min-width:0}.uuid-row.is-single{grid-template-columns:minmax(0,1fr) auto;padding:18px}.uuid-row.is-single .uuid-order{grid-column:1 / -1;text-align:left}.uuid-order{min-width:34px;color:var(--primary);font-weight:950;text-align:center}.uuid-value{min-width:0;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.94rem;font-weight:800;line-height:1.45;white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-user-select:text;user-select:text}.uuid-row.is-single .uuid-value{font-size:1.12rem;letter-spacing:-.02em}.uuid-copy-button{min-height:44px;min-width:58px;justify-content:center;border:1px solid #cfe0fb;background:#f8fbff}.uuid-guide-note{display:grid;gap:8px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#ffffffb8;color:var(--muted);font-size:.92rem;line-height:1.55}.uuid-guide-note p{margin:0}.aspect-workspace{display:grid;gap:16px}.aspect-mode-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}.aspect-mode-tabs label,.aspect-basis-tabs label{position:relative;min-height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);font-weight:900;text-align:center;cursor:pointer}.aspect-mode-tabs input,.aspect-basis-tabs input{position:absolute;opacity:0;pointer-events:none}.aspect-mode-tabs label:has(input:checked),.aspect-basis-tabs label:has(input:checked){border-color:var(--ink);background:var(--ink);color:#fff}.aspect-mode-tabs label:has(input:focus-visible),.aspect-basis-tabs label:has(input:focus-visible){outline:3px solid rgba(0,102,255,.2);outline-offset:2px}.aspect-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:16px;align-items:start}.aspect-input-card,.aspect-result-card,.aspect-presets{padding:26px;min-width:0}.aspect-input-card h2,.aspect-result-card h2,.aspect-presets h2{margin:0;font-size:1.22rem;line-height:1.25;letter-spacing:-.04em}.aspect-field{display:grid;gap:8px;margin-top:14px}.aspect-field>span,.aspect-basis-tabs legend{color:var(--ink);font-weight:900;letter-spacing:-.03em}.aspect-field input{width:100%;min-height:54px;border:1px solid var(--line-strong);border-radius:16px;padding:0 16px;background:#fff;color:var(--ink);font:inherit;font-weight:850}.aspect-field input:focus{border-color:var(--primary);outline:3px solid rgba(0,102,255,.13)}.aspect-basis-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0;padding:0;border:0}.aspect-basis-tabs legend{grid-column:1 / -1}.aspect-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.aspect-actions .primary-action{grid-column:1 / -1;min-height:52px;border:0;justify-content:center;cursor:pointer}.aspect-actions .text-button{min-height:44px;justify-content:center;border:1px solid #cfe0fb;background:#f8fbff}.aspect-result-card>strong{display:block;margin-top:12px;color:var(--primary);font-size:clamp(1.7rem,5vw,2.55rem);line-height:1.1;letter-spacing:-.06em;overflow-wrap:anywhere}.aspect-details{display:grid;gap:10px;margin:18px 0}.aspect-details>div{display:grid;grid-template-columns:minmax(92px,.42fr) minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:#fff}.aspect-details dt{color:var(--muted);font-weight:850}.aspect-details dd{margin:0;color:var(--ink);font-weight:950;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.aspect-notices{display:grid;gap:6px;margin:0 0 14px;padding:12px 14px;border-radius:16px;background:#fffbeb;color:#92400e;font-weight:750;line-height:1.5}.aspect-notices[hidden]{display:none}.aspect-notices li{margin-left:16px}#aspect-copy{width:100%;min-height:44px;justify-content:center;border:1px solid #cfe0fb;background:#f8fbff}#aspect-copy:disabled{opacity:.45;cursor:not-allowed}.aspect-presets{display:grid;gap:18px}.aspect-presets h3{margin:0 0 10px;color:var(--ink);font-size:1rem;letter-spacing:-.03em}.aspect-preset-row{display:flex;flex-wrap:wrap;gap:8px}.aspect-preset-row button{min-height:44px;border:1px solid var(--line);border-radius:999px;padding:0 14px;background:#fff;color:var(--ink);font:inherit;font-weight:900;cursor:pointer}.aspect-preset-row button:focus-visible{outline:3px solid rgba(0,102,255,.2);outline-offset:2px}.aspect-guide-note{display:grid;gap:8px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#ffffffb8;color:var(--muted);font-size:.92rem;line-height:1.55}.aspect-guide-note p{margin:0}.csv-input-column,.json-input-column,.url-input-column,.base64-input-column{min-width:0}.csv-action-row,.json-action-row,.url-action-row,.base64-action-row{display:flex;gap:10px;padding:0 22px 22px}.csv-action-row .text-button,.csv-action-row .primary-action,.json-action-row .text-button,.json-action-row .primary-action,.url-action-row .text-button,.url-action-row .primary-action,.base64-action-row .text-button,.base64-action-row .primary-action{min-height:44px;justify-content:center}.csv-action-row .primary-action,.json-action-row .primary-action,.url-action-row .primary-action,.base64-action-row .primary-action{flex:1;border:0;cursor:pointer}.json-secondary-row,.url-secondary-row,.base64-secondary-row{padding-top:12px;padding-bottom:18px}.csv-options-panel{margin-top:16px}.json-options-panel,.url-options-panel,.base64-options-panel{margin-top:16px;padding-bottom:0}.csv-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.csv-option-grid label{display:flex;min-height:56px;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);color:var(--ink);font-size:.9rem;font-weight:700}.csv-option-grid label>span:first-child{flex:0 0 auto}.csv-option-grid select{width:100%;min-width:0;min-height:36px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);padding:0 10px;font-weight:700}.csv-check-option input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--primary)}.csv-result-card textarea,.json-workspace textarea,.url-workspace textarea,.base64-workspace textarea{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92rem;line-height:1.55;word-break:normal;overflow-wrap:normal}.json-result-card textarea,.url-result-card textarea,.base64-result-card textarea,.csv-result-card textarea{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.csv-result-card,.json-result-card,.url-result-card,.base64-result-card,.csv-result-card *,.json-result-card *,.url-result-card *,.base64-result-card *{min-width:0}.json-indent-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 22px 22px;padding:0;border:0}.json-indent-options legend{grid-column:1 / -1;margin-bottom:-2px;color:var(--muted);font-size:.88rem;font-weight:800}.json-indent-options label{display:flex;min-height:50px;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);color:var(--ink);font-size:.9rem;font-weight:800}.json-indent-options label:has(input:checked){border-color:#b8d4ff;background:#eef4ff;color:var(--primary)}.json-indent-options input{width:18px;height:18px;accent-color:var(--primary)}.url-mode-options,.base64-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 22px 0;padding:0;border:0}.url-mode-options legend,.base64-mode-options legend{grid-column:1 / -1;margin-bottom:-2px;color:var(--muted);font-size:.88rem;font-weight:800}.url-mode-options label,.url-check-options label,.base64-mode-options label,.base64-check-options label{display:flex;min-height:50px;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);color:var(--ink);font-size:.9rem;font-weight:800;text-align:center}.url-mode-options label:has(input:checked),.base64-mode-options label:has(input:checked){border-color:#b8d4ff;background:#eef4ff;color:var(--primary)}.url-mode-options input,.url-check-options input,.base64-mode-options input,.base64-check-options input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--primary)}.url-mode-options label.is-disabled{color:#9aa6ba;background:#f3f5f8}.url-check-options,.base64-check-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 22px 0}.editor-toolbar{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:#fff}.editor-toolbar label{font-weight:750}.toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.inline-count-summary{display:none;margin:0;padding:10px 16px;border-bottom:1px solid var(--line);background:#f8fbff;color:var(--primary);font-size:.88rem;font-weight:800;letter-spacing:-.02em}.text-button{min-height:40px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--primary);font-weight:700;cursor:pointer}.text-button:hover{background:var(--soft)}.text-button:disabled{color:#9aa6ba;cursor:not-allowed}.json-action-row .strong-outline,.url-action-row .strong-outline,.base64-action-row .strong-outline{border:1px solid #cfe0fb;background:#f8fbff}textarea{display:block;width:100%;min-height:290px;padding:25px;resize:vertical;border:0;background:#fff;color:var(--ink);font-size:1rem;line-height:1.75}textarea[readonly]{background:#fbfcfe}textarea:focus{outline:3px solid rgba(0,102,255,.16);outline-offset:-3px}textarea::placeholder,input::placeholder{color:#a8b0bf}.local-note{margin:0;padding:13px 22px;border-top:1px solid var(--line);background:var(--surface-soft);color:var(--muted);font-size:.8rem}.local-note span{color:var(--accent);font-size:.62rem}.local-note-inline{margin-top:12px;padding:9px 11px;border:0;border-radius:12px;font-size:.76rem;line-height:1.45}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.stat-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.stat-card span{display:block;color:var(--muted);font-size:.82rem;font-weight:650}.stat-card strong{display:inline-block;margin-top:8px;font-size:2rem;line-height:1;letter-spacing:-.04em}.stat-card small{margin-left:4px;color:var(--muted)}.stat-card.featured{border-color:var(--primary);background:var(--primary);color:#fff}.stat-card.featured span,.stat-card.featured small{color:#dce6ff}.stat-card.featured.alt{border-color:var(--accent-dark);background:var(--accent)}.stat-card.featured.alt span,.stat-card.featured.alt small{color:#e5fff6}.byte-stats{grid-template-columns:1.3fr 1.3fr 1fr 1fr}.self-introduction-stats{grid-template-columns:repeat(3,1fr)}.target-card{margin-top:16px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.target-card h2{margin:0;font-size:1.35rem;letter-spacing:-.04em;text-wrap:balance}.target-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:20px}.target-item{padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}.target-item span,.target-item small{display:block;color:var(--muted);font-size:.78rem;font-weight:650}.target-item strong{display:block;margin:6px 0 3px;color:var(--ink);font-size:1.35rem;letter-spacing:-.04em}.target-item[data-status=exact]{border-color:#b7e7d6;background:#eefbf6}.target-item[data-status=exact] small{color:#0c7c5d}.target-item[data-status=over]{border-color:#f2c5bd;background:#fff5f3}.target-item[data-status=over] small{color:#b73522}.option-panel{margin-top:16px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.option-panel h2{margin:0;font-size:1.35rem;letter-spacing:-.04em;text-wrap:balance}.option-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:20px}.option-grid label{display:flex;min-height:58px;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);color:var(--ink);font-size:.9rem;font-weight:700}.option-grid input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--primary)}.option-grid label:has(input:disabled){color:#9aa6ba;background:#f3f5f8}.mode-grid{grid-template-columns:repeat(4,1fr)}.compact-options{grid-template-columns:repeat(2,minmax(220px,1fr));margin-top:10px}.option-warning{margin:16px 0 0;color:var(--muted);font-size:.9rem}.space-cleaner-stats{grid-template-columns:1fr 1fr 1fr 2fr}.space-cleaner-stats .wide strong{display:block;font-size:1rem;line-height:1.45;letter-spacing:0}.content-section{padding-block:68px 90px;border-top:1px solid var(--line)}.prose{max-width:800px}.prose h2{margin-top:2.2em;font-size:1.55rem}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:#576276}.prose strong{color:var(--ink)}.prose ol,.prose ul{padding-left:1.25rem}.prose li+li{margin-top:.45rem}.faq-list{display:grid;gap:12px;margin-top:18px}.faq-list details{border:1px solid var(--line);border-radius:14px;background:#fff}.faq-list summary{cursor:pointer;padding:16px 18px;color:var(--ink);font-weight:750}.faq-list details p{margin:0;padding:0 18px 18px}.related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.related-links a{display:inline-flex;padding:10px 14px;border:1px solid #d8e4ff;border-radius:999px;background:var(--soft);color:var(--primary);text-decoration:none;font-size:.92rem;font-weight:750}.related-links a:hover{border-color:var(--primary);background:#e3ecff}.calculator-list{display:grid;gap:18px;padding-bottom:85px}.calculator-card{position:relative;padding:34px;border:1px solid var(--line);border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow)}.calculator-number{position:absolute;top:28px;right:30px;color:#b9c5d9;font-size:.8rem;font-weight:850;letter-spacing:.1em}.calculator-card h2{margin:0 0 25px;font-size:1.3rem;letter-spacing:-.035em;text-wrap:balance}.formula-caption{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:-12px 0 16px;color:var(--muted);font-size:.9rem;font-weight:800;letter-spacing:-.03em}.formula-caption span{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:var(--soft);color:var(--primary)}.formula-caption b{color:var(--primary);font-size:.92rem;line-height:1}.formula-caption-text{display:block;margin-top:8px;padding:10px 12px;border-radius:14px;background:var(--soft);color:var(--primary);line-height:1.35}.formula-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:16px}.percentage-input-row{grid-template-columns:repeat(2,minmax(0,1fr))}.formula-row>span,.formula-operator{display:inline-grid;width:34px;height:34px;margin-bottom:8px;padding:0!important;place-items:center;border:1px solid #d8e4ff;border-radius:999px;background:linear-gradient(135deg,#f8fbff,#eef4ff);color:var(--primary)!important;font-size:1.05rem!important;font-weight:900;line-height:1!important;box-shadow:0 8px 18px #0066ff14}.formula-operator-text{width:auto!important;min-width:76px;padding-inline:12px!important;font-size:.82rem!important;letter-spacing:-.035em;white-space:nowrap}.formula-row label>span:first-child{display:block;margin-bottom:7px;color:var(--muted);font-size:.82rem;font-weight:650}input[type=number],input[type=text],input[type=url],input[type=password],input[type=date]{width:100%;height:50px;padding:0 14px;border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);background:#fff}select{width:100%;height:50px;padding:0 14px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink)}input[type=number]:focus,input[type=text]:focus,input[type=url]:focus,input[type=password]:focus,input[type=date]:focus,select:focus{border-color:var(--primary);outline:3px solid rgba(0,102,255,.13)}.reading-settings{margin-top:18px}.standalone-note{margin-top:16px;border:1px solid var(--line);border-radius:14px}.reading-time-stats{grid-template-columns:1.25fr 1.25fr 1fr 1fr 1fr 1fr}.reading-time-stats .wide{grid-column:1 / -1}.reading-time-stats .wide strong{display:block;font-size:1rem;line-height:1.45;letter-spacing:0}.input-with-unit{position:relative;display:block}.input-with-unit input{padding-right:42px}.input-with-unit b{position:absolute;right:15px;top:12px;color:var(--muted)}.result-box{min-height:58px;margin:24px 0 0;padding:15px 18px;border-radius:16px;background:var(--soft);color:var(--primary)}.result-box strong{font-size:1.08rem}.discount-calculator-card{margin-top:16px}.discount-input-grid{margin-top:8px}.discount-mode-help{margin:-10px 0 0;color:var(--muted);font-size:.92rem;line-height:1.55}.discount-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.discount-mode-grid label{min-height:48px;justify-content:center;padding:10px 8px;text-align:center;font-size:.86rem}.discount-mode-grid input{width:16px;height:16px}.discount-input-heading{margin-top:18px}.discount-input-heading .discount-mode-help{margin-top:6px}.discount-input-row{grid-template-columns:repeat(2,minmax(0,1fr))}.discount-result-card{margin-top:16px;padding:28px;border:1px solid #d8e4ff;border-radius:var(--radius-xl);background:linear-gradient(135deg,#fff,#eef4ff);box-shadow:var(--shadow)}.discount-result-card h2{margin:0 0 10px;font-size:1.2rem;letter-spacing:-.035em;text-wrap:balance}.discount-result-card>strong{display:block;color:var(--primary);font-size:clamp(1.9rem,7vw,3rem);letter-spacing:-.055em;line-height:1.15}.result-summary{margin:12px 0 0;color:var(--ink);font-weight:650}.result-warning{margin:12px 0 0;padding:11px 13px;border-radius:12px;background:#fff7ed;color:#9a3412;font-weight:750}.result-status-badge{display:inline-flex;min-height:30px;align-items:center;margin:0 0 10px;padding:0 12px;border:1px solid #d8e4ff;border-radius:999px;background:#fff;color:var(--primary);font-size:.82rem;font-weight:850;letter-spacing:-.02em}.result-status-badge[data-status=past]{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.result-status-badge[data-status=future]{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.result-status-badge[data-status=today]{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.result-status-badge[data-status=empty]{border-color:var(--line);background:#fff;color:var(--muted)}.result-status-badge[data-status=increase]{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.result-status-badge[data-status=decrease]{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.result-status-badge[data-status=same]{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.result-status-badge[data-status=passed]{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.result-status-badge[data-status=upcoming]{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.discount-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 0}.discount-result-grid div{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.discount-result-grid dt{color:var(--muted);font-size:.78rem;font-weight:750}.discount-result-grid dd{margin:5px 0 0;color:var(--ink);font-weight:850}.formula-detail{margin-top:16px;padding:16px;border-radius:14px;background:#fff}.formula-detail span{color:var(--muted);font-size:.78rem;font-weight:800}.formula-detail p{margin:6px 0 0;color:var(--ink);font-weight:650;line-height:1.55;word-break:normal;overflow-wrap:anywhere}.result-note{margin:16px 0 0;color:var(--muted);font-size:.92rem;line-height:1.6}.discount-result-card .text-button{margin-top:14px}.primary-action{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--primary);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 12px 25px #0066ff29}.primary-action:hover{background:var(--primary-dark)}.primary-action:disabled{background:#aab7cc;cursor:not-allowed;box-shadow:none}.file-picker{display:grid;gap:10px;margin-top:16px;color:var(--muted);font-size:.82rem;font-weight:750}.file-picker input{width:100%;min-height:50px;padding:10px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;color:var(--ink)}.file-picker input::file-selector-button{min-height:38px;margin-right:12px;padding:0 14px;border:0;border-radius:999px;background:var(--primary);color:#fff;font-weight:800;cursor:pointer}.sha-file-info{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.sha-file-grid{grid-template-columns:1fr;margin-top:10px}.sha-file-grid div{min-width:0}.hash-output{display:block;max-width:100%;margin-top:18px;padding:16px;border:1px solid #cfe0fb;border-radius:16px;background:#fff;color:#0f3f8c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem;font-weight:750;line-height:1.55;white-space:pre-wrap;overflow-x:auto;overflow-wrap:anywhere;word-break:break-all}.sha-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.sha-action-row .primary-action{flex:1 1 100%}.sha-action-row .text-button{min-height:44px;border:1px solid #d8e4ff;background:#fff}.sha-compare-panel textarea{height:108px;min-height:96px;margin-top:8px;padding:14px;border:1px solid var(--line-strong);border-radius:14px;font-family:inherit;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.sha-compare-panel [data-status=match]{color:#15803d}.sha-compare-panel [data-status=mismatch],.sha-compare-panel [data-status=invalid]{color:#b45309}.example-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.example-buttons button{min-height:44px;padding:0 15px;border:1px solid #d8e4ff;border-radius:999px;background:#fff;color:var(--primary);font-weight:800;cursor:pointer}.example-buttons button:hover{border-color:var(--primary);background:var(--soft)}.inline-example-buttons{margin-top:12px}.inline-example-buttons button{min-height:38px;padding-inline:12px;font-size:.86rem}.compact-example-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:8px;margin-top:12px}.compact-example-buttons button{width:100%;padding-inline:8px;white-space:nowrap}.increase-rate-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.increase-rate-examples button{white-space:normal}.increase-rate-input-card .text-button{margin-top:14px}.increase-rate-result-card .result-summary{overflow-wrap:anywhere}body[data-page=increaseRateCalculator] .page-hero h1,body[data-page=increaseRateCalculator] .page-hero p,.increase-rate-input-card,.increase-rate-result-card{max-width:100%;min-width:0;overflow-wrap:anywhere}body[data-page=increaseRateCalculator] .page-hero h1{text-wrap:wrap;word-break:break-all}.inline-control-heading{margin-top:22px}.compact-first-heading{margin-top:0}.quick-example-panel{margin-top:16px}.conversion-input-panel .inline-control-heading:first-child{margin-top:0}.inline-control-heading h2,.inline-control-heading h3{margin:0;color:var(--ink);font-size:1.05rem;letter-spacing:-.035em;line-height:1.28;text-wrap:balance}.date-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.date-quick-actions{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fbfcff}.date-quick-actions p{margin:0;color:var(--muted);font-size:.82rem;font-weight:850;letter-spacing:-.02em}.date-quick-actions .date-actions{margin-top:10px}.date-add-field{display:block;margin-top:14px}.date-add-field>span:first-child{display:block;margin-bottom:7px;color:var(--muted);font-size:.82rem;font-weight:650}.date-add-inline-button{margin-top:10px}.date-add-segments{grid-template-columns:repeat(2,minmax(0,1fr))}.date-add-segments label{justify-content:center;min-height:48px;padding:10px 12px}.date-add-segments input{position:absolute;width:1px;height:1px;opacity:0}.date-add-segments label:has(input:checked){border-color:var(--primary);background:var(--soft);color:var(--primary)}.date-add-segments label:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.date-add-input-card .text-button{margin-top:14px}.date-add-result-card .result-summary,.date-add-result-card .formula-detail p{overflow-wrap:anywhere}.date-add-example-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.time-workspace,.time-workspace *{min-width:0}.time-workspace{display:grid;gap:16px}.time-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0}.time-mode-tabs label,.time-segmented label{position:relative;display:grid;min-height:48px;place-items:center;padding:8px 10px;border:1px solid #d8e4ff;border-radius:16px;background:#fff;color:var(--ink);font-weight:900;line-height:1.18;text-align:center;cursor:pointer}.time-mode-tabs input,.time-segmented input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.time-mode-tabs label:has(input:checked),.time-segmented label:has(input:checked){border-color:var(--primary);background:var(--soft);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.time-mode-tabs label:has(input:focus-visible),.time-segmented label:has(input:focus-visible){outline:3px solid rgba(0,102,255,.16);outline-offset:2px}.time-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;align-items:start}.time-input-card,.time-result-card{padding:28px}.time-panel[hidden]{display:none!important}.time-row-with-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:14px}.time-panel>.time-row-with-button:first-child{margin-top:0}.time-clock-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(72px,92px);gap:8px;align-items:end}.time-field{display:grid;gap:7px;color:var(--muted);font-size:.82rem;font-weight:750}.time-field input,.time-field textarea{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;color:var(--ink);font:inherit;font-weight:800}.time-field textarea{min-height:136px;padding-block:12px;line-height:1.5;resize:vertical}.time-field input:focus,.time-field textarea:focus{border-color:var(--primary);outline:3px solid rgba(0,102,255,.13)}.time-current-button{min-height:50px;padding-inline:12px;border:1px solid #d8e4ff;background:#fff;white-space:nowrap}.time-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 0;padding:0;border:0}.time-segmented legend{grid-column:1 / -1;margin-bottom:2px;color:var(--ink);font-weight:900;letter-spacing:-.03em}.time-duration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.time-checkbox{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;min-height:48px;margin-top:16px;padding:12px;border:1px solid #d8e4ff;border-radius:16px;background:#f8fbff}.time-checkbox input{width:20px;height:20px;margin-top:2px;accent-color:var(--primary)}.time-checkbox strong{display:block;color:var(--ink);font-weight:900}.time-checkbox small{display:block;margin-top:3px;color:var(--muted);line-height:1.45}.time-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.time-action-grid .time-primary-button{grid-column:1 / -1;width:100%;justify-content:center}.time-action-grid .text-button{border:1px solid #d8e4ff;background:#fff;justify-content:center}.time-result-card>strong{overflow-wrap:anywhere}.time-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time-result-grid dd{overflow-wrap:anywhere;word-break:break-word}.time-copy-button{width:100%;min-height:48px;margin-top:16px;justify-content:center;border:1px solid #d8e4ff;background:#fff}.time-copy-button:disabled{opacity:.55;cursor:not-allowed}.time-copy-status{min-height:1.4em;overflow-wrap:anywhere}.time-guide-note{display:grid;gap:6px;padding:14px 16px;border:1px solid #d8e4ff;border-radius:18px;background:#f8fbff;color:var(--muted);font-size:.92rem;line-height:1.55}.time-guide-note p{margin:0}.age-date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.age-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.age-actions .text-button,.age-example-buttons .text-button{border:1px solid #d8e4ff;background:#fff}.age-quick-actions{margin-top:12px}.age-example-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.age-result-card .result-warning{line-height:1.55}.age-result-grid dd{overflow-wrap:anywhere}.pixel-input-panel,.pixel-result-card,.pixel-example-panel{width:100%;max-width:100%;min-width:0;overflow:hidden}.pixel-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pixel-mode-grid label{position:relative;min-width:0;justify-content:center;text-align:center}.pixel-mode-grid label span{min-width:0;overflow:hidden;text-overflow:clip}.pixel-mode-grid input{position:absolute;width:1px;height:1px;opacity:0}.pixel-mode-grid label:has(input:checked){border-color:var(--primary);background:var(--soft);color:var(--primary)}.pixel-mode-grid label:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.pixel-field-grid{display:grid;width:100%;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.pixel-field{display:grid;gap:7px;width:100%;min-width:0}.pixel-field input{min-width:0;max-width:100%}.pixel-field[hidden]{display:none!important}.pixel-field>span{color:var(--muted);font-size:.82rem;font-weight:700}.pixel-dpi-buttons,.pixel-example-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pixel-dpi-buttons button,.pixel-example-buttons button{min-width:0;width:100%;padding-inline:8px;white-space:normal}.pixel-dpi-buttons button.is-active{border-color:var(--primary);background:var(--soft);color:var(--primary)}.pixel-result-card .result-summary,.pixel-result-card .formula-detail p,.pixel-result-grid dd{overflow-wrap:anywhere}.image-select-card,.image-result-card,.image-select-card *,.image-result-card *{min-width:0}.image-select-card .result-summary{margin:10px 0 14px}.image-file-picker input{min-height:48px}.image-preview-box{display:grid;min-height:190px;place-items:center;margin-top:16px;padding:14px;overflow:hidden;border:1px dashed #c9d8ee;border-radius:18px;background:#f8fbff;color:var(--muted);text-align:center}.image-preview-box p{margin:0;font-size:.9rem;font-weight:700}.image-preview-box img{display:block;max-width:100%;max-height:280px;border-radius:14px;object-fit:contain;box-shadow:0 12px 28px #0f172a14}.image-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.image-action-row button{min-height:44px;justify-content:center}.image-action-row .primary-action{flex:1 1 180px;border:0;cursor:pointer}.image-action-row .text-button{flex:1 1 120px}.image-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.image-summary-strip span{display:flex;min-height:44px;align-items:center;justify-content:center;padding:8px 10px;border:1px solid #d8e4ff;border-radius:14px;background:#f8fbff;color:var(--primary);font-size:.86rem;font-weight:850;text-align:center}.image-info-grid dd{overflow-wrap:anywhere;word-break:break-word}.exif-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.exif-source-card,.exif-result-card,.exif-source-card *,.exif-result-card *{min-width:0}.exif-output-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,180px);gap:10px;align-items:center;margin-top:16px;padding:14px;border:1px solid #d8e4ff;border-radius:16px;background:#f8fbff}.exif-output-options label{color:var(--muted);font-size:.88rem;font-weight:800}.exif-output-options select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);font-weight:800}.exif-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exif-info-grid dd{overflow-wrap:anywhere;word-break:break-word}.exif-download-link{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;margin-top:18px;border-radius:999px;background:var(--primary);color:#fff;text-decoration:none;font-weight:850;box-shadow:0 12px 25px #0066ff2e}.exif-download-link:hover{background:var(--primary-dark)}.exif-privacy-note{margin-top:16px}.resize-workspace{display:grid;gap:16px}.resize-file-card,.resize-source-card,.resize-size-card,.resize-output-card,.resize-result-card,.resize-file-card *,.resize-source-card *,.resize-size-card *,.resize-output-card *,.resize-result-card *{min-width:0}.resize-main-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;align-items:start}.resize-controls-column{display:grid;gap:16px;min-width:0}.resize-source-card,.resize-size-card,.resize-output-card,.resize-result-card{padding:26px}.resize-file-picker input{min-height:48px}.resize-preview-box img{max-height:360px;object-fit:contain}.resize-source-card .resize-preview-box img,.resize-result-card .resize-preview-box img{width:auto;height:auto}.resize-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resize-info-grid dd{overflow-wrap:anywhere;word-break:break-word}.resize-dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resize-field{display:grid;gap:8px;margin-top:12px}.resize-field>span:first-child{color:var(--ink);font-weight:900;letter-spacing:-.03em}.resize-field input,.resize-field select{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;color:var(--ink);font:inherit;font-weight:800}.resize-field input:focus,.resize-field select:focus{border-color:var(--primary);outline:3px solid rgba(0,102,255,.13)}.resize-toggle-list{display:grid;gap:10px;margin-top:18px}.resize-toggle{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;min-height:48px;padding:12px;border:1px solid #d8e4ff;border-radius:16px;background:#f8fbff}.resize-toggle input{width:20px;height:20px;margin-top:2px;accent-color:var(--primary)}.resize-toggle strong{display:block;color:var(--ink);font-weight:900}.resize-toggle small{display:block;margin-top:3px;color:var(--muted);line-height:1.45}.resize-preset-section{margin-top:20px}.resize-preset-section h3{margin:0 0 10px;color:var(--ink);font-size:1rem;letter-spacing:-.03em}.resize-preset-row{display:flex;flex-wrap:wrap;gap:8px}.resize-preset-row button{min-height:44px;flex:1 1 120px;padding:8px 12px;border:1px solid #d8e4ff;border-radius:999px;background:#fff;color:var(--ink);font-weight:850;cursor:pointer}.resize-preset-row button:hover,.resize-preset-row button:focus-visible{border-color:var(--primary);outline:3px solid rgba(0,102,255,.12)}.resize-percent-custom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:10px}.resize-percent-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--line-strong);border-radius:14px;background:#fff}.resize-percent-input input{min-height:48px;border:0;background:transparent}.resize-percent-input input:focus{outline:none}.resize-percent-input b{padding-right:14px;color:var(--muted)}.resize-process-button{width:100%;min-height:54px;border:0;justify-content:center;cursor:pointer}.resize-process-button:disabled{opacity:.65;cursor:progress}.resize-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.resize-result-actions[hidden]{display:none}.resize-download-link{display:inline-flex;min-height:48px;flex:1 1 220px;align-items:center;justify-content:center;border-radius:999px;background:var(--primary);color:#fff;text-decoration:none;font-weight:850;box-shadow:0 12px 25px #0066ff2e}.resize-download-link:hover{background:var(--primary-dark)}.resize-result-actions .text-button{flex:1 1 150px;justify-content:center}.resize-guide-note{display:grid;gap:6px;padding:14px 16px;border:1px solid #d8e4ff;border-radius:18px;background:#f8fbff;color:var(--muted);font-size:.92rem;line-height:1.55}.resize-guide-note p{margin:0}.resize-message{overflow-wrap:anywhere}.format-workspace{display:grid;gap:16px}.format-file-card,.format-source-card,.format-options-card,.format-result-card,.format-file-card *,.format-source-card *,.format-options-card *,.format-result-card *{min-width:0}.format-main-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;align-items:start}.format-source-card,.format-options-card,.format-result-card{padding:26px}.format-file-picker input{min-height:48px}.format-preview-box img{max-height:360px;object-fit:contain}.format-source-card .format-preview-box img,.format-result-card .format-preview-box img{width:auto;height:auto}.format-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.format-info-grid dd{overflow-wrap:anywhere;word-break:break-word}.format-info-wide{grid-column:1 / -1}.format-choice-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;border:0}.format-quality-group{grid-template-columns:repeat(4,minmax(0,1fr))}.format-choice-group legend{grid-column:1 / -1;margin-bottom:2px;color:var(--ink);font-weight:900;letter-spacing:-.03em}.format-choice-group label{position:relative;display:grid;min-height:48px;place-items:center;padding:8px 10px;border:1px solid #d8e4ff;border-radius:16px;background:#fff;color:var(--ink);font-weight:900;line-height:1.2;text-align:center;cursor:pointer}.format-choice-group input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.format-choice-group label:has(input:checked){border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 10px 20px #0066ff29}.format-choice-group label:has(input:focus-visible){outline:3px solid rgba(0,102,255,.18);outline-offset:2px}.format-choice-group label:has(input:disabled){opacity:.55;cursor:not-allowed}.format-background-group label:nth-of-type(1){background:#fff}.format-background-group label:nth-of-type(2){background:#111827;color:#fff}.format-background-group label:nth-of-type(3){background:#f1f5f9}.format-background-group label:has(input:checked){border-color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary),0 10px 20px #0066ff1f}.format-process-button{width:100%;min-height:54px;margin-top:18px;border:0;justify-content:center;cursor:pointer}.format-process-button:disabled{opacity:.65;cursor:progress}.format-result-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;align-items:start}.format-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.format-result-actions[hidden]{display:none}.format-download-link{display:inline-flex;min-height:48px;flex:1 1 220px;align-items:center;justify-content:center;border-radius:999px;background:var(--primary);color:#fff;text-decoration:none;font-weight:850;box-shadow:0 12px 25px #0066ff2e}.format-download-link:hover{background:var(--primary-dark)}.format-result-actions .text-button{flex:1 1 150px;justify-content:center}.format-guide-note{display:grid;gap:6px;padding:14px 16px;border:1px solid #d8e4ff;border-radius:18px;background:#f8fbff;color:var(--muted);font-size:.92rem;line-height:1.55}.format-guide-note p{margin:0}.format-message{overflow-wrap:anywhere}.qr-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:16px;align-items:start}.qr-input-card,.qr-result-card,.qr-input-card *,.qr-result-card *{min-width:0}.qr-type-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.qr-type-tabs button{min-height:48px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);cursor:pointer;font-weight:850}.qr-type-tabs button.is-active,.qr-type-tabs button[aria-selected=true]{border-color:#b8d4ff;background:var(--soft);color:var(--primary)}.qr-field-panel{display:grid;gap:12px}.qr-field-panel[hidden]{display:none}.qr-field-panel textarea{min-height:112px;resize:vertical}.qr-field-panel input,.qr-field-panel select,.qr-field-panel textarea,.qr-options-grid select{width:100%}.qr-helper-button{width:fit-content;min-height:44px}.qr-secondary-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.qr-secondary-row button{min-height:44px;justify-content:center}.qr-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.qr-options-grid label{display:grid;gap:7px;padding:12px;border:1px solid #d8e4ff;border-radius:16px;background:#f8fbff}.qr-options-grid label span{color:var(--muted);font-size:.86rem;font-weight:800}.qr-options-grid select,.qr-field-panel select{min-height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);font-weight:800}.qr-generate-button{width:100%;min-height:48px;margin-top:16px;border:0;cursor:pointer;justify-content:center}.qr-preview-box{display:grid;min-height:260px;place-items:center;margin:18px 0;padding:16px;overflow:hidden;border:1px dashed #c9d8ee;border-radius:20px;background:#f8fbff;color:var(--muted);text-align:center}.qr-preview-box p{margin:0;font-size:.92rem;font-weight:750}.qr-preview-box canvas{display:block;width:min(100%,360px)!important;max-width:100%;height:auto!important;aspect-ratio:1 / 1;border-radius:16px;background:#fff;box-shadow:0 12px 28px #0f172a14}.qr-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-summary-grid dd{overflow-wrap:anywhere;word-break:break-word}.qr-download-link{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;margin-top:18px;border-radius:999px;background:var(--primary);color:#fff;text-decoration:none;font-weight:850;box-shadow:0 12px 25px #0066ff2e}.qr-download-link:hover{background:var(--primary-dark)}.qr-copy-button{width:100%;min-height:44px;justify-content:center}.qr-privacy-note{margin-top:16px}.color-main-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);gap:16px;align-items:start}.color-input-card,.color-output-stack,.color-input-card *,.color-output-stack *{min-width:0}.color-input-card .field input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;color:var(--ink);font:inherit;font-weight:750}.color-picker-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1fr);gap:10px;align-items:center;margin-top:14px;padding:12px;border:1px solid #d8e4ff;border-radius:16px;background:#f8fbff}.color-picker-row label{display:grid;gap:6px;color:var(--muted);font-size:.86rem;font-weight:800}.color-picker-row input[type=color]{width:100%;min-height:44px;padding:4px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;cursor:pointer}.color-picker-row p{margin:0;color:var(--ink);font-size:.92rem;font-weight:800;overflow-wrap:anywhere}.color-example-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.color-chip-button{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 12px;border:1px solid #d8e4ff;border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;font-weight:850}.color-chip-button span{width:20px;height:20px;flex:0 0 auto;border:1px solid #cbd5e1;border-radius:50%}.color-clear-button{min-height:44px;margin-top:12px;justify-content:center;border:1px solid #d8e4ff;background:#fff}.color-output-stack{display:grid;gap:16px}.color-preview-box{display:grid;min-height:220px;place-items:center;padding:18px;border:1px solid #cbd5e1;border-radius:22px;background:#f8fbff;color:var(--muted);text-align:center;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.color-preview-box span{padding:8px 12px;border-radius:999px;background:#ffffffb8;color:var(--ink);font-weight:900;overflow-wrap:anywhere}.color-preview-box.is-dark{color:#fff}.color-preview-box.is-dark span{background:#0f172a9e;color:#fff}.color-preview-box.is-light{border-color:#b8c3d4}.color-result-list{display:grid;gap:10px;margin-top:12px}.color-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #d8e4ff;border-radius:16px;background:#fff}.color-result-row dt{color:var(--muted);font-size:.82rem;font-weight:850}.color-result-row dd{margin:4px 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.96rem;font-weight:850;overflow-wrap:anywhere;word-break:break-word;-webkit-user-select:text;user-select:text}.color-copy-button{min-width:74px;min-height:44px;justify-content:center;border:1px solid #d8e4ff;background:var(--soft)}.color-privacy-note{margin-top:16px}.contrast-main-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);gap:16px;align-items:start}.contrast-input-card,.contrast-output-stack,.contrast-input-card *,.contrast-output-stack *{min-width:0}.contrast-field-block{display:grid;gap:8px;margin-top:16px}.contrast-field-block>label{color:var(--ink);font-weight:900}.contrast-color-row{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:10px;align-items:center}.contrast-color-row input[type=text]{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;color:var(--ink);font:inherit;font-weight:750}.contrast-color-row input[type=color]{width:52px;min-width:52px;height:48px;padding:4px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;cursor:pointer}.contrast-output-stack{display:grid;gap:16px}.contrast-result-card>strong{color:var(--primary)}.contrast-color-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}.contrast-color-summary dd{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;overflow-wrap:anywhere}.contrast-badge-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.contrast-badge{display:grid;gap:4px;padding:11px 12px;border:1px solid #d8e4ff;border-radius:16px;background:#fff}.contrast-badge span{color:var(--muted);font-size:.82rem;font-weight:850}.contrast-badge strong{color:var(--ink);font-size:.95rem}.contrast-badge.is-pass{border-color:#bbf7d0;background:#f0fdf4}.contrast-badge.is-pass strong{color:#166534}.contrast-badge.is-fail{border-color:#fed7aa;background:#fff7ed}.contrast-badge.is-fail strong{color:#9a3412}.contrast-preview-box{min-height:120px;padding:22px;border:1px solid #cbd5e1;border-radius:22px;overflow-wrap:anywhere;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.contrast-preview-box.is-light-bg{border-color:#aab7cc}.contrast-preview-box p{margin:0;font-size:1.08rem;font-weight:900;line-height:1.5}.contrast-preview-box span{display:block;margin-top:8px;font-size:.92rem;font-weight:750;line-height:1.5}.contrast-action-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.contrast-action-panel .primary-action,.contrast-action-panel .text-button{min-height:48px;justify-content:center}.contrast-action-panel .text-button{border:1px solid #d8e4ff;background:#fff}.contrast-copy-message{margin-top:10px}.contrast-examples{margin-top:16px;padding:16px;border:1px solid #d8e4ff;border-radius:20px;background:#fff}.contrast-examples h2{margin:0 0 12px;font-size:1rem;letter-spacing:-.02em}.contrast-example-grid{display:flex;flex-wrap:wrap;gap:8px}.contrast-example-button{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 12px;border:1px solid #d8e4ff;border-radius:999px;background:#f8fbff;color:var(--ink);cursor:pointer;font-weight:850}.contrast-swatch-pair{display:inline-flex;overflow:hidden;border:1px solid #cbd5e1;border-radius:999px}.contrast-swatch-pair i{width:18px;height:22px}.contrast-privacy-note{margin-top:16px}body[data-page=dateAddSubtractCalculator] .page-hero h1,body[data-page=dateAddSubtractCalculator] .page-hero p,.date-add-input-card,.date-add-result-card,.date-add-quick-actions{max-width:100%;min-width:0;overflow-wrap:anywhere}body[data-page=dateAddSubtractCalculator] .page-hero h1{text-wrap:wrap}.date-checkboxes{margin-top:18px}.date-input-grid{align-items:stretch}.date-input-grid label{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:8px;padding:14px 14px 12px;border:1px solid #d8e4ff;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 24px #0f172a0d}.date-input-grid label>span{color:var(--muted);font-size:.82rem;font-weight:800;letter-spacing:-.02em}.date-input-grid input[type=date]{height:46px;padding:0 4px;border:0;border-radius:10px;background:#fff;color:var(--ink);color-scheme:light;font-size:1.05rem;font-weight:850;letter-spacing:-.03em}.date-input-grid input[type=date]::-webkit-datetime-edit{padding:0 2px}.date-input-grid input[type=date]::-webkit-date-and-time-value{text-align:left}.date-input-grid input[type=date]:focus{outline:0}.date-input-grid label:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0066ff21,0 10px 24px #0f172a0d}.date-input-grid input[type=date]::-webkit-calendar-picker-indicator{width:28px;height:28px;padding:6px;border-radius:999px;background-color:#eef4ff;box-shadow:inset 0 0 0 1px #d8e4ff;cursor:pointer}.info-hero{padding-block:90px;background:var(--surface-soft);text-align:center}.info-hero h1{font-size:clamp(2.2rem,5vw,3.8rem)}.info-hero .container>p:last-child{max-width:680px;margin:20px auto 0;color:var(--muted);font-size:1.05rem}.info-content{min-height:400px;padding-block:80px 110px}.info-hero .container,.info-content,.info-content *{min-width:0}.info-hero h1,.info-hero .container>p:last-child,.info-content h2,.info-content p,.info-content li{overflow-wrap:anywhere}.policy-date{margin-top:45px;padding-top:20px;border-top:1px solid var(--line);font-size:.88rem}.policy-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 34px}.policy-summary span,.info-link-grid a,.info-home-link a{display:flex;min-height:44px;align-items:center;border:1px solid #d8e4ff;border-radius:14px;background:#f8fbff;color:var(--primary);text-decoration:none;font-weight:750}.policy-summary span{padding:10px 13px;color:var(--muted-strong)}.info-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 30px}.info-link-grid a{justify-content:center;padding:10px 12px}.info-home-link{margin-top:36px}.info-home-link a{display:inline-flex;padding:0 16px}.notice-card{display:flex;gap:20px;margin-bottom:48px;padding:28px;border:1px solid #d8e4ff;border-radius:var(--radius);background:var(--soft)}.notice-card.compact{margin:34px 0 0}.notice-card h2{margin-top:0;line-height:1.25;text-wrap:balance}.notice-card p{margin-bottom:0}.contact-card .primary-button{min-height:44px;margin-top:4px;padding:0 18px;color:#fff}.notice-icon{display:grid;width:50px;height:50px;flex:0 0 50px;place-items:center;border-radius:14px;background:var(--primary);color:#fff;font-weight:900}.site-footer{padding-block:36px 26px;border-top:1px solid var(--line);background:#ffffffeb;color:var(--muted)}.footer-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.footer-brand{color:var(--ink);text-decoration:none;font-size:1.2rem;font-weight:850}.footer-navigation{display:flex;flex-wrap:wrap;align-items:start;justify-content:flex-end;gap:10px 25px}.footer-navigation a{display:inline-flex;min-height:36px;align-items:center;color:var(--muted);text-decoration:none;font-size:.88rem}.footer-navigation a:hover{color:var(--primary)}.copyright{grid-column:1 / -1;margin:22px 0 0;padding-top:22px;border-top:1px solid var(--line);color:#6b7280;font-size:.78rem}@media(min-width:801px){body[data-page=home] .hero-inner{min-height:330px;padding-block:46px 28px}body[data-page=home] .hero h1{max-width:1180px;margin-inline:auto;font-size:clamp(2.7rem,4.1vw,4.25rem);line-height:1.05;letter-spacing:-.065em}body[data-page=home] .hero-trust{max-width:680px;margin:16px auto 24px;font-size:.98rem;line-height:1.55}body[data-page=home] .home-filter-chips{margin-bottom:0}body[data-page=home] .section{padding-block:24px 72px}body[data-page=home] .section-heading{margin-bottom:22px}body[data-page=home] .tool-card{min-height:188px}body[data-page=home] .tool-icon{margin-bottom:14px}@media(min-width:960px){body[data-page=home] .hero h1{white-space:nowrap}}body[data-page=characterCounter] .tool-workspace,body[data-page=koreanByteCounter] .tool-workspace,body[data-page=selfIntroductionCounter] .tool-workspace,body[data-page=readingTimeCalculator] .tool-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:16px;align-items:start}body[data-page=characterCounter] .stats-grid,body[data-page=koreanByteCounter] .stats-grid,body[data-page=selfIntroductionCounter] .stats-grid,body[data-page=readingTimeCalculator] .reading-time-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}body[data-page=selfIntroductionCounter] .target-card{grid-column:1 / -1}body[data-page=readingTimeCalculator] .option-panel,body[data-page=readingTimeCalculator] .standalone-note{grid-column:1}body[data-page=readingTimeCalculator] .reading-time-stats{grid-column:2;grid-row:1 / span 3}body[data-page=discountCalculator] .tool-workspace,body[data-page=increaseRateCalculator] .tool-workspace,body[data-page=ageCalculator] .tool-workspace,body[data-page=pyeongToSquareMeter] .tool-workspace,body[data-page=inchToCm] .tool-workspace,body[data-page=pixelToCmCalculator] .tool-workspace,body[data-page=imageSizeChecker] .tool-workspace,body[data-page=dateAddSubtractCalculator] .tool-workspace,body[data-page=sha256HashCalculator] .tool-workspace{display:grid;grid-template-columns:minmax(0,.95fr) minmax(380px,.85fr);gap:16px;align-items:start}body[data-page=discountCalculator] .discount-result-card,body[data-page=increaseRateCalculator] .discount-result-card,body[data-page=ageCalculator] .discount-result-card,body[data-page=pyeongToSquareMeter] .discount-result-card,body[data-page=inchToCm] .discount-result-card,body[data-page=pixelToCmCalculator] .discount-result-card,body[data-page=imageSizeChecker] .discount-result-card,body[data-page=dateAddSubtractCalculator] .discount-result-card,body[data-page=sha256HashCalculator] .discount-result-card{grid-column:2;grid-row:1 / span 3;margin-top:0}body[data-page=discountCalculator] .discount-result-grid,body[data-page=increaseRateCalculator] .discount-result-grid,body[data-page=ageCalculator] .discount-result-grid,body[data-page=pyeongToSquareMeter] .discount-result-grid,body[data-page=inchToCm] .discount-result-grid,body[data-page=pixelToCmCalculator] .discount-result-grid,body[data-page=imageSizeChecker] .discount-result-grid,body[data-page=dateAddSubtractCalculator] .discount-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=dateAddSubtractCalculator] .date-add-quick-actions{grid-column:1}}@media(max-width:800px){.json-csv-grid{grid-template-columns:1fr}.json-csv-input-card,.json-csv-result-card{padding:22px}.json-csv-direction{gap:8px}.json-csv-direction label{min-height:46px;font-size:.96rem}.json-csv-input-card textarea{min-height:160px}.json-csv-result-card textarea{min-height:220px}.json-csv-options{grid-template-columns:1fr;gap:10px}.json-csv-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.json-csv-action-row .primary-action{grid-column:1 / -1}.json-csv-result-actions .primary-action,.json-csv-result-actions .text-button{grid-column:auto}.json-csv-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timestamp-grid{grid-template-columns:1fr}.timestamp-input-card,.timestamp-result-card{padding:22px}.timestamp-result-list>div{grid-template-columns:1fr;gap:6px}.timestamp-result-list dd{align-items:flex-start}.uuid-grid{grid-template-columns:1fr}.uuid-option-card,.uuid-result-card{padding:22px}.uuid-list{max-height:460px}.aspect-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.aspect-grid{grid-template-columns:1fr}.aspect-input-card,.aspect-result-card,.aspect-presets{padding:22px}.resize-main-grid{grid-template-columns:1fr}.resize-source-card,.resize-size-card,.resize-output-card,.resize-result-card{padding:22px}.resize-preview-box img{max-height:280px}.format-main-grid,.format-result-grid{grid-template-columns:1fr}.format-source-card,.format-options-card,.format-result-card{padding:22px}.format-preview-box img{max-height:280px}.time-grid{grid-template-columns:1fr}.time-input-card,.time-result-card,.text-compare-input-card,.text-compare-result-card{padding:22px}.text-compare-input-grid{grid-template-columns:1fr;gap:14px}.text-compare-input-grid textarea{min-height:132px;resize:vertical}.text-compare-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.text-compare-actions .primary-action{grid-column:1 / -1}.text-compare-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.text-compare-summary-grid>div:last-child{grid-column:span 2}.text-compare-toolbar{align-items:stretch}.text-compare-view-toggle,.text-compare-copy-actions{width:100%}.text-compare-view-toggle label,.text-compare-copy-actions .text-button{flex:1;justify-content:center}.text-compare-result-head{align-items:flex-start}}@media(max-width:480px){.json-csv-action-row,.json-csv-result-actions{grid-template-columns:1fr}.json-csv-result-actions .primary-action,.json-csv-result-actions .text-button{grid-column:1}.json-csv-summary-grid{grid-template-columns:1fr}.json-csv-input-card,.json-csv-result-card{padding:20px}.timestamp-mode-tabs{gap:7px}.timestamp-mode-tabs label{min-height:54px;border-radius:16px;font-size:.82rem;letter-spacing:-.055em}.timestamp-segmented{gap:6px}.timestamp-segmented label{min-height:46px;padding-inline:4px;border-radius:13px;font-size:.82rem;letter-spacing:-.05em}.timestamp-time-row{grid-template-columns:minmax(0,1fr) minmax(72px,.36fr);gap:8px}.timestamp-field input[type=text],.timestamp-field input[type=date],.timestamp-field input[type=time]{height:48px;border-radius:13px;font-size:.94rem}.timestamp-actions{gap:8px}.timestamp-actions .text-button{padding-inline:8px;font-size:.86rem}.timestamp-result-card>strong{font-size:1.5rem}.timestamp-result-list>div{padding:11px;border-radius:14px}.timestamp-result-list dd{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}.timestamp-result-list code{font-size:.86rem}.uuid-option-card,.uuid-result-card{padding:20px}.uuid-quick-grid{gap:6px}.uuid-count-button{border-radius:14px;font-size:.9rem}.uuid-format-options{grid-template-columns:1fr;gap:8px}.uuid-field input{min-height:50px;border-radius:14px}.uuid-row{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:12px}.uuid-row .uuid-copy-button{grid-column:2;justify-self:end}.uuid-row.is-single{grid-template-columns:minmax(0,1fr)}.uuid-row.is-single .uuid-copy-button{grid-column:1;justify-self:end}.uuid-row.is-single .uuid-value{font-size:1rem}.uuid-result-actions{display:grid;grid-template-columns:1fr 1fr}.aspect-input-card,.aspect-result-card,.aspect-presets{padding:20px}.aspect-mode-tabs label{min-height:46px;border-radius:14px;font-size:.88rem;letter-spacing:-.035em}.aspect-actions{grid-template-columns:1fr}.aspect-details>div{grid-template-columns:1fr;gap:4px}.aspect-preset-row button{flex:1 1 calc(50% - 8px);padding-inline:10px}.resize-source-card,.resize-size-card,.resize-output-card,.resize-result-card{padding:20px}.resize-dimension-grid,.resize-info-grid,.resize-percent-custom{grid-template-columns:1fr}.resize-preset-row button{flex:1 1 calc(50% - 8px);padding-inline:10px}.resize-result-actions{display:grid;grid-template-columns:1fr}.resize-preview-box{min-height:150px}.resize-preview-box img{max-height:240px}.format-source-card,.format-options-card,.format-result-card{padding:20px}.format-info-grid,.format-choice-group,.format-quality-group{grid-template-columns:1fr}.format-result-actions{display:grid;grid-template-columns:1fr}.format-preview-box{min-height:150px}.format-preview-box img{max-height:240px}.time-mode-tabs{gap:7px}.time-mode-tabs label{min-height:46px;padding-inline:6px;border-radius:14px;font-size:.86rem;letter-spacing:-.04em}.time-input-card,.time-result-card{padding:20px}.time-row-with-button{grid-template-columns:minmax(0,1fr)}.time-current-button{justify-self:start;min-height:44px}.time-clock-row{grid-template-columns:minmax(0,1fr) minmax(68px,84px);gap:7px}.time-duration-grid{gap:7px}.time-field input{min-height:48px;padding-inline:10px;border-radius:13px}.time-result-grid{grid-template-columns:1fr}.text-compare-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.text-compare-result-head{flex-direction:column}.text-compare-copy-actions{display:grid;grid-template-columns:1fr}.text-compare-diff-row{grid-template-columns:auto minmax(0,1fr);padding:11px}}@media(max-width:800px){body{padding-top:60px}.container{width:min(680px,calc(100% - 28px))}body.menu-open{overflow:hidden}body.menu-open .site-header{position:fixed;inset:0 0 auto;min-height:100dvh;overflow-y:auto;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}html,body{max-width:100%;overflow-x:hidden}.site-header{position:fixed;top:0;right:0;left:0;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{position:relative;display:grid;min-height:60px;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;justify-content:initial}.brand{grid-column:2;grid-row:1;justify-self:center;min-width:0;min-height:44px;gap:8px;font-size:1.34rem;font-weight:950;letter-spacing:-.06em}.brand-mark{width:28px;height:28px;border-radius:9px}.brand-mark:before{width:15px;height:9px;top:7px;left:6px;border-radius:4px}.brand-mark:after{width:15px;height:9px;right:6px;bottom:7px;border-radius:4px}.menu-button{z-index:80;display:block;grid-column:1;grid-row:1;justify-self:start;cursor:pointer;background:transparent}.menu-button[aria-expanded=true]{position:fixed;top:12px;right:18px;left:auto;border-radius:999px;background:transparent}.menu-button[aria-expanded=true]>span[aria-hidden]{position:absolute;top:21px;left:11px;width:24px;margin:0;background:var(--ink)}.menu-button[aria-expanded=true]>span[aria-hidden]:nth-of-type(2){transform:rotate(45deg)}.menu-button[aria-expanded=true]>span[aria-hidden]:nth-of-type(3){opacity:0}.menu-button[aria-expanded=true]>span[aria-hidden]:nth-of-type(4){transform:rotate(-45deg)}.primary-navigation{position:fixed;z-index:70;top:60px;right:0;left:0;display:none;min-height:calc(100dvh - 60px);overflow-y:auto;padding:24px 32px 34px;background:#fff}body.menu-open .primary-navigation,.menu-button[aria-expanded=true]~.primary-navigation{display:block}.desktop-nav-links{display:none}.mobile-menu-panel{display:grid;gap:22px}.mobile-menu-group h2{margin:0 0 10px;color:var(--muted);font-size:.84rem;font-weight:750;letter-spacing:-.02em}.mobile-menu-links{display:grid;gap:8px}.mobile-menu-links a{display:grid;min-height:44px;grid-template-columns:32px 1fr;align-items:center;gap:11px;padding:0;border-radius:0;color:var(--ink);font-size:1rem;font-weight:850}.mobile-menu-links a:hover{background:transparent;color:var(--primary)}.mobile-menu-icon{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;background:var(--soft);color:var(--primary);font-size:.7rem;font-weight:950}.mobile-menu-group:nth-of-type(2) .mobile-menu-icon{background:#f0efff;color:var(--secondary)}.mobile-menu-group:nth-of-type(3) .mobile-menu-icon{background:#ecfdf5;color:var(--accent-dark)}.mobile-menu-support{margin-top:10px;padding-top:22px;border-top:1px solid var(--line)}.mobile-menu-support a{display:flex;min-height:44px;align-items:center;justify-content:space-between;padding:0;color:var(--ink);font-size:1rem;font-weight:850}.mobile-menu-support a:after{content:"›";color:var(--muted);font-size:1.5rem;font-weight:500}.hero{background:linear-gradient(180deg,#f7f8ff,#f4f6ff)}.hero:before{inset:3% auto auto 50%;width:460px;height:460px;border-radius:38%;background:linear-gradient(135deg,#0066ff14,#4f46e50d);transform:translate(-50%) rotate(45deg);opacity:.9}.hero-inner{min-height:auto;padding-block:38px 30px}.hero-copy{width:100%;min-width:0}.eyebrow{margin-bottom:8px;font-size:.68rem;letter-spacing:.13em}.hero h1{max-width:100%;font-size:clamp(1.86rem,8.2vw,2.38rem);line-height:1.22}.hero-description{width:min(100%,350px);max-width:350px;margin:14px auto 20px;font-size:.96rem;line-height:1.55}.home-filter-chips{width:min(100%,360px);gap:10px;margin-inline:auto;margin-bottom:14px}.home-filter-chips a{flex:1 1 calc(50% - 10px);min-width:0;min-height:42px;padding-inline:14px;border-radius:18px;background:#fff;font-size:.98rem}.button{min-height:44px;padding:10px 16px}.section{padding-block:32px}.section-heading{align-items:start;flex-direction:column;gap:8px;margin-bottom:18px}.section-heading h2,.trust-grid h2,.prose h2{font-size:clamp(1.55rem,7vw,2rem)}.section-heading>p{font-size:.94rem;line-height:1.55}.tool-category+.tool-category{margin-top:28px;padding-top:28px}.tool-category-header{align-items:start;flex-direction:column;gap:6px;margin-bottom:14px}.tool-category-header h3{font-size:1.35rem}.tool-category-header>p{font-size:.92rem;line-height:1.55}.tool-grid{grid-template-columns:1fr}.tool-grid[id]{scroll-margin-top:68px}.tool-card{display:grid;min-height:116px;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:4px 14px;padding:18px;border-color:#d9dce8;border-radius:18px;box-shadow:0 8px 22px #0f172a0d}.tool-icon{grid-row:1 / span 3;width:42px;height:42px;margin:2px 0 0;border-radius:11px;font-size:.9rem}.card-eyebrow{margin-bottom:3px!important;font-size:.68rem!important}.tool-card h3,.tool-card h4{margin:0 0 4px;font-size:1.13rem;line-height:1.3}.tool-card p{display:-webkit-box;overflow:hidden;min-height:3em;font-size:.88rem;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tool-card a{min-height:0;margin-top:2px;padding-top:0;color:var(--primary);font-size:.86rem}.tool-card h3,.tool-card h4,.tool-card p,.tool-card a{min-width:0}.trust-grid{grid-template-columns:1fr;gap:34px}.space-cleaner-grid,.csv-main-grid,.json-main-grid,.url-main-grid,.base64-main-grid{grid-template-columns:1fr}.csv-input-column{display:contents}.csv-input-column>.editor-card{order:1}.csv-result-card{order:2}.csv-options-panel{order:3}.csv-option-grid{grid-template-columns:1fr}.csv-action-row,.json-action-row,.url-action-row,.base64-action-row{flex-direction:column}.csv-workspace textarea,.json-workspace textarea,.url-workspace textarea,.base64-workspace textarea{min-height:190px}.json-indent-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 16px 18px}.json-indent-options label{min-height:44px;padding-inline:8px;font-size:.82rem}.url-mode-options,.base64-mode-options{gap:7px;margin:14px 16px 0}.url-mode-options label,.url-check-options label,.base64-mode-options label,.base64-check-options label{min-height:44px;padding-inline:8px;font-size:.78rem;letter-spacing:-.035em}.url-check-options,.base64-check-options{grid-template-columns:1fr;gap:7px;margin:8px 16px 0}.stats-grid,.byte-stats,.self-introduction-stats,.space-cleaner-stats,.reading-time-stats,.discount-result-grid,.target-grid,.option-grid,.mode-grid,.compact-options{grid-template-columns:1fr 1fr}.stat-card.wide{grid-column:1 / -1}.page-hero{padding-block:26px 14px}.page-hero h1{font-size:clamp(1.85rem,8vw,2.45rem);line-height:1.12}.page-hero>p:last-child{max-width:100%;margin-top:10px;font-size:.95rem;line-height:1.45;word-break:keep-all;overflow-wrap:normal}body[data-page=increaseRateCalculator] .container{width:calc(100% - 32px)}body[data-page=increaseRateCalculator] .page-hero h1{font-size:clamp(1.72rem,7vw,2rem);line-height:1.16;letter-spacing:-.065em}body[data-page=increaseRateCalculator] .page-hero>p:last-child{max-width:300px;word-break:break-all;overflow-wrap:anywhere}body[data-page=increaseRateCalculator] .increase-rate-examples button{padding-inline:4px;font-size:.82rem}body[data-page=increaseRateCalculator] .increase-rate-examples{grid-template-columns:1fr}body[data-page=dateAddSubtractCalculator] .container{width:auto;margin-inline:16px}body[data-page=dateAddSubtractCalculator] .page-hero{padding-block:20px 8px}body[data-page=dateAddSubtractCalculator] .page-hero h1{max-width:310px;font-size:clamp(1.48rem,6.8vw,1.9rem);line-height:1.16;letter-spacing:-.07em;word-break:keep-all}body[data-page=dateAddSubtractCalculator] .page-hero>p:last-child{max-width:320px;margin-top:8px;font-size:.86rem;line-height:1.5;word-break:keep-all}body[data-page=dateAddSubtractCalculator] .calculator-card,body[data-page=dateAddSubtractCalculator] .discount-result-card{width:100%;max-width:calc(100vw - 32px);padding:16px 14px;overflow:hidden}body[data-page=dateAddSubtractCalculator] .discount-result-card>strong{font-size:clamp(1.35rem,5.6vw,1.75rem);line-height:1.2;word-break:keep-all;overflow-wrap:anywhere}body[data-page=dateAddSubtractCalculator] .calculator-card h2{margin-bottom:10px;padding-right:0}body[data-page=dateAddSubtractCalculator] .date-add-field{margin-top:10px}body[data-page=dateAddSubtractCalculator] input[type=date],body[data-page=dateAddSubtractCalculator] input[type=text]{width:calc(100% - 8px);min-width:0;max-width:100%}body[data-page=dateAddSubtractCalculator] .date-add-field>span:first-child{margin-bottom:5px;font-size:.76rem}body[data-page=dateAddSubtractCalculator] .date-add-inline-button,body[data-page=dateAddSubtractCalculator] .date-add-input-card .text-button{margin-top:8px}body[data-page=dateAddSubtractCalculator] .inline-control-heading{margin-top:12px}body[data-page=dateAddSubtractCalculator] .card-eyebrow{margin-bottom:5px!important}body[data-page=dateAddSubtractCalculator] .date-add-segments{width:calc(100% - 8px);grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}body[data-page=dateAddSubtractCalculator] .date-add-segments label{min-height:44px;padding:8px 6px}body[data-page=ageCalculator] .calculator-card,body[data-page=ageCalculator] .discount-result-card{width:100%;max-width:100%;padding:16px 14px;overflow:hidden}body[data-page=ageCalculator] .container{width:min(360px,calc(100% - 28px));margin-left:14px;margin-right:auto}body[data-page=ageCalculator] .age-date-grid{grid-template-columns:1fr;gap:8px}body[data-page=ageCalculator] .date-add-field{margin-top:9px}body[data-page=ageCalculator] .date-add-field>span:first-child{margin-bottom:5px;font-size:.76rem}body[data-page=ageCalculator] input[type=date]{width:100%;min-width:0;height:40px;font-size:.92rem}body[data-page=ageCalculator] .age-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}body[data-page=ageCalculator] .age-actions button,body[data-page=ageCalculator] .age-example-buttons button{min-height:44px;padding-inline:4px;font-size:.78rem;letter-spacing:-.04em;white-space:normal;overflow-wrap:anywhere}body[data-page=ageCalculator] .age-quick-actions{margin-top:10px;padding:10px;border-radius:14px}body[data-page=ageCalculator] .age-example-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}body[data-page=ageCalculator] .discount-result-card>strong{font-size:clamp(1.55rem,8vw,2.15rem)}body[data-page=pixelToCmCalculator] .container{width:min(360px,calc(100% - 28px));margin-left:14px;margin-right:auto}body[data-page=pixelToCmCalculator] .page-hero{padding-block:22px 10px}body[data-page=pixelToCmCalculator] .page-hero h1{max-width:100%;font-size:clamp(1.5rem,7vw,2rem);line-height:1.16;overflow-wrap:anywhere;text-wrap:wrap}body[data-page=pixelToCmCalculator] .page-hero>p:last-child{max-width:100%;margin-top:10px;font-size:.92rem;line-height:1.55;overflow-wrap:anywhere}body[data-page=pixelToCmCalculator] .option-panel,body[data-page=pixelToCmCalculator] .discount-result-card{width:100%;max-width:100%;padding:18px 16px;border-radius:22px}body[data-page=pixelToCmCalculator] .pixel-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:8px;padding:4px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}body[data-page=pixelToCmCalculator] .pixel-mode-grid label{min-height:44px;min-width:0;padding:7px 3px;border:0;border-radius:14px;background:transparent;font-size:.72rem;letter-spacing:-.06em;white-space:nowrap}body[data-page=pixelToCmCalculator] .pixel-mode-grid label span{min-width:0;overflow:hidden;text-overflow:clip}body[data-page=pixelToCmCalculator] .pixel-mode-grid label:has(input:checked){background:#fff;box-shadow:0 8px 18px #0f172a14}body[data-page=pixelToCmCalculator] .pixel-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}body[data-page=pixelToCmCalculator] .pixel-field>span{font-size:.76rem}body[data-page=pixelToCmCalculator] .pixel-dpi-buttons,body[data-page=pixelToCmCalculator] .pixel-example-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}body[data-page=pixelToCmCalculator] .pixel-dpi-buttons button,body[data-page=pixelToCmCalculator] .pixel-example-buttons button{min-height:44px;padding-inline:4px;font-size:.78rem;letter-spacing:-.04em}body[data-page=pixelToCmCalculator] .pixel-result-card>strong{font-size:clamp(1.55rem,8vw,2.15rem)}body[data-page=sha256HashCalculator] .container{width:min(360px,calc(100% - 28px));margin-left:14px;margin-right:auto}body[data-page=sha256HashCalculator] .page-hero{padding-block:22px 10px}body[data-page=sha256HashCalculator] .page-hero h1{max-width:100%;font-size:clamp(1.5rem,7vw,2rem);line-height:1.18;overflow-wrap:anywhere}body[data-page=sha256HashCalculator] .page-hero>p:last-child{max-width:100%;margin-top:10px;font-size:.92rem;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}body[data-page=sha256HashCalculator] .option-panel,body[data-page=sha256HashCalculator] .discount-result-card{width:100%;max-width:100%;padding:18px 16px;border-radius:22px}body[data-page=sha256HashCalculator] .option-panel h2,body[data-page=sha256HashCalculator] .discount-result-card h2{font-size:1.08rem;line-height:1.3}body[data-page=sha256HashCalculator] .discount-result-card>strong{font-size:clamp(1.45rem,7vw,2rem);letter-spacing:-.045em}body[data-page=sha256HashCalculator] .file-picker input{min-height:48px;font-size:.86rem}body[data-page=sha256HashCalculator] .hash-output{padding:13px;font-size:.76rem;line-height:1.55}body[data-page=sha256HashCalculator] .sha-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=sha256HashCalculator] .sha-action-row .primary-action{grid-column:1 / -1}body[data-page=sha256HashCalculator] .sha-action-row button{width:100%;min-width:0;min-height:44px;padding-inline:6px;font-size:.78rem;letter-spacing:-.04em;white-space:normal}body[data-page=sha256HashCalculator] .sha-compare-panel textarea{height:86px;min-height:86px;font-size:.88rem}body[data-page=imageSizeChecker] .container,body[data-page=removeExif] .container,body[data-page=qrCodeGenerator] .container,body[data-page=hexRgbConverter] .container,body[data-page=colorContrastChecker] .container{width:min(360px,calc(100% - 28px));margin-left:14px;margin-right:auto}body[data-page=imageSizeChecker] .page-hero,body[data-page=removeExif] .page-hero,body[data-page=qrCodeGenerator] .page-hero,body[data-page=hexRgbConverter] .page-hero,body[data-page=colorContrastChecker] .page-hero{padding-block:22px 10px}body[data-page=imageSizeChecker] .page-hero h1,body[data-page=removeExif] .page-hero h1,body[data-page=qrCodeGenerator] .page-hero h1,body[data-page=hexRgbConverter] .page-hero h1,body[data-page=colorContrastChecker] .page-hero h1{max-width:100%;font-size:clamp(1.5rem,7vw,2rem);line-height:1.18;word-break:keep-all;overflow-wrap:anywhere}body[data-page=imageSizeChecker] .page-hero>p:last-child,body[data-page=removeExif] .page-hero>p:last-child,body[data-page=qrCodeGenerator] .page-hero>p:last-child,body[data-page=hexRgbConverter] .page-hero>p:last-child,body[data-page=colorContrastChecker] .page-hero>p:last-child{max-width:100%;margin-top:10px;font-size:.92rem;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}body[data-page=imageSizeChecker] .option-panel,body[data-page=imageSizeChecker] .discount-result-card,body[data-page=removeExif] .option-panel,body[data-page=removeExif] .discount-result-card,body[data-page=qrCodeGenerator] .option-panel,body[data-page=qrCodeGenerator] .discount-result-card,body[data-page=hexRgbConverter] .option-panel,body[data-page=hexRgbConverter] .discount-result-card,body[data-page=colorContrastChecker] .option-panel,body[data-page=colorContrastChecker] .discount-result-card{width:100%;max-width:100%;padding:18px 16px;border-radius:22px}body[data-page=imageSizeChecker] .option-panel h2,body[data-page=imageSizeChecker] .discount-result-card h2,body[data-page=removeExif] .option-panel h2,body[data-page=removeExif] .discount-result-card h2,body[data-page=qrCodeGenerator] .option-panel h2,body[data-page=qrCodeGenerator] .discount-result-card h2,body[data-page=hexRgbConverter] .option-panel h2,body[data-page=hexRgbConverter] .discount-result-card h2,body[data-page=colorContrastChecker] .option-panel h2,body[data-page=colorContrastChecker] .discount-result-card h2{font-size:1.08rem;line-height:1.3}body[data-page=imageSizeChecker] .discount-result-card>strong,body[data-page=removeExif] .discount-result-card>strong,body[data-page=qrCodeGenerator] .discount-result-card>strong{font-size:clamp(1.38rem,6.6vw,1.95rem);letter-spacing:-.045em;overflow-wrap:anywhere}body[data-page=imageSizeChecker] .image-preview-box,body[data-page=removeExif] .image-preview-box{min-height:112px;padding:10px}body[data-page=imageSizeChecker] .image-preview-box img,body[data-page=removeExif] .image-preview-box img{max-height:220px}body[data-page=imageSizeChecker] .image-summary-strip{grid-template-columns:1fr;gap:7px;margin:14px 0}body[data-page=imageSizeChecker] .image-summary-strip span{justify-content:flex-start;min-height:42px;font-size:.82rem}body[data-page=imageSizeChecker] .image-action-row,body[data-page=removeExif] .image-action-row{display:grid;grid-template-columns:1fr;gap:7px}body[data-page=imageSizeChecker] .image-action-row button,body[data-page=imageSizeChecker] .file-picker input,body[data-page=removeExif] .image-action-row button,body[data-page=removeExif] .file-picker input{width:100%;min-width:0;min-height:44px;padding-inline:8px;font-size:.82rem;white-space:normal}body[data-page=removeExif] .exif-main-grid,body[data-page=removeExif] .exif-info-grid,body[data-page=removeExif] .exif-output-options{grid-template-columns:1fr}body[data-page=removeExif] .exif-output-options{gap:8px;padding:12px}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-type-tabs{gap:7px}body[data-page=qrCodeGenerator] .qr-type-tabs button{min-height:44px;padding-inline:6px;font-size:.86rem}body[data-page=qrCodeGenerator] .qr-preview-box{min-height:190px;padding:10px}body[data-page=qrCodeGenerator] .qr-preview-box canvas{width:min(100%,260px)!important;max-width:100%;height:auto!important}body[data-page=qrCodeGenerator] .qr-secondary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-page=qrCodeGenerator] .qr-secondary-row button{width:100%;min-width:0;padding-inline:10px;white-space:nowrap}body[data-page=hexRgbConverter] .color-main-grid,body[data-page=hexRgbConverter] .color-picker-row,body[data-page=hexRgbConverter] .color-result-row{grid-template-columns:1fr}body[data-page=hexRgbConverter] .color-preview-box{min-height:150px;padding:12px}body[data-page=hexRgbConverter] .color-example-group{display:grid;grid-template-columns:1fr;gap:7px}body[data-page=hexRgbConverter] .color-chip-button,body[data-page=hexRgbConverter] .color-copy-button,body[data-page=hexRgbConverter] .color-clear-button{width:100%;justify-content:center}body[data-page=colorContrastChecker] .contrast-main-grid,body[data-page=colorContrastChecker] .contrast-color-summary,body[data-page=colorContrastChecker] .contrast-badge-list,body[data-page=colorContrastChecker] .contrast-action-panel{grid-template-columns:1fr}body[data-page=colorContrastChecker] .contrast-color-row{grid-template-columns:minmax(0,1fr) 48px}body[data-page=colorContrastChecker] .contrast-color-row input[type=color]{width:48px;min-width:48px}body[data-page=colorContrastChecker] .contrast-preview-box{min-height:104px;padding:16px}body[data-page=colorContrastChecker] .contrast-preview-box p{font-size:1rem}body[data-page=colorContrastChecker] .contrast-example-grid{display:grid;grid-template-columns:1fr;gap:7px}body[data-page=colorContrastChecker] .contrast-example-button{width:100%;justify-content:center}.info-hero{padding-block:28px 18px;text-align:left}.info-hero h1{font-size:clamp(1.75rem,8vw,2.25rem);line-height:1.14}.info-hero .container>p:last-child{max-width:100%;margin:10px 0 0;font-size:.94rem;line-height:1.58}.info-content{min-height:auto;padding-block:28px 58px}.info-content.prose h2{margin-top:1.65em;font-size:clamp(1.18rem,5.4vw,1.42rem);line-height:1.3}.info-content.prose h2:first-child{margin-top:0}.info-content.prose p,.info-content.prose li{font-size:.95rem;line-height:1.72}.policy-summary{grid-template-columns:1fr;gap:8px;margin-bottom:26px}.policy-summary span,.info-link-grid a,.info-home-link a{min-height:42px;border-radius:12px}.info-link-grid{grid-template-columns:1fr;gap:8px;margin:12px 0 24px}.notice-card.contact-card{margin-bottom:28px}.contact-card .primary-button{min-height:44px}.policy-date{margin-top:28px;padding-top:16px}.tool-reason-line{margin-top:-6px;margin-bottom:12px;padding:10px 13px;border-radius:14px;font-size:.82rem;line-height:1.45}.tool-workspace,.calculator-list{padding-bottom:56px}.editor-toolbar{min-height:52px;gap:10px;padding-inline:16px}.editor-toolbar label,.editor-toolbar h2,.editor-toolbar h3{min-width:0;flex:0 1 auto;white-space:nowrap}.toolbar-actions{width:auto;min-width:0;flex:0 0 auto;flex-wrap:nowrap;justify-content:flex-end;gap:2px;margin-left:auto;padding:0}.editor-toolbar .text-button{min-width:0;min-height:44px;padding-inline:7px;white-space:nowrap}.toolbar-actions .text-button,.editor-toolbar>.text-button{font-size:0}.toolbar-actions .text-button:after,.editor-toolbar>.text-button:after{font-size:.86rem;font-weight:850}.editor-toolbar .text-button[id$=-example]:after,.editor-toolbar #character-example:after,.editor-toolbar #markdown-example:after,.editor-toolbar #text-compare-example:after,.editor-toolbar #sort-lines-example:after,.editor-toolbar #html-entity-example:after,.editor-toolbar #aspect-example:after{content:"예시"}.editor-toolbar .text-button[id$=-copy]:after,.editor-toolbar .text-button[id*=copy]:after,.editor-toolbar #character-copy:after{content:"복사"}.editor-toolbar .text-button[id$=-clear]:after,.editor-toolbar .text-button[id*=clear]:after,.editor-toolbar #character-clear:after,.editor-toolbar #byte-clear:after{content:"지우기"}.inline-count-summary{display:block;white-space:normal}body[data-page=characterCounter] textarea{height:200px;min-height:195px}textarea{height:205px;min-height:190px;padding:16px;line-height:1.55}.local-note{padding:9px 15px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal;overflow-wrap:normal}.stats-grid{gap:10px;margin-top:12px}.stat-card{padding:16px;border-radius:16px}.stat-card strong{font-size:1.6rem}.calculator-list{gap:12px}.calculator-card{padding:20px 16px;border-radius:22px}.calculator-number{top:18px;right:16px;opacity:.6;font-size:.68rem}.calculator-card h2{margin-bottom:14px;padding-right:34px;font-size:1.08rem;line-height:1.35}.formula-caption{margin:-4px 0 12px;gap:5px;font-size:.82rem}.formula-caption span{min-height:26px;padding:0 9px}.formula-caption b{font-size:.84rem}.formula-caption-text{padding:9px 11px}.discount-mode-help{margin-top:-6px;font-size:.82rem;line-height:1.45}body[data-page=discountCalculator] .discount-calculator-card>.discount-mode-help{display:none}body[data-page=discountCalculator] .discount-calculator-card h2{margin-bottom:8px;padding-right:0;font-size:1rem}.discount-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:8px;padding:4px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}.discount-mode-grid label{position:relative;min-height:40px;justify-content:center;gap:0;padding-inline:4px;border:0;border-radius:14px;background:transparent;text-align:center;font-size:.74rem;letter-spacing:-.04em}.discount-mode-grid label span{min-width:0;white-space:nowrap}.discount-mode-grid label:has(input:checked){background:#fff;color:var(--primary);box-shadow:0 8px 18px #0f172a14}.discount-mode-grid label:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.discount-mode-grid input{position:absolute;width:1px;height:1px;opacity:0}.discount-input-heading{margin-top:14px}body[data-page=discountCalculator] .formula-caption-text{display:none}.discount-result-card{padding:20px 16px;border-radius:22px}.discount-result-card h2{font-size:1.12rem;line-height:1.28}.notice-card h2{font-size:clamp(1.32rem,6vw,1.65rem);line-height:1.28}.notice-card p,.prose li,.prose p{line-height:1.72}.formula-row{grid-template-columns:1fr;gap:6px}.percentage-input-row,.discount-input-row{grid-template-columns:1fr;gap:10px}.formula-row>span{text-align:center}.formula-operator{width:32px;height:32px;margin:2px auto;font-size:.95rem!important}.formula-operator-text{min-width:84px;height:30px;font-size:.78rem!important}.formula-row label>span:first-child{margin-bottom:5px;font-size:.78rem}input[type=number],input[type=text],input[type=url],input[type=password],input[type=date],select{height:46px;border-radius:10px}.input-with-unit b{top:10px}.result-box{min-height:46px;margin-top:12px;padding:12px 14px;border-radius:14px;line-height:1.45}.result-box strong{font-size:1rem}.calculator-card,.discount-result-card,.option-panel,.notice-card,.formula-caption-text,.local-note,.result-box{max-width:100%;overflow-wrap:anywhere}.option-grid,.formula-row,.date-actions,.compact-example-buttons,.discount-result-grid,.stats-grid,.option-grid label,.formula-row label,.date-actions button,.compact-example-buttons button,.discount-result-grid div,.stat-card{min-width:0}.option-grid label span,.date-actions button,.compact-example-buttons button{overflow-wrap:anywhere}.footer-inner{grid-template-columns:1fr}.footer-navigation{justify-content:flex-start}.footer-navigation a,.text-button,.date-actions button,.related-links a{min-height:44px;align-items:center}.quick-example-panel{margin-top:12px}.conversion-input-panel .compact-first-heading h2{font-size:1.16rem}body[data-page=pyeongToSquareMeter] .mode-grid,body[data-page=inchToCm] .mode-grid{grid-template-columns:1fr}body[data-page=pyeongToSquareMeter] .area-mode-grid{display:flex;width:100%;max-width:100%;gap:4px;margin-top:8px;padding:4px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}body[data-page=pyeongToSquareMeter] .area-mode-grid label{position:relative;flex:1 1 0;min-width:0;min-height:44px;justify-content:center;gap:0;padding-inline:6px;border:0;border-radius:14px;background:transparent;text-align:center;font-size:.84rem;letter-spacing:-.03em}body[data-page=pyeongToSquareMeter] .area-mode-grid label span{min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap}body[data-page=pyeongToSquareMeter] .area-mode-grid label:has(input:checked){background:#fff;color:var(--primary);box-shadow:0 8px 18px #0f172a14}body[data-page=pyeongToSquareMeter] .area-mode-grid label:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}body[data-page=pyeongToSquareMeter] .area-mode-grid input{position:absolute;width:1px;height:1px;opacity:0}body[data-page=pyeongToSquareMeter] .compact-example-buttons,body[data-page=inchToCm] .compact-example-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}body[data-page=pyeongToSquareMeter] .compact-example-buttons button,body[data-page=inchToCm] .compact-example-buttons button{min-width:0;min-height:40px;padding-inline:3px;font-size:.78rem;letter-spacing:-.035em}body[data-page=pyeongToSquareMeter] .inline-control-heading,body[data-page=inchToCm] .inline-control-heading{margin-top:0}body[data-page=pyeongToSquareMeter] .formula-row,body[data-page=inchToCm] .formula-row{grid-template-columns:1fr;gap:8px}body[data-page=pyeongToSquareMeter] .formula-row>span,body[data-page=inchToCm] .formula-row>span{display:none}body[data-page=removeExtraSpaces] textarea,body[data-page=lineBreakCleaner] textarea,body[data-page=removeDuplicateLines] textarea{height:178px;min-height:168px}body[data-page=selfIntroductionCounter] textarea,body[data-page=koreanByteCounter] textarea,body[data-page=readingTimeCalculator] textarea{height:190px;min-height:180px}.date-input-grid{gap:8px}.date-input-grid label{gap:5px;padding:11px 12px 10px;border-radius:16px;box-shadow:0 6px 16px #0f172a0a}.date-input-grid label>span{font-size:.76rem}.date-input-grid input[type=date]{height:40px;font-size:.96rem}.date-actions{gap:7px;margin-top:10px}.date-actions button{padding-inline:10px;font-size:.82rem;letter-spacing:-.035em}.date-checkboxes{margin-top:12px}.date-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.date-checkboxes label{min-height:40px;padding:8px 10px;border-radius:13px;font-size:.78rem}.date-checkboxes input{width:16px;height:16px}body[data-page=dateDifference] .date-input-grid{gap:6px}body[data-page=dateDifference] .date-input-grid label{gap:4px;padding:9px 10px;border-radius:14px}body[data-page=dateDifference] .date-input-grid input[type=date]{height:38px;font-size:.92rem}body[data-page=dateDifference] .date-quick-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}body[data-page=dateDifference] .date-quick-row button:last-child{grid-column:auto}body[data-page=dateDifference] .date-quick-row button{min-height:44px;padding-inline:4px;font-size:.75rem;letter-spacing:-.04em;white-space:nowrap}body[data-page=dateDifference] .date-compact-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}body[data-page=dateDifference] .date-compact-checkboxes label{min-height:44px;justify-content:center;padding:7px 8px;border-radius:999px;font-size:.78rem}.date-quick-actions{margin-top:10px;padding:10px;border-radius:14px}.date-quick-actions .date-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.local-note-inline{margin-top:10px;padding:8px 10px}body[data-page=home] .header-inner{min-height:60px}body[data-page=home] .primary-navigation{inset:60px 0 0}body[data-page=home] .hero-inner{padding-block:18px 14px}body[data-page=home] .eyebrow{margin-bottom:5px;font-size:.64rem;letter-spacing:.12em}body[data-page=home] .hero h1{max-width:100%;margin-inline:auto;font-size:clamp(1rem,4.7vw,1.18rem);line-height:1.18;letter-spacing:-.07em;white-space:nowrap}body[data-page=home] .hero-description{display:block;overflow:visible;margin:10px auto 14px;font-size:.9rem;line-height:1.48}body[data-page=home] .hero-trust{max-width:300px;margin:10px auto 11px;font-size:.78rem;line-height:1.35}body[data-page=home] .hero .home-filter-chips{display:grid!important;width:100%;max-width:min(326px,calc(100vw - 32px));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-inline:auto;margin-bottom:0}body[data-page=home] .hero .home-filter-chips a{width:100%;min-width:0;max-width:none;min-height:40px;padding-inline:4px;border-radius:999px;font-size:clamp(.68rem,3vw,.78rem);letter-spacing:-.065em;white-space:nowrap;box-shadow:0 10px 22px #0f172a0f}body[data-page=home] .button{min-height:44px;padding:9px 15px}body[data-page=home] .hero .primary-button{display:none}body[data-page=home] .section{padding-block:14px 28px}body[data-page=home] .featured-tool-grid{margin-bottom:18px}body[data-page=home] .home-tool-section{scroll-margin-top:72px}body[data-page=home] .tool-grid{gap:11px}body[data-page=home] .tool-card{width:100%;min-width:0;min-height:94px;grid-template-columns:42px minmax(0,1fr) 24px;gap:3px 12px;padding:14px;border-radius:19px;box-shadow:0 11px 27px #0f172a14}body[data-page=home] .tool-icon{grid-row:1 / span 2;width:36px;height:36px;margin:2px 0 0;border-radius:10px;font-size:.82rem}body[data-page=home] .tool-category-label{display:none!important}body[data-page=home] .tool-card h4{min-width:0;font-size:1.12rem;line-height:1.2;font-weight:900;letter-spacing:-.055em}body[data-page=home] .hero h1,body[data-page=home] .hero-description,body[data-page=home] .hero-trust,body[data-page=home] .tool-card h4,body[data-page=home] .tool-card p{overflow-wrap:anywhere}body[data-page=home] .tool-card p{min-width:0;max-width:100%;min-height:2.7em;font-size:.82rem;line-height:1.35;-webkit-line-clamp:2}body[data-page=home] .tool-card a{grid-column:3;grid-row:1 / span 2;align-self:center;justify-content:center;min-height:44px;margin:0;padding:0;font-size:0}body[data-page=home] .tool-card a span[aria-hidden]{display:inline;font-size:1.2rem}}@media(max-width:480px){.container{width:min(680px,calc(100% - 24px))}.page-hero{padding-block:22px 12px}.info-hero{padding-block:24px 14px}.info-hero h1{font-size:clamp(1.62rem,8.2vw,2.05rem)}.info-hero .container>p:last-child{font-size:.9rem;line-height:1.55}.info-content{padding-block:24px 52px}.info-content.prose h2{font-size:clamp(1.12rem,5.6vw,1.32rem)}.info-content.prose p,.info-content.prose li{font-size:.92rem;line-height:1.68}.hero-inner{padding-block:30px 22px}.hero h1{font-size:clamp(1.9rem,10vw,2.65rem)}.hero-description{margin-bottom:14px}.section{padding-block:24px}body[data-page=home] .hero-inner{padding-block:18px 14px}body[data-page=home] .hero h1{font-size:clamp(.98rem,4.6vw,1.12rem);letter-spacing:-.075em}body[data-page=home] .hero-description{margin:9px auto 12px}body[data-page=home] .hero-trust{margin-top:12px;margin-bottom:12px}body[data-page=home] .home-filter-chips{width:100%;max-width:336px;gap:7px}body[data-page=home] .home-filter-chips a{min-width:0;padding-inline:3px;font-size:clamp(.66rem,2.95vw,.76rem)}body[data-page=home] .section{padding-block:12px 26px}body[data-page=home] .home-tool-section{scroll-margin-top:58px}.stats-grid,.byte-stats,.self-introduction-stats,.space-cleaner-stats,.reading-time-stats,.discount-result-grid,.target-grid,.option-grid,.mode-grid,.compact-options,.date-input-grid{grid-template-columns:1fr}.date-input-grid>span[aria-hidden=true]{display:none}body[data-page=pyeongToSquareMeter] .mode-grid,body[data-page=inchToCm] .mode-grid{grid-template-columns:1fr}body[data-page=pyeongToSquareMeter] .area-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=pyeongToSquareMeter] .area-mode-grid label{min-height:44px;padding-inline:3px;font-size:.76rem}body[data-page=pyeongToSquareMeter] .option-panel,body[data-page=inchToCm] .option-panel{padding:18px 16px}body[data-page=pyeongToSquareMeter] .compact-example-buttons,body[data-page=inchToCm] .compact-example-buttons{grid-template-columns:repeat(4,minmax(0,1fr))!important}body[data-page=pyeongToSquareMeter] .compact-example-buttons button,body[data-page=inchToCm] .compact-example-buttons button{min-height:40px;font-size:.76rem}body[data-page=pyeongToSquareMeter] .formula-row,body[data-page=inchToCm] .formula-row{grid-template-columns:1fr;gap:8px}body[data-page=pyeongToSquareMeter] .formula-row>span,body[data-page=inchToCm] .formula-row>span{display:none}body[data-page=pixelToCmCalculator] .pixel-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}body[data-page=pixelToCmCalculator] .pixel-mode-grid label{font-size:.68rem;letter-spacing:-.07em}body[data-page=pixelToCmCalculator] .pixel-field-grid{grid-template-columns:1fr;gap:8px}body[data-page=pixelToCmCalculator] .pixel-dpi-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-page=pixelToCmCalculator] .pixel-dpi-buttons button{min-height:40px;font-size:.72rem}body[data-page=ageCalculator] .container{width:min(360px,calc(100% - 28px));margin-left:14px;margin-right:auto}.stat-card.wide{grid-column:auto}textarea{height:200px;min-height:190px;padding:15px}body[data-page=characterCounter] textarea{height:195px;min-height:185px}body[data-page=removeExtraSpaces] textarea,body[data-page=lineBreakCleaner] textarea,body[data-page=removeDuplicateLines] textarea{height:168px;min-height:158px}body[data-page=selfIntroductionCounter] textarea,body[data-page=koreanByteCounter] textarea,body[data-page=readingTimeCalculator] textarea{height:182px;min-height:172px}.date-input-grid label{padding:10px 11px 9px}.date-input-grid input[type=date]{height:38px;font-size:.92rem}.date-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr))}.date-checkboxes label{min-height:38px;padding:7px 8px}body[data-page=dateDifference] .date-input-grid label{padding:8px 10px}body[data-page=dateDifference] .date-quick-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}body[data-page=dateDifference] .date-quick-row button:last-child{grid-column:auto}body[data-page=dateDifference] .date-quick-row button{min-height:44px;padding-inline:1px;font-size:.68rem;letter-spacing:-.06em}body[data-page=dateDifference] .date-compact-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=dateDifference] .date-compact-checkboxes label{min-height:44px;font-size:.72rem;white-space:nowrap}.date-quick-actions .date-actions{grid-template-columns:1fr 1fr}.editor-toolbar{padding-inline:14px}.calculator-card{padding:18px 14px}.notice-card{padding:22px}.notice-card{flex-direction:column}.notice-card.contact-card{gap:14px;padding:18px}.notice-icon{width:44px;height:44px;flex-basis:44px;border-radius:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page-hero{position:relative;margin-top:18px;margin-bottom:12px;padding:20px 0 16px;text-align:center;overflow:visible}.page-hero:before{content:none}.page-hero>.eyebrow{display:none!important}.page-hero>p:last-child{display:block;max-width:640px;margin:9px auto 0;color:var(--muted);font-size:.96rem;font-weight:650;line-height:1.55}.tool-workspace,.calculator-list{margin-top:0;padding-top:0;padding-bottom:34px}.tool-workspace>:first-child,.calculator-list>:first-child{margin-top:0!important}.tool-followup-section.section{padding-block:0 34px}.tool-followup-section h2{margin-top:0}.tool-followup-section+.content-section,.tool-workspace+.content-section,.calculator-list+.content-section{padding-top:40px}@media(max-width:800px){.page-hero{margin-top:12px;margin-bottom:8px;padding:18px 0 12px!important}.page-hero h1{font-size:clamp(1.5rem,6.4vw,1.72rem)!important;line-height:1.18!important;letter-spacing:-.052em}.page-hero>p:last-child{margin-top:6px;font-size:.86rem!important;line-height:1.48!important;word-break:keep-all}.tool-workspace,.calculator-list{margin-top:0!important;padding-top:0!important;padding-bottom:22px!important}.tool-followup-section.section{padding-block:0 24px}.tool-followup-section+.content-section,.tool-workspace+.content-section,.calculator-list+.content-section{padding-top:30px}}body[data-page=home] .home-filter-chips{gap:10px;margin-bottom:16px}body[data-page=home] .home-filter-chips a{min-height:42px;padding-inline:20px;border-radius:18px;font-size:.95rem;letter-spacing:-.035em}body[data-page=home] .tool-icon{width:42px;height:42px;border:1px solid rgba(0,102,255,.08);border-radius:12px;font-size:.96rem;letter-spacing:-.045em;box-shadow:inset 0 0 0 1px #ffffff94}body[data-page=home] .tool-card[data-tool-category=image] .tool-icon,body[data-page=home] #image-tools .tool-icon{font-size:.92rem}@media(max-width:800px){body[data-page=home] .hero .home-filter-chips{display:flex!important;flex-wrap:wrap;justify-content:center;width:min(100%,390px);max-width:390px;gap:8px 9px;margin-inline:auto;margin-bottom:0}body[data-page=home] .hero .home-filter-chips a{flex:initial;width:auto;min-width:74px;min-height:38px;padding-inline:14px;border-radius:17px;font-size:.82rem;letter-spacing:-.045em}body[data-page=home] .tool-icon{width:40px;height:40px;margin-top:0;border-radius:12px;font-size:.9rem}}@media(max-width:380px){body[data-page=home] .hero .home-filter-chips{width:min(100%,350px);gap:7px 8px}body[data-page=home] .hero .home-filter-chips a{min-width:70px;min-height:37px;padding-inline:12px;font-size:.79rem}}.date-input-grid label,.date-add-field{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:8px;padding:14px;border:1px solid #d8e4ff;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 8px 22px #0f172a0b}.date-add-field{margin-top:14px}.date-input-grid label>span,.date-add-field>span:first-child{margin:0;color:var(--muted);font-size:.82rem;font-weight:850;letter-spacing:-.02em}.date-input-grid input[type=date],.date-add-field input[type=date]{width:100%;height:46px;min-height:46px;padding:0 4px;border:0;border-radius:10px;background:#fff;color:var(--ink);color-scheme:light;font-size:1.05rem;font-weight:850;letter-spacing:-.03em}.date-input-grid label:focus-within,.date-add-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0066ff21,0 8px 22px #0f172a0b}.date-input-grid input[type=date]:focus,.date-add-field input[type=date]:focus{outline:0}.date-input-grid input[type=date]::-webkit-calendar-picker-indicator,.date-add-field input[type=date]::-webkit-calendar-picker-indicator{width:28px;height:28px;padding:6px;border-radius:999px;background-color:#eef4ff;box-shadow:inset 0 0 0 1px #d8e4ff;cursor:pointer}@media(max-width:800px){.date-input-grid{gap:10px!important}.date-input-grid label,.date-add-field,body[data-page=dateDifference] .date-input-grid label{gap:7px!important;padding:12px!important;border-radius:17px!important}.date-input-grid input[type=date],.date-add-field input[type=date],body[data-page=dateDifference] .date-input-grid input[type=date]{height:44px!important;min-height:44px!important;font-size:.98rem!important}}body[data-page=dateDifference] .calculator-number{display:none}body[data-page=dateDifference] .calculator-card h2{padding-right:0}body[data-page=dateDifference] .date-input-grid{align-items:end;gap:12px}body[data-page=dateDifference] .date-input-grid label{display:block;min-width:0;padding:0!important;border:0;border-radius:0!important;background:transparent;box-shadow:none}body[data-page=dateDifference] .date-input-grid label>span{display:block;margin:0 0 7px;color:var(--muted);font-size:.82rem;font-weight:750;letter-spacing:-.02em}body[data-page=dateDifference] .date-input-grid input[type=date]{width:100%;height:50px!important;min-height:50px!important;padding:0 14px!important;border:1px solid var(--line-strong);border-radius:14px;background:#fff;color:var(--ink);font-size:1rem!important;font-weight:750;letter-spacing:-.025em;box-shadow:none}body[data-page=dateDifference] .date-input-grid input[type=date]:focus{border-color:var(--primary);outline:3px solid rgba(0,102,255,.13);outline-offset:0}body[data-page=dateDifference] .date-input-grid label:focus-within{border-color:transparent;box-shadow:none}body[data-page=dateDifference] .date-input-grid>span[aria-hidden=true]{align-self:end;margin-bottom:8px}body[data-page=dateDifference] .date-input-grid input[type=date]::-webkit-calendar-picker-indicator{width:24px;height:24px;padding:0;border-radius:0;background-color:transparent;box-shadow:none;opacity:.72}@media(max-width:800px){body[data-page=dateDifference] .date-input-grid{gap:14px!important}body[data-page=dateDifference] .date-input-grid>span[aria-hidden=true]{display:none!important}body[data-page=dateDifference] .date-input-grid input[type=date]{height:50px!important;min-height:50px!important}}:is(.json-csv-direction,.html-entity-direction,.markdown-view-tabs,.timestamp-mode-tabs,.timestamp-segmented,.time-mode-tabs,.time-segmented,.aspect-mode-tabs,.aspect-basis-tabs,.date-add-segments,.discount-mode-grid,.format-choice-group,.json-indent-options,.pixel-mode-grid,.qr-type-tabs,.text-compare-view-toggle){width:100%;max-width:100%;gap:4px;padding:4px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface-soft);box-shadow:inset 0 1px #ffffffbd}.json-csv-input-card .json-csv-direction{margin:16px 0 18px}.format-choice-group{grid-template-columns:repeat(3,minmax(0,1fr))!important}:is(.json-csv-direction,.html-entity-direction,.markdown-view-tabs,.timestamp-mode-tabs,.timestamp-segmented,.time-mode-tabs,.time-segmented,.aspect-mode-tabs,.aspect-basis-tabs,.date-add-segments,.discount-mode-grid,.format-choice-group,.json-indent-options,.pixel-mode-grid,.text-compare-view-toggle) label,.qr-type-tabs button{position:relative;display:flex;min-width:0;min-height:44px;align-items:center;justify-content:center;gap:0;padding:10px 8px;border:0;border-radius:16px;background:transparent;color:var(--ink);box-shadow:none;text-align:center;font-weight:850;letter-spacing:-.035em;cursor:pointer}:is(.json-csv-direction,.html-entity-direction,.markdown-view-tabs,.timestamp-mode-tabs,.timestamp-segmented,.time-mode-tabs,.time-segmented,.aspect-mode-tabs,.aspect-basis-tabs,.date-add-segments,.discount-mode-grid,.format-choice-group,.json-indent-options,.pixel-mode-grid,.text-compare-view-toggle) input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}:is(.json-csv-direction,.html-entity-direction,.markdown-view-tabs,.timestamp-mode-tabs,.timestamp-segmented,.time-mode-tabs,.time-segmented,.aspect-mode-tabs,.aspect-basis-tabs,.date-add-segments,.discount-mode-grid,.format-choice-group,.json-indent-options,.pixel-mode-grid,.text-compare-view-toggle) label span,.qr-type-tabs button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.json-csv-direction,.html-entity-direction,.markdown-view-tabs,.timestamp-mode-tabs,.timestamp-segmented,.time-mode-tabs,.time-segmented,.aspect-mode-tabs,.aspect-basis-tabs,.date-add-segments,.discount-mode-grid,.format-choice-group,.json-indent-options,.pixel-mode-grid,.text-compare-view-toggle) label:has(input:checked),.qr-type-tabs button.is-active,.qr-type-tabs button[aria-selected=true]{background:#fff;color:var(--primary);box-shadow:0 8px 18px #0f172a14}.format-choice-group label:has(input:disabled){opacity:.62;color:#7b8494;cursor:not-allowed}:is(.json-csv-direction,.html-entity-direction,.markdown-view-tabs,.timestamp-mode-tabs,.timestamp-segmented,.time-mode-tabs,.time-segmented,.aspect-mode-tabs,.aspect-basis-tabs,.date-add-segments,.discount-mode-grid,.format-choice-group,.json-indent-options,.pixel-mode-grid,.text-compare-view-toggle) label:has(input:focus-visible),.qr-type-tabs button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:is(.html-entity-direction,.markdown-view-tabs,.json-indent-options,.format-choice-group) label>span{display:block;min-width:0;min-height:auto;overflow:hidden;padding:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;text-overflow:ellipsis;white-space:nowrap}:is(.html-entity-direction,.markdown-view-tabs) input:checked+span,:is(.html-entity-direction,.markdown-view-tabs) input:focus-visible+span{border-color:transparent;background:transparent;color:inherit;box-shadow:none;outline:0}@media(max-width:800px){:is(.json-csv-direction,.html-entity-direction,.markdown-view-tabs,.timestamp-mode-tabs,.timestamp-segmented,.time-mode-tabs,.time-segmented,.aspect-mode-tabs,.aspect-basis-tabs,.date-add-segments,.discount-mode-grid,.format-choice-group,.json-indent-options,.pixel-mode-grid,.qr-type-tabs,.text-compare-view-toggle){border-radius:18px}:is(.json-csv-direction,.html-entity-direction,.markdown-view-tabs,.timestamp-mode-tabs,.timestamp-segmented,.time-mode-tabs,.time-segmented,.aspect-mode-tabs,.aspect-basis-tabs,.date-add-segments,.discount-mode-grid,.format-choice-group,.json-indent-options,.pixel-mode-grid,.text-compare-view-toggle) label,.qr-type-tabs button{min-height:44px;border-radius:14px;font-size:.82rem}}:is(.url-mode-options,.base64-mode-options,body[data-page=pyeongToSquareMeter] .area-mode-grid,body[data-page=inchToCm] .mode-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;gap:4px;padding:4px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface-soft);box-shadow:inset 0 1px #ffffffbd}:is(.url-mode-options,.base64-mode-options){margin:14px 22px 0}:is(.url-mode-options,.base64-mode-options) legend{grid-column:1 / -1;margin:2px 8px 4px;color:var(--muted);font-size:.82rem;font-weight:850}:is(.url-mode-options,.base64-mode-options,body[data-page=pyeongToSquareMeter] .area-mode-grid,body[data-page=inchToCm] .mode-grid) label{position:relative;display:flex;min-width:0;min-height:44px;align-items:center;justify-content:center;gap:0;padding:10px 8px;border:0;border-radius:16px;background:transparent;color:var(--ink);box-shadow:none;text-align:center;font-size:.9rem;font-weight:850;letter-spacing:-.035em;cursor:pointer}:is(.url-mode-options,.base64-mode-options,body[data-page=pyeongToSquareMeter] .area-mode-grid,body[data-page=inchToCm] .mode-grid) input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}:is(.url-mode-options,.base64-mode-options,body[data-page=pyeongToSquareMeter] .area-mode-grid,body[data-page=inchToCm] .mode-grid) label>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25}:is(.url-mode-options,.base64-mode-options,body[data-page=pyeongToSquareMeter] .area-mode-grid,body[data-page=inchToCm] .mode-grid) label:has(input:checked){background:#fff;color:var(--primary);box-shadow:0 8px 18px #0f172a14}:is(.url-mode-options,.base64-mode-options,body[data-page=pyeongToSquareMeter] .area-mode-grid,body[data-page=inchToCm] .mode-grid) label:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}@media(max-width:800px){:is(.url-mode-options,.base64-mode-options){margin:14px 16px 0}:is(.url-mode-options,.base64-mode-options,body[data-page=pyeongToSquareMeter] .area-mode-grid,body[data-page=inchToCm] .mode-grid){grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px}:is(.url-mode-options,.base64-mode-options,body[data-page=pyeongToSquareMeter] .area-mode-grid,body[data-page=inchToCm] .mode-grid) label{min-height:44px;border-radius:14px;font-size:.82rem}}