:root{color-scheme:light;--bg: #f7f8fb;--surface: #ffffff;--surface-subtle: #eef2f6;--text: #172033;--muted: #5b6475;--line: #d9dee8;--accent: #0f766e;--accent-strong: #115e59;--warning: #9a3412;--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{display:flex;min-height:100vh;flex-direction:column;margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text)}a{color:inherit}button,input,textarea,select{font:inherit}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(16px,4vw,48px);background:var(--surface);border-bottom:1px solid var(--line)}.site-footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted)}.brand,.top-nav,.header-actions,.language-switcher,.site-footer nav{display:flex;min-width:0;align-items:center;gap:14px}.horizontal-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;white-space:nowrap}.horizontal-scroll::-webkit-scrollbar{display:none}.header-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end}.brand{min-width:0;text-decoration:none;font-weight:700}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:var(--radius);display:block}.top-nav a,.language-switcher a,.site-footer a{color:var(--muted);text-decoration:none;font-size:14px}.top-nav a:hover,.language-switcher a:hover,.language-switcher a[aria-current=page],.site-footer a:hover{color:var(--text)}main{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:32px 0 56px}body>main{flex:1 0 auto}.page-heading{display:grid;gap:12px;margin-bottom:28px}.page-heading h1{margin:0;font-size:40px;line-height:1.05;letter-spacing:0;overflow-wrap:anywhere}.page-heading p{max-width:760px;margin:0;color:var(--muted);font-size:17px;line-height:1.6;overflow-wrap:anywhere}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:24px;align-items:stretch;margin-bottom:24px;padding:clamp(24px,4vw,42px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.hero-copy{display:grid;align-content:center;gap:16px}.eyebrow{margin:0;color:var(--accent-strong);font-size:13px;font-weight:800}.hero-copy h1{max-width:820px;margin:0;font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:0;overflow-wrap:anywhere}.hero-copy p{max-width:760px;margin:0;color:var(--muted);font-size:17px;line-height:1.7;overflow-wrap:anywhere}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 16px;border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent-strong);font-weight:800;text-decoration:none}.hero-actions a:first-child{background:var(--accent);color:#fff}.hero-panel{display:grid;align-content:center;gap:12px;padding:18px;background:#eef8f6;border:1px solid #b7d7d1;border-radius:var(--radius)}.hero-panel ol{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--text);font-weight:700}.toolbar-band{display:grid;gap:16px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.tool-search{display:grid;gap:14px}.tool-search label{font-size:14px;font-weight:800}.search-row input{width:100%;min-width:0;min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:#fff}.search-row input:focus{border-color:var(--accent);outline:3px solid rgba(15,118,110,.16)}.search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.search-results a{display:grid;gap:4px;min-height:74px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none}.search-results a span,.search-empty{margin:0;color:var(--muted);font-size:14px;line-height:1.4}.search-results a .search-result-meta{color:var(--accent-strong);font-size:12px;font-weight:800}.search-results a em{color:var(--accent-strong);font-size:12px;font-style:normal;font-weight:800}.category-grid,.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.section{display:grid;gap:16px;margin-top:30px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:16px}.section-header h2{margin:0;font-size:22px;letter-spacing:0}.section-header a{color:var(--accent-strong);font-size:14px;font-weight:700;text-decoration:none}.card{display:grid;gap:10px;min-height:150px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none}.card:hover{border-color:#8bb7b1}.card-kicker{color:var(--accent-strong);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.card h2,.card h3{margin:0;font-size:18px;line-height:1.25;letter-spacing:0;overflow-wrap:anywhere}.card p{margin:0;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.tool-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.tool-panel,.side-panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.tool-panel{display:grid;min-height:420px;grid-template-rows:auto 1fr}.tool-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line)}.tool-panel-header h2{margin:0;font-size:16px}.status-pill{padding:4px 8px;border-radius:999px;background:#e6f4f1;color:var(--accent-strong);font-size:12px;font-weight:700}.tool-placeholder{display:grid;min-height:320px;place-items:center;padding:24px;background:linear-gradient(90deg,rgba(15,118,110,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(15,118,110,.08) 1px,transparent 1px);background-size:28px 28px}.placeholder-inner{width:min(420px,100%);padding:18px;background:#ffffffe6;border:1px solid var(--line);border-radius:var(--radius)}.placeholder-inner p{margin:0;color:var(--muted);line-height:1.5}.developer-tool,.calculator-tool,.image-tool{display:grid;gap:14px;padding:18px}.tool-section-title{margin:4px 0 0;color:var(--text);font-size:14px;font-weight:900}.developer-tool label,.calculator-tool label,.image-tool label{font-size:14px;font-weight:800}.developer-tool textarea,.developer-tool input,.calculator-tool input,.calculator-tool select,.image-tool input,.image-tool select{width:100%;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--text)}.developer-tool textarea{min-height:160px;resize:vertical;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.5}.developer-tool input,.calculator-tool input,.calculator-tool select,.image-tool input,.image-tool select{min-height:46px;padding:0 12px}.developer-tool textarea:focus,.developer-tool input:focus,.calculator-tool input:focus,.calculator-tool select:focus,.image-tool input:focus,.image-tool select:focus{border-color:var(--accent);outline:3px solid rgba(15,118,110,.16)}.file-drop{display:grid;gap:10px;padding:16px;border:1px dashed var(--line);border-radius:var(--radius);background:#fff}.file-drop span{overflow-wrap:anywhere}.mode-switcher{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;min-width:0;margin:0;padding:0;border:0}.mode-switcher legend{grid-column:1 / -1;margin:0 0 2px;padding:0;color:var(--text);font-size:14px;font-weight:900}.mode-switcher label{display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:76px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 1px #0f172a08;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease,transform .14s ease}.mode-switcher label:hover{border-color:#8bb7b1;box-shadow:0 8px 20px #0f172a0f}.mode-switcher label:has(input:checked){border-color:var(--accent);background:#eef8f6;color:var(--accent-strong);box-shadow:inset 0 0 0 1px #0f766e38}.mode-switcher span{min-width:0;overflow-wrap:anywhere}.mode-switcher input[type=radio],.mode-switcher input[type=checkbox]{flex:0 0 auto;width:18px;min-width:18px;min-height:18px;margin:2px 0 0;padding:0;accent-color:var(--accent)}.mode-switcher input[type=radio]:focus,.mode-switcher input[type=checkbox]:focus{outline:3px solid rgba(15,118,110,.16);outline-offset:2px}.mode-option-text{display:grid;gap:4px;min-width:0}.mode-option-title{color:var(--text);font-size:14px;font-weight:900;line-height:1.25}.mode-option-description{color:var(--muted);font-size:12px;font-weight:600;line-height:1.4}.mode-switcher label:has(input:checked) .mode-option-title,.mode-switcher label:has(input:checked) .mode-option-description{color:var(--accent-strong)}.range-field{display:grid;gap:8px;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;min-width:0}.form-grid label{display:grid;gap:8px;min-width:0}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input{width:18px;min-height:18px}.tool-actions{display:flex;flex-wrap:wrap;gap:10px}.tool-actions button{min-height:40px;padding:0 14px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.tool-actions button:disabled{border-color:var(--line);background:var(--surface-subtle);color:var(--muted);cursor:not-allowed}.developer-tool pre{overflow:auto;max-height:360px;margin:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#0b1220;color:#e5eefb;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}.split-output{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.split-output h3{margin:0 0 8px;font-size:14px}.result-list{display:grid;gap:10px;margin:0}.result-list div{display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.result-list dt{color:var(--muted);font-weight:800}.result-list dd{margin:0;overflow-wrap:anywhere}.tool-message,.tool-error{margin:0;line-height:1.5;overflow-wrap:anywhere}.tool-message{color:var(--muted)}.tool-error{padding:12px;border:1px solid #fed7aa;border-radius:var(--radius);background:#fff7ed;color:var(--warning)}.error-hint{display:block;margin-top:6px;color:#7c2d12;font-size:.9rem}.download-list{display:grid;gap:10px}.selected-file-list{display:grid;gap:8px}.selected-file-list div{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.selected-file-list strong{overflow-wrap:anywhere}.selected-file-list span{color:var(--muted);font-size:13px}.selected-file-list button{min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle);color:var(--text);cursor:pointer}.selected-file-list button:disabled{color:var(--muted);cursor:not-allowed}.file-row-actions{display:inline-flex;gap:6px}.download-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--text);text-decoration:none;overflow-wrap:anywhere}.download-list span{color:var(--muted);font-size:13px}.side-panel{display:grid;gap:14px;padding:18px}.side-panel p{margin:0;color:var(--muted);line-height:1.5}.related-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.related-tool-card{display:grid;gap:8px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);text-decoration:none}.related-tool-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.related-tool-card em{color:var(--accent-strong);font-style:normal;font-weight:800}.side-panel h2{margin:0;font-size:16px}.side-panel ul{display:grid;gap:10px;margin:0;padding-left:18px}.side-panel a{color:var(--accent-strong);text-decoration:none}.notice{margin:0;padding:12px;border-radius:var(--radius);background:#fff7ed;color:var(--warning);line-height:1.5}.empty-state{padding:18px;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.prose{display:grid;gap:18px;max-width:840px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.prose h2{margin:8px 0 0;font-size:20px}.prose p,.prose li{color:var(--muted);line-height:1.6}.prose p,.prose ul{margin:0}@media(max-width:780px){.site-header,.site-footer,.section-header{align-items:flex-start;flex-direction:column}.top-nav{width:100%}.header-actions,.language-switcher{width:100%;justify-content:flex-start}.page-heading h1{font-size:32px}.tool-shell{grid-template-columns:1fr}.home-hero{grid-template-columns:1fr;padding:22px}.hero-copy h1{font-size:32px}.selected-file-list div{grid-template-columns:1fr;align-items:stretch}.file-row-actions{display:flex}}@media(max-width:520px){main{width:min(100% - 32px,1160px)}.page-heading h1,.hero-copy h1{font-size:30px}.category-grid,.tool-grid,.search-results,.form-grid,.split-output,.result-list div{grid-template-columns:1fr}.developer-tool,.calculator-tool,.image-tool{padding:16px}.tool-actions button,.hero-actions a{width:100%}.download-list a{align-items:flex-start;flex-direction:column}}