:root{--nt-accent:#0f766e;--nt-accent-2:#2563eb;--nt-ink:#0f172a;--nt-muted:#64748b;--nt-line:#e2e8f0;--nt-panel:#fff;--nt-soft:#f8fafc}
.nt-tool-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 72px;color:var(--nt-ink)}
.nt-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 22px;font-size:.84rem;color:var(--nt-muted)}
.nt-breadcrumb a{color:inherit;text-decoration:none}.nt-breadcrumb a:hover{color:var(--nt-accent)}
.nt-tool-hero{position:relative;overflow:hidden;padding:clamp(28px,5vw,58px);border:1px solid var(--nt-line);border-radius:28px;background:radial-gradient(circle at 90% 15%,rgba(37,99,235,.16),transparent 32%),linear-gradient(145deg,#f0fdfa,#eff6ff);box-shadow:0 22px 60px rgba(15,23,42,.08)}
.nt-tool-kicker,.nt-section-eyebrow,.nt-answer-label{display:inline-block;color:var(--nt-accent);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nt-tool-hero h1{max-width:820px;margin:12px 0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.06;letter-spacing:-.045em}
.nt-tool-hero p{max-width:760px;margin:0;color:#475569;font-size:clamp(1rem,2vw,1.16rem);line-height:1.75}
.nt-privacy-note{display:inline-flex;margin-top:20px;padding:9px 13px;border:1px solid rgba(15,118,110,.2);border-radius:999px;background:rgba(255,255,255,.7);font-size:.83rem;color:#115e59}
.nt-answer-summary{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:28px;align-items:center;margin:24px 0;padding:24px 28px;border:1px solid rgba(15,118,110,.18);border-radius:20px;background:#f0fdfa}
.nt-answer-summary h2{margin:6px 0 0;font-size:1.2rem}.nt-answer-summary p{margin:0;line-height:1.75;color:#334155}
.nt-tool-workspace,.nt-hub-browser,.nt-content-section{margin-top:24px;padding:clamp(20px,4vw,34px);border:1px solid var(--nt-line);border-radius:22px;background:var(--nt-panel);box-shadow:0 12px 36px rgba(15,23,42,.055)}
.nt-tool-workspace h2,.nt-content-section h2,.nt-hub-browser h2{margin:6px 0 20px;font-size:clamp(1.25rem,3vw,1.7rem);letter-spacing:-.025em}
.nt-tool-workspace label{display:block;margin:0 0 7px;font-weight:700}
.nt-tool-workspace input,.nt-tool-workspace textarea,.nt-tool-workspace select,.nt-hub-search input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;padding:12px 14px;font:inherit}
.nt-tool-workspace textarea{min-height:210px;resize:vertical;line-height:1.65}
.nt-tool-workspace input:focus,.nt-tool-workspace textarea:focus,.nt-tool-workspace select:focus,.nt-hub-search input:focus{outline:3px solid rgba(37,99,235,.18);border-color:#2563eb}
.nt-btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.nt-btn{border:0;border-radius:12px;padding:11px 17px;background:var(--nt-accent);color:#fff;font:inherit;font-weight:800;cursor:pointer}.nt-btn:hover{filter:brightness(.94)}.nt-btn-secondary{background:#e2e8f0;color:#1e293b}
.nt-howto ol{display:grid;gap:12px;counter-reset:step;padding:0;list-style:none}.nt-howto li{position:relative;padding:15px 18px 15px 52px;border-radius:14px;background:var(--nt-soft);line-height:1.65}.nt-howto li:before{counter-increment:step;content:counter(step);position:absolute;left:14px;top:13px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--nt-accent);color:#fff;font-weight:800}
.nt-guide-copy{color:#334155;line-height:1.8}.nt-guide-copy h3{color:var(--nt-ink);margin:22px 0 8px}.nt-guide-copy ul{padding-left:22px}
.nt-faq details{border-top:1px solid var(--nt-line);padding:16px 2px}.nt-faq details:last-child{border-bottom:1px solid var(--nt-line)}.nt-faq summary{cursor:pointer;font-weight:800}.nt-faq details p{margin:12px 0 0;color:#475569;line-height:1.75}
.nt-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.nt-related-grid a{display:flex;gap:10px;align-items:center;padding:15px;border:1px solid var(--nt-line);border-radius:14px;color:var(--nt-ink);text-decoration:none}.nt-related-grid a:hover{border-color:var(--nt-accent);transform:translateY(-1px)}
.nt-hub-browser-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.nt-hub-search{width:min(360px,100%);font-size:.82rem;color:var(--nt-muted)}.nt-hub-search input{display:block;margin-top:6px}
.nt-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.nt-hub-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:start;padding:20px;border:1px solid var(--nt-line);border-radius:17px;color:var(--nt-ink);text-decoration:none;background:var(--nt-soft);transition:.18s ease}.nt-hub-card:hover{transform:translateY(-2px);border-color:var(--nt-accent);box-shadow:0 12px 28px rgba(15,118,110,.1)}.nt-hub-card[hidden]{display:none}.nt-hub-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff;font-size:1.45rem}.nt-hub-card h3{margin:0 0 6px;font-size:1rem}.nt-hub-card p{margin:0;color:var(--nt-muted);font-size:.86rem;line-height:1.55}.nt-card-arrow{color:var(--nt-accent);font-weight:900}.nt-empty-result{text-align:center;color:var(--nt-muted);padding:28px}
@media(max-width:720px){.nt-answer-summary{grid-template-columns:1fr;gap:12px}.nt-hub-grid{grid-template-columns:1fr}.nt-hub-browser-head{align-items:stretch;flex-direction:column}.nt-hub-search{width:100%}.nt-tool-shell{width:min(100% - 20px,1120px);padding-top:18px}.nt-tool-hero{border-radius:20px}.nt-tool-workspace,.nt-hub-browser,.nt-content-section{border-radius:17px}}
[data-theme=dark] .nt-tool-shell{--nt-ink:#f8fafc;--nt-muted:#94a3b8;--nt-line:#273449;--nt-panel:#101827;--nt-soft:#141f30}
[data-theme=dark] .nt-tool-hero{background:radial-gradient(circle at 90% 15%,rgba(37,99,235,.22),transparent 32%),linear-gradient(145deg,#102421,#111c31)}
[data-theme=dark] .nt-tool-hero p,[data-theme=dark] .nt-answer-summary p,[data-theme=dark] .nt-guide-copy,[data-theme=dark] .nt-faq details p{color:#cbd5e1}
[data-theme=dark] .nt-answer-summary{background:#0e2624;border-color:#24544f}[data-theme=dark] .nt-privacy-note{background:#0f2d2a;color:#99f6e4}
[data-theme=dark] .nt-tool-workspace input,[data-theme=dark] .nt-tool-workspace textarea,[data-theme=dark] .nt-tool-workspace select,[data-theme=dark] .nt-hub-search input{background:#0b1220;color:#f8fafc;border-color:#334155}
[data-theme=dark] .nt-hub-icon{background:#0b1220}