:root{--bg:#07110d;--panel:#0c1813;--panel-2:#10231b;--ink:#e9fff1;--muted:#9ab9a7;--line:#254437;--accent:#71f6b1;--accent-2:#63d8ff;--danger:#ff8e83;--radius:8px;--shadow:0 24px 70px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.65}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(113,246,177,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(113,246,177,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}a{color:inherit}button,input,select,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--accent);color:#03130b;padding:.7rem 1rem;z-index:1000}.skip-link:focus{top:1rem}.section-shell,.header-inner,.footer-grid,.footer-bottom{width:min(1180px,calc(100% - 36px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,17,13,.86);border-bottom:1px solid rgba(113,246,177,.14);backdrop-filter:blur(18px)}.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--accent);background:rgba(113,246,177,.08);color:var(--accent);font:700 14px/1 ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:inset 0 0 20px rgba(113,246,177,.08)}.brand strong{display:block;letter-spacing:.01em}.brand small{display:block;color:var(--muted);font:11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.site-nav{display:flex;align-items:center;gap:1.35rem}.site-nav>a{text-decoration:none;color:#c9e5d4;font-size:.93rem}.site-nav>a:hover{color:var(--accent)}.language-select select{max-width:145px;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:.48rem 2rem .48rem .7rem;border-radius:4px}.nav-toggle{display:none}.hero{width:min(1180px,calc(100% - 36px));margin:0 auto;min-height:610px;padding:96px 0 80px;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.eyebrow{margin:0 0 .8rem;color:var(--accent);font:700 12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em}.hero h1,.tool-hero h1,.standard-page h1{margin:.1em 0 .35em;font-size:clamp(2.75rem,7vw,5.8rem);line-height:.95;letter-spacing:-.055em}.hero-lead,.tool-heading p,.standard-page .hero-lead{font-size:clamp(1.05rem,2vw,1.25rem);max-width:700px;color:#bdd4c6}.hero-actions{margin-top:2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid transparent;border-radius:4px;padding:.7rem 1.1rem;text-decoration:none;font-weight:750;cursor:pointer}.button.primary{background:var(--accent);color:#062014}.button.primary:hover{background:#a0ffca}.button.secondary{background:transparent;border-color:var(--accent);color:var(--accent)}.button.ghost{background:transparent;border-color:var(--line);color:var(--muted)}.trust-chip{color:var(--accent);font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.microcopy{color:var(--muted);font-size:.85rem}.hero-terminal{border:1px solid #285441;background:#06100c;box-shadow:0 0 0 8px rgba(113,246,177,.025),var(--shadow);transform:perspective(1000px) rotateY(-3deg)}.terminal-bar{height:42px;border-bottom:1px solid #204034;display:flex;align-items:center;gap:7px;padding:0 14px;color:var(--muted)}.terminal-bar span{width:9px;height:9px;border-radius:50%;background:#335748}.terminal-bar span:first-child{background:#ff756d}.terminal-bar span:nth-child(2){background:#e9cb63}.terminal-bar span:nth-child(3){background:var(--accent)}.terminal-bar code{margin-left:auto;font-size:12px}.hero-terminal pre{margin:0;padding:34px;line-height:2.05;color:#c5dfd0;white-space:pre-wrap;font-size:clamp(.76rem,1.3vw,.98rem)}.hero-terminal em{font-style:normal;color:var(--accent-2)}.hero-terminal strong{color:var(--accent)}.tool-directory{padding:82px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem}.section-heading h2,.principles h2,.article-layout h2,.faq-section h2,.history-panel h2{margin:.1rem 0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.035em}.tool-search input{width:min(360px,70vw);background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:.8rem 1rem;border-radius:3px}.category-block{margin:0 0 3.5rem}.category-block>h3{padding-bottom:.65rem;border-bottom:1px solid var(--line);color:var(--muted);font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.13em}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.tool-card{min-height:132px;display:grid;grid-template-columns:54px 1fr 24px;align-items:start;gap:1rem;background:var(--panel);padding:1.4rem;text-decoration:none;transition:background .2s,transform .2s}.tool-card:hover{background:var(--panel-2);transform:translateY(-2px)}.tool-card strong{display:block;font-size:1.05rem;line-height:1.35}.tool-card small{display:block;margin-top:.4rem;color:var(--muted);line-height:1.45}.tool-card>b{color:var(--accent)}.tool-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);color:var(--accent);font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace;background:#08130e}.tool-icon.large{width:72px;height:72px;font-size:18px;flex:0 0 auto}.principles{padding:80px 0 110px;display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line)}.principles p{color:var(--muted)}.principles ul{list-style:none;margin:0;padding:0}.principles li{padding:1rem 0;border-bottom:1px solid var(--line)}.principles li strong{color:var(--accent);margin-right:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.tool-hero{padding:60px 0 38px}.breadcrumbs{display:flex;gap:.65rem;color:var(--muted);font-size:.82rem;overflow:hidden;white-space:nowrap}.breadcrumbs a{text-decoration:none}.tool-heading{display:flex;align-items:flex-start;gap:1.5rem;margin-top:2.2rem}.tool-hero h1{font-size:clamp(2.5rem,6vw,5.25rem);max-width:920px}.tool-heading p{max-width:840px}.tool-workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;padding:20px 0 55px}.work-panel{border:1px solid var(--line);background:var(--panel);min-height:480px}.panel-heading{min-height:68px;padding:1rem 1.2rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel-heading>div{display:flex;align-items:center;gap:.8rem}.panel-heading h2{font-size:1rem;margin:0}.step{color:var(--accent);font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace}.local-badge{font-size:.72rem;color:var(--accent)}.input-panel form{padding:1.2rem}.file-drop{position:relative;min-height:150px;border:1px dashed #3f7760;background:#091510;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.4rem;cursor:pointer}.file-drop:hover{border-color:var(--accent)}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-drop small,.source-text span,.field span{color:var(--muted);font-size:.78rem}.drop-icon{font-size:2rem;color:var(--accent)}.source-text,.field{display:grid;gap:.4rem;margin-top:1rem}.source-text textarea,.field input,.field select{width:100%;background:#06100c;border:1px solid var(--line);color:var(--ink);border-radius:3px;padding:.75rem}.source-text textarea{resize:vertical;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.form-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}.form-error{min-height:1.5em;color:var(--danger);font-size:.86rem}.output-panel{position:sticky;top:94px}.result-empty{min-height:400px;display:grid;place-content:center;text-align:center;color:var(--muted);padding:2rem}.result-empty>span{font:700 42px ui-monospace,SFMono-Regular,Consolas,monospace;color:#315b49}.result-content{padding:1.2rem}.result-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:1rem}.metric{background:#08140f;padding:1rem;min-width:0}.metric span{display:block;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;margin-top:.3rem;color:var(--accent);font:700 1.08rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.result-table{width:100%;border-collapse:collapse;font-size:.78rem}.result-table th,.result-table td{text-align:left;border-bottom:1px solid var(--line);padding:.55rem .35rem;vertical-align:top}.result-table th{color:var(--muted);font-weight:600}.status-ok{color:var(--accent)}.status-bad{color:var(--danger)}.result-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.history-panel{padding:35px 0 70px;border-top:1px solid var(--line);display:grid;grid-template-columns:.4fr 1fr;gap:2rem}.history-items{display:flex;gap:.6rem;overflow:auto;padding-bottom:.5rem}.history-item{flex:0 0 230px;background:var(--panel);border:1px solid var(--line);padding:.8rem}.history-item strong{display:block;font-size:.8rem}.history-item small{color:var(--muted)}.article-layout{padding:85px 0;display:grid;grid-template-columns:1fr 330px;gap:100px;border-top:1px solid var(--line)}.article-main>p:not(.eyebrow){color:#c4dccf;font-size:1.08rem}.note{border-left:3px solid var(--accent);background:var(--panel);padding:1rem 1.2rem;margin-top:2rem}.note p{color:var(--muted)}.article-layout aside{border:1px solid var(--line);padding:1.2rem;align-self:start}.article-layout aside h2{font-size:1rem}.article-layout aside a{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:.88rem}.article-layout aside a span{color:var(--accent)}.faq-section{padding:75px 0 110px;border-top:1px solid var(--line)}.faq-list{margin-top:2.5rem;max-width:900px}.faq-list details{border-bottom:1px solid var(--line);padding:1rem 0}.faq-list summary{cursor:pointer;font-weight:700}.faq-list p{color:var(--muted);max-width:780px}.standard-page{padding:90px 0 120px;max-width:920px}.standard-page h1{font-size:clamp(2.6rem,6vw,5rem)}.standard-sections{margin-top:4rem}.standard-sections section{padding:1.5rem 0;border-top:1px solid var(--line);display:grid;grid-template-columns:270px 1fr;gap:2rem}.standard-sections h2{font-size:1.05rem;margin:0}.standard-sections p{margin:0;color:var(--muted)}.site-footer{border-top:1px solid var(--line);background:#040a07}.footer-grid{padding:50px 0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid p{color:var(--muted);max-width:430px}.footer-grid h2{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.footer-grid>div>a:not(.brand){display:block;color:#cce5d5;text-decoration:none;padding:.25rem 0}.footer-bottom{padding:18px 0;border-top:1px solid #15251e;color:var(--muted);font-size:.78rem}.footer-bottom a{color:var(--muted)}
@media(max-width:850px){.header-inner{height:64px}.brand small{display:none}.nav-toggle{display:block;background:transparent;border:1px solid var(--line);color:var(--ink);padding:.45rem .7rem}.site-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#07110d;border-bottom:1px solid var(--line);padding:1rem 18px;align-items:stretch;flex-direction:column}.site-nav.open{display:flex}.language-select select{width:100%;max-width:none}.hero{min-height:auto;padding:70px 0;grid-template-columns:1fr;gap:45px}.hero-terminal{transform:none}.tool-grid{grid-template-columns:1fr}.principles{grid-template-columns:1fr;gap:30px}.tool-heading{display:block}.tool-heading .tool-icon{margin-bottom:1rem}.tool-workspace{grid-template-columns:1fr}.output-panel{position:static}.history-panel{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:50px}.standard-sections section{grid-template-columns:1fr;gap:.5rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:540px){.section-shell,.header-inner,.footer-grid,.footer-bottom,.hero{width:min(100% - 24px,1180px)}.hero h1{font-size:3rem}.hero-terminal pre{padding:22px}.section-heading{align-items:stretch;flex-direction:column}.tool-search input{width:100%}.tool-card{grid-template-columns:44px 1fr 16px;padding:1rem;min-height:120px}.tool-icon{width:40px;height:40px}.local-badge{display:none}.form-actions .button{flex:1 1 100%}.result-summary{grid-template-columns:1fr}.article-layout{padding:60px 0}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.tool-hero{padding-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* CodeMark: graphic black/white label-system identity */
:root{--bg:#f7f7f2;--panel:#fff;--panel-2:#e8e8e1;--ink:#101010;--muted:#5a5a55;--line:#111;--accent:#d6ff43;--accent-2:#6445ff;--danger:#d7253d;--radius:0;--shadow:12px 12px 0 #111;color-scheme:light;font-family:Arial,Helvetica,sans-serif}body{background:var(--bg);color:var(--ink)}body:before{display:none}.site-header{background:rgba(247,247,242,.96);border-bottom:2px solid #111}.brand-mark{background:#111;color:var(--accent);border:0;box-shadow:none;font-size:18px}.brand small,.site-nav>a{color:#333}.language-select select,.tool-search input{background:#fff;color:#111;border:2px solid #111;border-radius:0}.code-hero{min-height:640px}.code-hero h1{font-size:clamp(3.5rem,9vw,7.7rem);font-weight:900;text-transform:uppercase;letter-spacing:-.075em}.code-hero mark{background:var(--accent);color:#111;padding:0 .08em}.button{border-radius:0;text-transform:uppercase;font-size:.82rem;letter-spacing:.08em}.button.primary{background:#111;color:var(--accent)}.button.primary:hover{background:var(--accent);color:#111;box-shadow:5px 5px 0 #111}.button.ghost{color:#111;border-color:#111}.trust-chip,.eyebrow{color:var(--accent-2)}.scan-card{position:relative;background:#fff;border:3px solid #111;padding:35px;box-shadow:var(--shadow);transform:rotate(2deg);overflow:hidden}.fake-code{height:165px;background:repeating-linear-gradient(90deg,#111 0 3px,transparent 3px 6px,#111 6px 8px,transparent 8px 13px,#111 13px 19px,transparent 19px 23px)}.scan-card code{display:block;margin-top:20px;color:#111;font-weight:700}.scan-card>span{display:inline-block;margin-top:20px;background:var(--accent);padding:.35rem .5rem;font-weight:900}.scan-line{position:absolute;left:0;right:0;top:25%;height:3px;background:#ff315b;box-shadow:0 0 18px #ff315b;animation:scan 3s ease-in-out infinite}@keyframes scan{50%{top:70%}}.section-heading h2,.principles h2,.article-layout h2,.faq-section h2,.history-panel h2,.tool-hero h1,.standard-page h1{font-weight:900;text-transform:uppercase;letter-spacing:-.04em}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:none;border:2px solid #111}.tool-card{background:#fff;border:0;border-bottom:2px solid #111;min-height:175px}.tool-card:nth-child(odd){border-right:2px solid #111}.tool-card:hover{background:var(--accent);transform:none}.tool-icon{background:#111;color:var(--accent);border:0}.tool-card small{color:#555}.category-block>h3{border:0;color:#111;background:#111;color:#fff;display:inline-block;padding:.35rem .6rem;margin-bottom:0}.principles,.history-panel,.article-layout,.faq-section{border-color:#111;border-width:2px}.principles li{border-color:#111}.principles li strong{color:var(--accent-2)}.work-panel{border:2px solid #111;background:#fff;box-shadow:8px 8px 0 #111}.panel-heading{border-color:#111;background:var(--accent)}.step{color:#111}.local-badge{color:#111}.input-panel form{display:grid;gap:1rem}.field{margin:0}.field span{color:#333}.field input,.field select,.field textarea{width:100%;background:#fff;color:#111;border:2px solid #111;padding:.75rem;border-radius:0;font:inherit}.field textarea{font-family:ui-monospace,monospace;resize:vertical}.result-summary{gap:0;background:none;border:2px solid #111}.metric{background:#fff;border-bottom:1px solid #111}.metric strong{color:var(--accent-2)}.note{border:2px solid #111;border-left:12px solid var(--accent);background:#fff}.history-item,.article-layout aside{background:#fff;border:2px solid #111}.faq-list details{border-color:#111;border-width:2px}.site-footer{background:#111;color:#fff;border:0}.footer-grid p,.footer-bottom,.footer-bottom a{color:#aaa}.footer-grid>div>a:not(.brand){color:#fff}.footer-bottom{border-color:#444}
@media(max-width:850px){.site-nav{background:#f7f7f2}.scan-card{transform:none}.tool-grid{grid-template-columns:1fr}.tool-card:nth-child(odd){border-right:0}}
@media(max-width:540px){.code-hero h1{font-size:3.3rem}.scan-card{padding:20px}.fake-code{height:120px}.work-panel{box-shadow:5px 5px 0 #111}}


/* SEO long-form guide */
.article-guide { margin-top: 2rem; }
.guide-body { max-width: 48rem; line-height: 1.65; }
.guide-body h2, .guide-body h3 { margin-top: 1.5rem; line-height: 1.25; }
.guide-body table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 0.95rem; }
.guide-body th, .guide-body td { border: 1px solid color-mix(in srgb, currentColor 18%, transparent); padding: 0.5rem 0.65rem; text-align: left; vertical-align: top; }
.guide-body th { background: color-mix(in srgb, currentColor 6%, transparent); }
.guide-body ul, .guide-body ol { padding-left: 1.25rem; }
.guide-body li { margin: 0.35rem 0; }
.guide-body .formula { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; padding: 0.75rem 1rem; border-radius: 0.5rem; background: color-mix(in srgb, currentColor 6%, transparent); overflow-x: auto; }

/* Cross-device visual balance, readable contrast and touch accessibility. */
[hidden]{display:none!important}
.hero h1,.code-hero h1{font-size:clamp(3rem,5.3vw,4.75rem)}
.tool-hero h1{font-size:clamp(2.5rem,4.5vw,4rem)}
.hero-lead,.tool-heading p:not(.eyebrow),.standard-page .hero-lead,.article-main>p:not(.eyebrow){color:#46584f}
.tool-heading .eyebrow{color:var(--accent-2)}
.status-ok{color:#3d5700}
.history-panel,.history-panel>*{min-width:0}
[data-history],.history-items{width:100%;max-width:100%;min-width:0}
.history-items{overscroll-behavior-inline:contain;contain:inline-size}
.history-item strong,.history-item p{overflow-wrap:anywhere}
.guide-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-guide,.guide-body{min-width:0;max-width:100%;overflow-x:hidden}
@media(max-width:850px){
  .brand,.nav-toggle,.site-nav>a,.language-select select,.breadcrumbs a,.article-layout aside a{min-height:44px}
  .nav-toggle{min-width:44px;padding:.65rem .8rem}
  .site-nav>a,.breadcrumbs a,.article-layout aside a{display:flex;align-items:center}
  .footer-grid>div>a:not(.brand){display:flex;align-items:center;min-height:44px}
  .history-items{display:grid;grid-template-columns:minmax(0,1fr);max-height:430px;overflow-x:hidden;overflow-y:auto}
  .history-item{width:100%;min-width:0}
}
@media(max-width:540px){
  .hero h1,.code-hero h1{font-size:clamp(2.4rem,10.8vw,2.65rem)}
  .tool-hero h1{font-size:clamp(2.25rem,9vw,2.75rem)}
}