:root{--color-text:#151923;--color-muted:#687080;--color-border:#d8dee8;--color-surface:#fff;--color-panel:#f6f8fb;--color-primary:#2563eb;--color-primary-strong:#1d4ed8;--color-error:#b42318;--shadow-sm:0 1px 3px rgba(21,25,35,.12)}*{box-sizing:border-box}html{color:#151923;color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont;letter-spacing:0}body{background:#f6f8fb;background:var(--color-panel);margin:0;min-height:100vh}a{color:#2563eb;color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.site-header{align-items:center;background:#fff;background:var(--color-surface);box-shadow:0 1px 3px rgba(21,25,35,.12);box-shadow:var(--shadow-sm);display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;justify-content:flex-start;min-height:64px;padding:0 18px;position:sticky;top:0;z-index:20}.brand{color:#151923;color:var(--color-text);font-size:1.35rem;font-weight:700}.brand span{color:#2563eb;color:var(--color-primary)}.icon-button{align-content:center;background:transparent;border:0;border-radius:6px;color:#151923;color:var(--color-text);cursor:pointer;display:inline-grid;height:42px;justify-content:center;place-content:center;width:42px}.icon-button:hover{background:#f6f8fb;background:var(--color-panel)}.icon-button svg{height:24px;stroke-width:2.2;width:24px}.drawer-backdrop{background:rgba(12,18,31,.32);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:30}.tool-drawer{background:#fff;background:var(--color-surface);box-shadow:12px 0 30px rgba(21,25,35,.18);height:100vh;left:0;overflow-y:auto;padding:22px;position:fixed;top:0;transform:translateX(-104%);transition:transform .16s ease;width:min(320px,86vw);z-index:40}body.drawer-open .drawer-backdrop{display:block}body.drawer-open .tool-drawer{transform:translateX(0)}.drawer-title{font-size:1.4rem;font-weight:700;margin-bottom:24px}.drawer-category{color:#687080;color:var(--color-muted);font-size:.78rem;font-weight:700;margin-top:22px;text-transform:uppercase}.tool-drawer ul{list-style:none;margin:8px 0 0;padding:0}.tool-drawer li+li{margin-top:8px}.tool-drawer a{color:#151923;color:var(--color-text);display:block;padding:8px 0}.page-shell{margin:0 auto;padding:34px 0 64px;width:min(1180px,calc(100% - 32px))}.home-hero{align-content:center;display:grid;justify-content:center;min-height:48vh;place-content:center;grid-gap:28px;gap:28px;text-align:center}h1{font-size:max(1.8rem,min(4vw,3.4rem));line-height:1.1;margin:0 0 24px}h2{font-size:1.25rem;margin:0 0 16px}.primary-action{background:#2563eb;background:var(--color-primary);border-radius:6px;color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;justify-content:center;min-width:140px;padding:12px 18px}.primary-action:hover{background:#1d4ed8;background:var(--color-primary-strong);text-decoration:none}.tool-index{margin:0 auto;max-width:860px}.privacy-notice{align-items:center;background:#eef8f2;border:1px solid #b7d8c7;border-radius:8px;color:#17603a;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;font-weight:400;gap:10px;line-height:1.45;margin:-10px 0 24px;overflow-x:auto;padding:12px 14px;white-space:nowrap}.privacy-icon{flex:0 0 auto;height:24px;stroke-width:2.2;width:24px}.sr-only{height:1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.tool-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:28px;gap:28px}.tool-groups ul{margin:0;padding-left:18px}.tool-page{min-height:58vh}.tabs{background:#e8eef8;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto 22px;padding:4px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.tab{background:transparent;border:0;border-radius:6px;color:#151923;color:var(--color-text);cursor:pointer;font-weight:700;min-width:96px;padding:9px 14px}.tab.is-active{background:#fff;background:var(--color-surface);box-shadow:0 1px 3px rgba(21,25,35,.12);box-shadow:var(--shadow-sm)}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.tool-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-content{color:#687080;color:var(--color-muted);font-size:1rem;line-height:1.65;margin:34px auto 0;max-width:820px}.tool-content h2{color:#151923;color:var(--color-text);margin-top:26px}.tool-content p{margin:0 0 14px}.textarea-panel{min-width:0}.textarea-panel.is-last{order:10}.schema-panel{grid-column:auto}.textarea-header{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;min-height:44px}.textarea-header label{color:#2563eb;color:var(--color-primary);font-size:1.1rem;font-weight:700}.copy-button{align-items:center;background:transparent;border:0;border-radius:6px;color:#151923;color:var(--color-text);cursor:pointer;display:inline-grid;height:40px;justify-items:center;place-items:center;width:40px}.copy-button:hover{background:#e8eef8}.copy-button svg{height:20px;stroke-width:2;width:20px}textarea{background:#fff;background:var(--color-surface);border:1px solid #d8dee8;border:1px solid var(--color-border);border-radius:8px;color:#151923;color:var(--color-text);display:block;font:.95rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:260px;padding:14px;resize:vertical;width:100%}textarea:focus{border-color:#2563eb;border-color:var(--color-primary);outline:2px solid rgba(37,99,235,.2)}textarea.is-invalid{border-color:#b42318;border-color:var(--color-error)}textarea[readonly]{background:#fbfcfe}.field-error{color:#b42318;color:var(--color-error);font-size:.9rem;min-height:22px;padding:5px 4px 0}.site-footer{background:#e8edf4;color:#687080;color:var(--color-muted);padding:34px 16px 56px;text-align:center}.site-footer nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:22px;justify-content:center;margin-bottom:12px}@media (max-width:880px){.tool-grid,.tool-grid-three{grid-template-columns:1fr}.schema-panel{grid-column:auto}}