:root{--paper: #fbfbfa;--paper-2: #ffffff;--ink: #14181d;--ink-2: #48525e;--ink-3: #7b8794;--line: #e4e7ea;--line-2: #eef0f2;--accent: #1668d6;--accent-soft: #e8f1fd;--ed-bg: #14181e;--ed-panel: #1b2028;--ed-panel-2: #222933;--ed-line: #2e3641;--ed-text: #e6eaef;--ed-text-2: #9aa5b3;--ed-accent: #4aa3ff;--r-sm: 6px;--r: 10px;--r-lg: 16px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px -12px rgba(16, 24, 40, .18);--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.25}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app{display:flex;flex-direction:column;min-height:100%}.app-main{flex:1}.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.site-header{position:sticky;top:0;z-index:40;background:#fbfbfadb;backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.site-header.on-dark{background:#14181eeb;backdrop-filter:none;border-bottom-color:var(--ed-line);color:var(--ed-text)}.header-inner{display:flex;align-items:center;gap:18px;height:60px}.site-header.on-dark .header-inner{width:100%;padding:0 16px}.brand{display:flex;align-items:baseline;gap:8px;font-weight:800;letter-spacing:-.03em;font-size:1.1rem}.brand small{font-size:.68rem;font-weight:600;letter-spacing:.16em;color:var(--ink-3)}.on-dark .brand small{color:var(--ed-text-2)}.header-nav{display:flex;gap:4px;margin-left:auto;align-items:center}.header-nav a{padding:8px 12px;border-radius:var(--r-sm);font-size:.92rem;font-weight:500;color:var(--ink-2)}.header-nav a:hover{background:var(--line-2);color:var(--ink)}.on-dark .header-nav a{color:var(--ed-text-2)}.on-dark .header-nav a:hover{background:var(--ed-panel-2);color:var(--ed-text)}.header-nav a.active{color:var(--accent);background:var(--accent-soft)}.header-context{display:flex;flex-direction:column;line-height:1.25}.header-context b{font-size:.9rem}.header-context span{font-size:.72rem;color:var(--ed-text-2)}.tool-switch{position:relative}.tool-switch>button{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper-2);font-size:.88rem;font-weight:600;cursor:pointer}.on-dark .tool-switch>button{border-color:var(--ed-line);background:var(--ed-panel-2);color:var(--ed-text)}.tool-switch-menu{position:absolute;right:0;top:calc(100% + 8px);width:300px;padding:6px;z-index:50;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);max-height:70vh;overflow:auto}.tool-switch-menu a{display:block;padding:9px 10px;border-radius:var(--r-sm);color:var(--ink)}.tool-switch-menu a:hover{background:var(--line-2)}.tool-switch-menu .tm-name{font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:6px}.tool-switch-menu .tm-sub{font-size:.76rem;color:var(--ink-3);margin-top:1px}.tag-soon{font-size:.66rem;font-weight:700;color:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:1px 6px}.hero{padding:72px 0 44px}.hero h1{font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.16}.hero .lede{margin-top:18px;font-size:1.06rem;color:var(--ink-2);max-width:46ch;line-height:1.7}.hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.hero-badges span{font-size:.8rem;font-weight:600;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:6px 12px}.section{padding:26px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.18em;color:var(--ink-3)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px}.tool-card{display:block;position:relative;padding:20px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color .15s,transform .15s,box-shadow .15s}a.tool-card:hover{border-color:#c9d3de;transform:translateY(-2px);box-shadow:var(--shadow)}.tool-card.is-soon{opacity:.68}.tool-card .tc-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin-bottom:14px}.tc-sky{background:#e7f0fe;color:#1668d6}.tc-emerald{background:#e4f6ec;color:#10794a}.tc-amber{background:#fdf0dc;color:#96610d}.tc-violet{background:#ede9fd;color:#5b46c9}.tc-rose{background:#fde9ee;color:#b93055}.tc-slate{background:#eaeef2;color:#47586b}.tool-card h3{font-size:1.02rem;display:flex;align-items:center;gap:7px}.tool-card .tc-sum{font-size:.78rem;color:var(--ink-3);margin-top:3px;font-weight:500}.tool-card .tc-detail{font-size:.86rem;color:var(--ink-2);line-height:1.6;margin-top:12px}.feature-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}.feature-row h4{font-size:.98rem;margin-bottom:8px}.feature-row p{font-size:.88rem;color:var(--ink-2);line-height:1.7}.doc{padding:56px 0 80px;max-width:760px}.doc h1{font-size:2rem}.doc h2{font-size:1.16rem;margin:38px 0 12px}.doc h3{font-size:1rem;margin:24px 0 8px}.doc p,.doc li{font-size:.95rem;line-height:1.85;color:var(--ink-2)}.doc ul{list-style:disc;padding-left:20px;margin:10px 0}.doc ul li{margin:4px 0}.doc .updated{font-size:.82rem;color:var(--ink-3);margin-top:10px}.kbd{font-family:var(--mono);font-size:.78rem;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 6px;background:var(--paper-2);color:var(--ink);white-space:nowrap}.doc-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.9rem}.doc-table th,.doc-table td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}.doc-table th{font-size:.78rem;color:var(--ink-3);font-weight:700}.ad-slot{display:block;width:100%;overflow:hidden;margin:24px 0}.ad-slot-ph{display:grid;place-items:center;border:1px dashed var(--line);border-radius:var(--r);color:var(--ink-3);font-size:.72rem;letter-spacing:.12em;background:var(--paper-2)}.site-footer{border-top:1px solid var(--line);margin-top:72px;padding:34px 0 44px}.footer-inner{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:flex-start}.site-footer p,.site-footer a{font-size:.84rem;color:var(--ink-3);line-height:1.8}.site-footer a:hover{color:var(--ink)}.footer-links{display:flex;gap:16px;flex-wrap:wrap}@media(max-width:720px){.hero{padding:48px 0 32px}.header-inner{height:56px;gap:10px}.header-nav a{padding:8px;font-size:.86rem}}