:root{--bg:#f5f7fb;--surface:#fff;--ink:#111827;--muted:#667085;--line:#dfe4ed;--accent:#4f46e5;--accent-soft:#eeedff;--code:#121826;--code-ink:#dbe4ff;color-scheme:light}:root[data-theme="dark"]{--bg:#0b1020;--surface:#131a2a;--ink:#f5f7fb;--muted:#aeb8ca;--line:#2a3449;--accent:#9b94ff;--accent-soft:#26234c;--code:#080d18;--code-ink:#e2e7fb;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,rgba(79,70,229,.12),transparent 27rem),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit}button,textarea{font:inherit}button{cursor:pointer}.site-header{max-width:1280px;height:76px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;font-size:1.15rem;font-weight:850;letter-spacing:-.04em}.brand:before{content:"✦";margin-right:8px;color:var(--accent)}.header-note{color:var(--muted);font-size:.86rem}.site-nav{display:flex;gap:6px}.site-nav a{padding:7px 10px;border-radius:8px;color:var(--muted);font-size:.86rem;font-weight:700;text-decoration:none}.site-nav a:hover{background:var(--accent-soft);color:var(--accent)}.theme-button{margin-left:auto;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:1.15rem}main{max-width:1280px;margin:auto;padding:72px 32px 42px}.breadcrumbs{display:flex;align-items:center;gap:9px;margin:-28px 0 42px;color:var(--muted);font-size:.8rem}.breadcrumbs a{text-decoration:none}.breadcrumbs strong{color:var(--ink);font-weight:700}.intro{max-width:760px}.intro.compact{max-width:780px}.eyebrow{margin:0 0 13px;color:var(--accent);font-weight:800;font-size:.75rem;letter-spacing:.13em}h1{margin:0;font-size:clamp(2.7rem,5.8vw,5.35rem);line-height:.98;letter-spacing:-.065em;word-break:keep-all}.intro.compact h1{font-size:clamp(2.7rem,5vw,4.8rem)}.intro>p:last-of-type{margin:24px 0 0;max-width:680px;color:var(--muted);font-size:1.05rem;line-height:1.7}.trust-list{display:flex;gap:22px;margin:24px 0 0;padding:0;list-style:none;color:var(--muted);font-size:.82rem;font-weight:700}.trust-list li:before{content:"✓";margin-right:7px;color:#168568}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px}.tool-card{position:relative;min-height:260px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);text-decoration:none;transition:transform .18s,box-shadow .18s}.tool-card--active:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(17,24,39,.11);border-color:var(--accent)}.tool-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-family:ui-monospace,monospace;font-weight:800}.badge{margin:24px 0 5px;color:var(--accent);font-size:.72rem;font-weight:800}.tool-card h2{margin:0;font-size:1.3rem;letter-spacing:-.035em}.tool-card div>p:last-child{margin:10px 0 0;color:var(--muted);font-size:.91rem;line-height:1.6}.arrow{position:absolute;right:24px;bottom:22px;color:var(--accent);font-size:1.35rem}.promise{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:76px;padding:34px 0;border-top:1px solid var(--line)}.promise h2,.content-section h2,.guide-section h2,.faq-section h2,.related-section h2{margin:0;font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:-.055em}.promise>p{margin:0;color:var(--muted);line-height:1.75}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:53px}.editor-panel{min-height:420px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 10px 28px rgba(17,24,39,.06)}.panel-heading{height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font-size:.84rem}.panel-heading label{color:var(--ink);font-weight:800}textarea,pre{width:100%;height:368px;margin:0;padding:20px;border:0;outline:0;background:transparent;color:var(--ink);font:.89rem/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2;resize:vertical}textarea::placeholder{color:#9aa4b5}.output-panel{background:var(--code);border-color:var(--code)}.output-panel .panel-heading{border-color:rgba(219,228,255,.15);color:#aebce1}.output-panel .panel-heading label,.output-panel pre{color:var(--code-ink)}pre{overflow:auto;white-space:pre-wrap;word-break:break-word}.text-button{padding:7px 9px;border:0;border-radius:7px;background:transparent;color:inherit;font-size:.83rem;font-weight:750}.text-button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.text-button:disabled{opacity:.45;cursor:default}.action-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.main-actions,.utility-actions{display:flex;gap:8px;flex-wrap:wrap}.primary-button,.secondary-button{min-height:43px;padding:0 17px;border-radius:9px;font-size:.9rem;font-weight:800}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff;box-shadow:0 6px 16px rgba(79,70,229,.23)}.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.status{min-height:24px;margin:14px 2px 0;color:var(--muted);font-size:.9rem}.status.success{color:#168568}.status.error{color:#d1495b}.content-section,.guide-section,.faq-section,.related-section{margin-top:100px;padding-top:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.feature-grid article{padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.feature-grid span{color:var(--accent);font:700 .75rem ui-monospace,monospace}.feature-grid h3{margin:28px 0 8px;font-size:1.05rem}.feature-grid p{margin:0;color:var(--muted);font-size:.91rem;line-height:1.65}.guide-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.guide-section>div>p:last-child{color:var(--muted)}.guide-section ol{margin:0;padding:0;list-style:none}.guide-section li{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.guide-section li span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--accent);color:white;font-size:.8rem;font-weight:800}.guide-section li p{margin:0}.faq-section>div{margin-top:28px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:22px 0;cursor:pointer;font-weight:800;list-style:none}summary:after{content:"+";float:right;color:var(--accent);font-size:1.2rem}details[open] summary:after{content:"−"}details p{max-width:820px;margin:-6px 0 23px;color:var(--muted);line-height:1.75}.related-section>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.related-section a{position:relative;display:grid;grid-template-columns:52px 1fr;gap:4px 16px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-decoration:none}.related-section a:hover{border-color:var(--accent)}.related-section .tool-icon{grid-row:1/3}.related-section strong{align-self:end}.related-section small{padding-right:32px;color:var(--muted);line-height:1.5}.related-section b{position:absolute;right:22px;top:50%;color:var(--accent)}footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;max-width:1280px;margin:60px auto 0;padding:34px 32px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}footer p{margin:0}footer nav{display:flex;justify-content:flex-end;gap:18px}footer nav a{text-decoration:none}footer small{grid-column:1/-1}.category-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}.category-links a{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none}.category-links strong{display:block;margin-bottom:5px}.category-links span{color:var(--muted);font-size:.84rem}@media(max-width:720px){.site-header{padding:0 20px}.header-note,.site-nav{display:none}main{padding:48px 20px 28px}.breadcrumbs{margin:-16px 0 32px;overflow:hidden;white-space:nowrap}.tool-grid,.workspace,.promise,.feature-grid,.guide-section,.related-section>div,.category-links{grid-template-columns:1fr}.tool-grid{margin-top:38px}.tool-card{min-height:220px}.promise,.guide-section{gap:18px;margin-top:50px}.editor-panel{min-height:330px}textarea,pre{height:278px}.action-row{align-items:flex-start;flex-direction:column}.trust-list{gap:10px;flex-wrap:wrap}.content-section,.guide-section,.faq-section,.related-section{margin-top:70px}footer{grid-template-columns:1fr;padding:28px 20px}footer nav{justify-content:flex-start;flex-wrap:wrap}footer small{grid-column:auto}}