.tool-page{z-index:1;min-height:100vh;padding:0 0 60px;position:relative}.tool-header{text-align:center;margin-bottom:60px}.tool-header h1{font-family:var(--font-display);font-size:var(--text-48);letter-spacing:-.022em;color:var(--text-color);margin-bottom:16px;font-weight:300}.tool-subtitle{font-size:var(--text-20);color:var(--text-color);opacity:.8;max-width:800px;margin:0 auto}.tool-content{max-width:1200px;margin:0 auto}.tool-section{margin-bottom:40px;padding:40px}.tool-section h2{font-size:var(--text-32);color:var(--accent);margin-bottom:24px;font-weight:700}.tool-section p{font-size:var(--text-16);color:var(--text-color);opacity:.9;margin-bottom:16px;line-height:1.8}.tool-section ol,.tool-section ul{margin:24px 0;padding-left:0;list-style:none}.tool-section ol li,.tool-section ul li{color:var(--text-color);opacity:.9;line-height:1.8;font-size:var(--text-16);padding:12px 0 12px 28px;position:relative}.tool-section ol li:before{content:counter(list-item);counter-increment:list-item;color:var(--accent);font-weight:700;font-size:var(--text-18);position:absolute;left:0}.tool-section ol{counter-reset:list-item}.tool-section ul li:before{content:"→";color:var(--accent);font-weight:700;position:absolute;left:0}.tool-section strong{color:var(--accent);font-weight:600}.feature-comparison{margin:24px 0;overflow-x:auto}.feature-comparison table{border-collapse:collapse;background:var(--surface);border-radius:8px;width:100%;overflow:hidden}.feature-comparison thead{background:var(--hairline)}.feature-comparison th{text-align:left;font-weight:700;font-size:var(--text-16);color:var(--text-color);border-bottom:2px solid var(--border-color);padding:16px 20px}.feature-comparison th:first-child{min-width:200px}.feature-comparison th:not(:first-child){text-align:center;min-width:200px}.feature-comparison td{font-size:var(--text-14);color:var(--text-color);opacity:.9;border-bottom:1px solid var(--hairline);vertical-align:top;padding:16px 20px}.feature-comparison td:first-child{font-weight:600}.feature-comparison td:not(:first-child){text-align:center}.feature-comparison tbody tr:hover{background:var(--bg)}.tool-section pre.code-block{background:var(--ink);border:1px solid var(--dark-surface-border);font-family:var(--font-mono);font-size:var(--text-14);color:var(--surface-press);border-radius:14px;margin:24px 0;padding:20px;line-height:1.6;overflow-x:auto}.tool-cta{text-align:center;margin-top:40px;padding:48px}@media (max-width:768px){.tool-page{padding:0 0 40px}.tool-header h1{font-size:var(--text-34)}.tool-section{padding:var(--space-5)}.tool-section h2{font-size:var(--text-28)}.feature-comparison table{font-size:var(--text-13)}.feature-comparison th,.feature-comparison td{padding:var(--space-3)}.tool-cta{padding:var(--space-6)}}@media (max-width:480px){.tool-page{padding:0 0 32px}.tool-header{margin-bottom:var(--space-6)}.tool-header h1{font-size:var(--text-34)}.tool-subtitle{font-size:var(--text-16)}.tool-section{padding:var(--space-4);margin-bottom:var(--space-5)}.tool-section h2{font-size:var(--text-24);margin-bottom:var(--space-4)}.tool-section p{font-size:var(--text-14)}.tool-section ol li,.tool-section ul li{font-size:var(--text-14);padding:var(--space-2) 0;padding-left:var(--space-4)}.feature-comparison table{font-size:var(--text-12)}.feature-comparison th,.feature-comparison td{padding:var(--space-2)}.feature-comparison th:first-child,.feature-comparison th:not(:first-child){min-width:100px}.tool-section pre.code-block{padding:var(--space-3);font-size:var(--text-12)}.tool-cta{padding:var(--space-5)}}