:root{--color-bg:#fff;--color-bg-alt:#f5f6f8;--color-text:#1a1d23;--color-text-muted:#5b6270;--color-border:#e2e4e9;--color-accent:#2563eb;--color-accent-contrast:#fff;--ad-placeholder-bg:#eceef1;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--radius:8px;--max-width:1200px}:root[data-theme=dark]{--color-bg:#14161a;--color-bg-alt:#1c1f26;--color-text:#edeef1;--color-text-muted:#9aa1ae;--color-border:#2c303a;--color-accent:#5b8def;--color-accent-contrast:#0c0d10;--ad-placeholder-bg:#22252c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#14161a;--color-bg-alt:#1c1f26;--color-text:#edeef1;--color-text-muted:#9aa1ae;--color-border:#2c303a;--color-accent:#5b8def;--color-accent-contrast:#0c0d10;--ad-placeholder-bg:#22252c}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--color-accent)}button{font-family:inherit}.page{flex-direction:column;min-height:100vh;display:flex}.page__body{gap:var(--space-4);max-width:var(--max-width);width:100%;padding:var(--space-4) var(--space-3);flex:1;margin:0 auto;display:flex}.page__main{flex:1;min-width:0}.page__sidebar{flex-shrink:0}.page__ad{padding:var(--space-3) 0;justify-content:center;display:flex}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:10;position:sticky;top:0}.site-header__bar{max-width:var(--max-width);padding:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 auto;display:flex}.site-header__logo{color:var(--color-text);align-items:center;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.site-header__logo-img{width:auto;height:36px;display:block}.site-header__theme-toggle{border:1px solid var(--color-border);background:var(--color-bg-alt);color:var(--color-text);border-radius:var(--radius);padding:var(--space-1) var(--space-2);cursor:pointer}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-3);text-align:center;color:var(--color-text-muted);font-size:.85rem}.site-footer__links{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.site-footer__links a{color:var(--color-text-muted);text-decoration:none}.site-footer__links a:hover{color:var(--color-accent)}.ad-slot{border-radius:var(--radius);justify-content:center;align-items:center;display:flex;overflow:hidden}.ad-slot__placeholder{background:var(--ad-placeholder-bg);border-radius:var(--radius);width:100%;height:100%}@media (width>=640px) and (width<=1023.98px){.page__body{flex-direction:column}}@media (width<=639.98px){.page__body{flex-direction:column}.page__sidebar{display:none}}@media (width>=1024px){.page__body{flex-direction:row}}.tool-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.tool-card{text-align:center;padding:var(--space-4) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-alt);color:var(--color-text);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--color-accent);color:var(--color-accent)}.tool{max-width:720px}.tool__description{color:var(--color-text-muted);margin-bottom:var(--space-4)}.tool__toggle{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--space-3);display:inline-flex;overflow:hidden}.tool__toggle-btn{background:var(--color-bg);color:var(--color-text);padding:var(--space-2) var(--space-4);cursor:pointer;border:none;font-size:.95rem}.tool__toggle-btn.is-active{background:var(--color-accent);color:var(--color-accent-contrast)}.tool__label{margin-bottom:var(--space-1);font-weight:600;display:block}.tool__row{margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.tool__textarea{width:100%;font-family:var(--font-mono);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-alt);color:var(--color-text);resize:vertical;font-size:.9rem}.tool__btn{border:1px solid var(--color-border);background:var(--color-bg-alt);color:var(--color-text);border-radius:var(--radius);padding:var(--space-1) var(--space-3);cursor:pointer;font-size:.9rem}.tool__btn:disabled{opacity:.5;cursor:not-allowed}.tool__error{color:#d94848;margin:var(--space-2) 0 0;font-size:.9rem}.tool__preview{margin-top:var(--space-3);word-break:break-all;font-size:.9rem}.legal-page h2,.about-page h2{margin-top:var(--space-5);margin-bottom:var(--space-2);font-size:1.15rem}.legal-page ul,.about-page ul{margin:0 0 var(--space-3);padding-left:var(--space-4)}.legal-page li,.about-page li{margin-bottom:var(--space-1)}