.tool-main{padding:28px 0 80px}.tool-head{max-width:760px;margin:28px 0}.tool-head h1{font-size:clamp(30px,4.6vw,46px);line-height:1.08}.tool-head p{color:var(--muted);margin-top:14px;font-size:17px}.tool-private{background:var(--glow-soft);color:var(--glow-deep);border-radius:999px;align-items:center;gap:6px;margin-top:16px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.tool-app{background:var(--card);border:1px solid var(--border);border-radius:22px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 30px 70px -45px #151b2b73}.tool-split{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tool-pane{flex-direction:column;min-width:0;display:flex}.tool-pane-head{justify-content:space-between;align-items:center;gap:10px;min-height:34px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.tool-mini-button{border:1px solid var(--border);background:var(--paper);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:12.5px;font-weight:550;display:inline-flex}.tool-textarea,.tool-preview{border:1px solid var(--border);border-radius:14px;height:460px}.tool-textarea{resize:vertical;width:100%;font-family:var(--mono);background:#fdfbf7;outline:none;padding:16px;font-size:13px;line-height:1.6}.tool-textarea:focus{border-color:var(--glow);box-shadow:0 0 0 3px #f6b54533}.tool-output{font-family:var(--font-sans);background:#fff;font-size:14px}.tool-preview{background:#fff;padding:22px 26px;overflow:auto}.tool-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tool-filename{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.tool-filename input{border:1px solid var(--border);border-radius:10px;outline:none;width:160px;height:40px;padding:0 12px}.tool-error{color:#b42318;width:100%;margin-top:8px;font-size:13px}.tool-hint{color:var(--muted);font-size:13px}.tool-stat{color:var(--muted);font-size:12px;font-weight:500}.tool-stat-error{color:#b42318;align-items:center;gap:4px;display:inline-flex}.spin{animation:.8s linear infinite tool-spin}@keyframes tool-spin{to{transform:rotate(360deg)}}.tool-modes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.tool-modes button{border:1px solid var(--border);background:var(--paper);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;display:flex}.tool-modes button span{color:var(--muted);font-size:12.5px}.tool-modes button.is-active{border-color:var(--glow);background:var(--glow-soft);box-shadow:0 0 0 1px var(--glow)}.tool-modes-small{grid-template-columns:repeat(auto-fit,minmax(110px,max-content))}.tool-modes-small button{border-radius:999px;padding:8px 16px}.tool-segment{background:var(--paper);border:1px solid var(--border);border-radius:999px;padding:3px;display:inline-flex}.tool-segment button{border-radius:999px;padding:3px 11px;font-size:12px;font-weight:550}.tool-segment button.is-active{background:var(--ink);color:#fff}.tool-diagram{place-items:center;display:grid}.tool-diagram svg{max-width:100%;height:auto}.tool-diagram.is-stale{opacity:.4}.md-render{color:var(--ink);font-size:15px;line-height:1.65}.md-render>*+*{margin-top:.8em}.md-render h1,.md-render h2,.md-render h3,.md-render h4{letter-spacing:-.015em;line-height:1.25}.md-render h1{font-size:1.9em}.md-render h2{border-bottom:1px solid var(--border);margin-top:1.4em;padding-bottom:.3em;font-size:1.35em}.md-render h3{margin-top:1.2em;font-size:1.12em}.md-render ul,.md-render ol{padding-left:1.4em}.md-render ul{list-style:outside}.md-render ol{list-style:decimal}.md-render li:has(>input[type=checkbox]){margin-left:-1.4em;list-style:none}.md-render li+li{margin-top:.25em}.md-render a{color:var(--glow-deep);text-decoration:underline}.md-render code{font-family:var(--mono);background:#f4efe5;border-radius:5px;padding:.12em .4em;font-size:.88em}.md-render pre{background:#f4efe5;border-radius:12px;padding:14px 16px;overflow-x:auto}.md-render pre code{background:0 0;padding:0}.md-render blockquote{border-left:3px solid var(--glow);color:var(--muted);margin:0;padding:4px 16px}.md-render table{border-collapse:collapse;font-size:.92em}.md-render th,.md-render td{border:1px solid var(--border);text-align:left;padding:7px 12px}.md-render th{background:#f7f3eb}.md-render hr{border:0;border-top:1px solid var(--border)}.md-render input[type=checkbox]{accent-color:var(--glow-deep);margin-right:6px}.paper-serif{font-family:Georgia,Times New Roman,serif;font-size:16px}.paper-compact{font-size:13px;line-height:1.5}.table-tools{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.table-tools span:not(:first-child){margin-left:12px}.table-tools button{border:1px solid var(--border);background:var(--paper);border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.table-grid-wrap{overflow-x:auto}.table-grid{border-collapse:collapse;min-width:100%}.table-grid th{text-align:left;padding:4px}.table-grid td{border:1px solid var(--border);padding:0}.table-grid input{background:0 0;border:0;outline:none;width:100%;min-width:120px;height:40px;padding:0 12px}.table-grid input:focus{background:var(--glow-soft)}.table-grid .is-header input{background:#f7f3eb;font-weight:650}.table-align{gap:2px;display:inline-flex}.table-align button{width:26px;height:24px;color:var(--muted);border-radius:6px;place-items:center;display:grid}.table-align button.is-active{background:var(--ink);color:#fff}.table-paste summary{cursor:pointer;align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:inline-flex}.table-paste textarea{border:1px solid var(--border);width:100%;height:110px;font-family:var(--mono);border-radius:12px;margin:10px 0;padding:12px;font-size:13px;display:block}.table-output{height:180px;font-family:var(--mono);white-space:pre;font-size:13px}.tool-info{grid-template-columns:1.2fr 1fr;gap:32px;margin-top:56px;display:grid}.tool-info h2,.tool-faq h2,.tool-more h2{font-size:24px}.tool-steps{counter-reset:step;flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.tool-steps li{color:var(--muted);gap:12px;display:flex}.tool-steps li:before{counter-increment:step;content:counter(step);background:var(--glow-soft);width:26px;height:26px;color:var(--glow-deep);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.tool-cta{background:radial-gradient(circle at 90% 0%, #2c3753, var(--night) 70%);color:#f3ede1;border-radius:22px;flex-direction:column;align-items:flex-start;gap:12px;padding:28px;display:flex}.tool-cta p,.tool-cta-price{color:#a7adbb;font-size:14px}.tool-cta-icon{width:44px;height:44px}.tool-faq,.tool-more{margin-top:56px}.tool-faq .faq-list{margin-top:18px}.tool-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px;display:grid}.tool-card{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:4px;padding:18px;display:flex}.tool-card:hover,.tool-index-card:hover{border-color:var(--glow)}.tool-card span{color:var(--muted);font-size:13.5px}.tool-index-head{text-align:center;margin:40px auto}.tool-index-head h1{margin-top:10px}.tool-index{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.tool-index-card{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:8px;padding:28px;display:flex;position:relative}.tool-index-card h2{font-size:21px}.tool-index-card p{color:var(--muted)}.tool-open{color:var(--glow-deep);align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-weight:600;display:inline-flex}@media (max-width:860px){.tool-split,.tool-info{grid-template-columns:1fr}.tool-textarea,.tool-preview{height:340px}.tool-app{padding:14px}}@media print{.printing-tool body *{visibility:hidden}.printing-tool .tool-print-area,.printing-tool .tool-print-area *{visibility:visible}.printing-tool .tool-print-area{border:0;width:100%;height:auto;padding:0;position:absolute;inset:0 auto auto 0;overflow:visible}}
