#byteguide-app{--ink:#173d34;--text:#34453f;--muted:#6d7771;--paper:#fafbf7;--line:#e2e7dc;--green:#ddebba;--radius:16px;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;text-align:left;isolation:isolate}
#byteguide-app *,#byteguide-app *:before,#byteguide-app *:after{box-sizing:border-box}#byteguide-app [hidden]{display:none!important}#byteguide-app h1,#byteguide-app h2,#byteguide-app h3,#byteguide-app p{margin:0;color:inherit}#byteguide-app a{color:inherit;text-decoration:none}#byteguide-app button,#byteguide-app input,#byteguide-app select,#byteguide-app textarea{font:inherit;line-height:1.5}#byteguide-app button{cursor:pointer}#byteguide-app button:disabled{cursor:not-allowed;opacity:.45}#byteguide-app button{border:0;box-shadow:none;text-transform:none;letter-spacing:normal;border-radius:0}#byteguide-app a:focus-visible,#byteguide-app button:focus-visible,#byteguide-app summary:focus-visible{outline:3px solid #5f7a45;outline-offset:4px}#byteguide-app input:focus,#byteguide-app textarea:focus,#byteguide-app select:focus{outline:2px solid #7c9864;outline-offset:2px}#byteguide-app h1:focus{outline:none}#byteguide-app .bg-skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--ink);color:white;z-index:50}#byteguide-app .bg-skip:focus{top:10px}
#byteguide-app .bg-header{height:102px;max-width:1440px;margin:auto;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}#byteguide-app .bg-logo{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:750;letter-spacing:-1.2px;line-height:1.1}#byteguide-app .bg-logo-mark{width:46px;height:46px;background:var(--ink);color:#e7efb5;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:38px;position:relative;padding-bottom:3px}#byteguide-app .bg-logo-mark span{position:absolute;right:4px;top:5px;font-size:21px;line-height:1;color:white}#byteguide-app .bg-logo-sub{display:block;font-size:8px;font-weight:600;letter-spacing:1.4px;margin-top:7px}#byteguide-app .bg-logo-dot{align-self:flex-start;color:#7a9450;font-size:42px;line-height:.75;margin-left:-9px}#byteguide-app .bg-header nav{display:flex;gap:32px;font-size:13px;font-weight:600}#byteguide-app .bg-header nav a:hover{color:#718d3b}#byteguide-app .bg-header-label{font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}#byteguide-app .bg-header-label i{width:6px;height:6px;border-radius:50%;background:#6b8c43}
#byteguide-app .bg-hero{max-width:1440px;margin:auto;padding:72px 5.2% 66px;display:grid;grid-template-columns:1.32fr 1fr;gap:55px;align-items:center}#byteguide-app .bg-eyebrow{font-size:10px;font-weight:650;letter-spacing:1.9px;line-height:1.6}#byteguide-app .bg-spark{font-size:21px;vertical-align:middle;margin-right:8px}#byteguide-app .bg-hero h1{font-size:clamp(46px,4.9vw,72px);line-height:1.06;font-weight:650;letter-spacing:-3.5px;margin:22px 0 25px}#byteguide-app .bg-hero h1 span{color:#718561}#byteguide-app .bg-hero-main>p{color:var(--muted);font-size:15px;line-height:1.75}#byteguide-app .bg-search-box{display:flex;align-items:center;gap:14px;background:white;border:1px solid #cbd4c4;border-radius:10px;padding:7px 7px 7px 18px;max-width:565px;margin-top:30px;box-shadow:0 6px 18px #263d3006}#byteguide-app .bg-search-box>span{font-size:28px;line-height:1}#byteguide-app .bg-search-box input{min-width:0;width:100%;border:0;outline:0!important;background:transparent;padding:9px 0;font-size:13px;color:var(--ink);box-shadow:none}#byteguide-app .bg-search-box kbd{font:12px Arial;border:1px solid var(--line);padding:0px 7px;border-radius:4px;color:#91988c}#byteguide-app .bg-search-box button{width:43px;height:43px;flex-shrink:0;background:var(--ink);border-radius:7px;color:white;font-size:22px;padding:0}#byteguide-app .bg-hero-meta{display:flex;gap:23px;margin-top:17px;font-size:10px;color:var(--muted)}#byteguide-app .bg-hero-meta b{font-size:12px;color:#54794a;margin-right:4px}#byteguide-app .bg-hero-art{height:345px;position:relative;margin-right:15px}#byteguide-app .bg-art-orbit{position:absolute;border:1px dashed #c7d2be;border-radius:50%;height:310px;width:360px;top:15px;left:15px;transform:rotate(-24deg)}#byteguide-app .bg-art-main{position:absolute;top:18px;left:55px;width:270px;height:292px;background:#e4edc8;border:1px solid #d0dbb5;border-radius:17px;transform:rotate(7deg);padding:24px;box-shadow:10px 15px 0 #173d3406;display:flex;flex-direction:column;justify-content:space-between}#byteguide-app .bg-art-label{font-size:9px;letter-spacing:1.8px}#byteguide-app .bg-art-symbol{font-size:110px;line-height:1;align-self:center;font-weight:400}#byteguide-app .bg-art-count{border-top:1px solid #b9c5a2;display:flex;align-items:center;gap:14px;padding-top:11px}#byteguide-app .bg-art-count b{font-size:46px;line-height:1;letter-spacing:-2px;font-weight:500}#byteguide-app .bg-art-count>span{font-size:11px;line-height:1.5}#byteguide-app .bg-floating{position:absolute;border:1px solid #d3d8dc;border-radius:14px;box-shadow:0 12px 20px #173d3408;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:30px;font-weight:500;gap:5px}#byteguide-app .bg-floating small{font-size:9px;letter-spacing:.4px}#byteguide-app .bg-floating-code{left:-5px;top:160px;width:120px;height:117px;background:#e4e9f9;transform:rotate(-10deg)}#byteguide-app .bg-floating-calc{left:263px;top:65px;width:116px;height:109px;background:#f4e5d4;transform:rotate(12deg)}#byteguide-app .bg-art-star{position:absolute;left:310px;top:265px;font-size:55px}
#byteguide-app .bg-trust-strip{border-block:1px solid var(--line);display:flex;justify-content:center;gap:29px;align-items:center;padding:20px 5.2%;font-size:12px;background:#f3f5ed;color:#5b6d5d}#byteguide-app .bg-trust-strip>span:first-child{font-size:8px;letter-spacing:1.4px;font-weight:600;margin-right:12px}#byteguide-app .bg-trust-strip b{font-size:13px;color:#91a17c}#byteguide-app .bg-trust-end{font-size:10px;margin-left:auto}
#byteguide-app .bg-directory{max-width:1440px;margin:auto;padding:53px 5.2% 62px;display:grid;grid-template-columns:218px minmax(0,1fr);gap:44px;scroll-margin-top:15px}#byteguide-app .bg-sidebar>.bg-eyebrow{font-size:9px;margin:2px 0 18px;color:#7a8477}#byteguide-app .bg-sidebar button{width:100%;display:flex;align-items:center;text-align:left;gap:10px;background:transparent;color:#51604f;font-size:12px;padding:10px;border-radius:7px;margin-bottom:3px;white-space:nowrap}#byteguide-app .bg-sidebar button.active{background:#e5edda;color:#25452b;font-weight:600}#byteguide-app .bg-sidebar button:hover{background:#edf0e7}#byteguide-app .bg-nav-icon{width:25px;height:25px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0;color:#435640}#byteguide-app .bg-category-number{font-size:10px;margin-left:auto;color:#73816b}#byteguide-app .bg-sidebar-divider{height:1px;background:var(--line);margin:20px 10px}#byteguide-app .bg-sidebar-note{margin-top:35px;border:1px solid #dce4d3;border-radius:12px;background:#f1f5e9;padding:20px 17px}#byteguide-app .bg-sidebar-note>span{display:block;font-size:25px;margin-bottom:10px}#byteguide-app .bg-sidebar-note strong{font-size:12px;display:block}#byteguide-app .bg-sidebar-note p{font-size:11px;color:#75806d;line-height:1.8;margin:8px 0 14px}#byteguide-app .bg-sidebar-note a{font-size:10px;text-decoration:underline;text-underline-offset:4px}
#byteguide-app .bg-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:27px}#byteguide-app .bg-section-heading .bg-eyebrow{font-size:8px;color:#819076;letter-spacing:1.5px;margin-bottom:9px}#byteguide-app .bg-section-heading h2{font-size:27px;line-height:1.25;letter-spacing:-.9px;font-weight:550}#byteguide-app #bg-results-count{border:1px solid #dde3d6;border-radius:30px;font-size:10px;padding:4px 11px;white-space:nowrap}#byteguide-app .bg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#byteguide-app .bg-card{background:white;border:1px solid #e1e5db;border-radius:12px;overflow:hidden;transition:border-color .15s,transform .15s;position:relative}#byteguide-app .bg-card:hover{border-color:#9eaf8b;transform:translateY(-2px)}#byteguide-app .bg-card-top{display:flex;align-items:center;justify-content:space-between;margin:18px 18px 0}#byteguide-app .bg-tool-icon{height:39px;min-width:39px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;letter-spacing:-1px;background:#e8ecdf}#byteguide-app .bg-star{padding:0 2px;font-size:21px;background:transparent;color:#839079;line-height:1.2}#byteguide-app .bg-star.saved{color:#627e37}#byteguide-app .bg-card-link{display:block;padding:18px 18px 14px}#byteguide-app .bg-card h3{font-size:14px;line-height:1.45;font-weight:600;letter-spacing:-.2px;margin:0 0 7px}#byteguide-app .bg-card p{font-size:11px;color:#7b8177;line-height:1.7;min-height:55px}#byteguide-app .bg-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0e7;margin-top:16px;padding-top:11px;color:#87907e;font-size:8px}#byteguide-app .bg-card-bottom>span:last-child{font-size:17px;color:#526a43}#byteguide-app .lavender .bg-tool-icon,#byteguide-app .bg-nav-icon.lavender{background:#eeebf9;color:#79718e}#byteguide-app .blue .bg-tool-icon,#byteguide-app .bg-nav-icon.blue{background:#e8eff9;color:#64809e}#byteguide-app .peach .bg-tool-icon,#byteguide-app .bg-nav-icon.peach{background:#f9eadf;color:#a47755}#byteguide-app .green .bg-tool-icon,#byteguide-app .bg-nav-icon.green{background:#e7efde;color:#6c8859}#byteguide-app .yellow .bg-tool-icon,#byteguide-app .bg-nav-icon.yellow{background:#f7f0d9;color:#a38e3f}#byteguide-app .pink .bg-tool-icon,#byteguide-app .bg-nav-icon.pink{background:#f5e4e7;color:#a47985}#byteguide-app .bg-catalog-note{display:flex;gap:22px;background:#eef3e5;border-radius:12px;margin-top:28px;padding:25px}#byteguide-app .bg-catalog-note>span{font-size:37px;line-height:1.4}#byteguide-app .bg-catalog-note h3{font-size:14px;font-weight:550;margin-bottom:6px}#byteguide-app .bg-catalog-note p{font-size:11px;color:#79846e}#byteguide-app .bg-empty{border:1px dashed #cbd6be;text-align:center;padding:60px 25px;border-radius:12px}#byteguide-app .bg-empty>span{font-size:40px}#byteguide-app .bg-empty h3{font-size:22px;margin-top:10px}#byteguide-app .bg-empty p{color:var(--muted);margin:12px auto 22px;max-width:420px}#byteguide-app .bg-empty button{background:var(--ink);color:white;padding:12px 20px;border-radius:8px}
#byteguide-app .bg-popular-section{max-width:1290px;margin:0 auto 50px;padding:40px 4%;border:1px solid var(--line);background:#f0f3e8;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:40px}#byteguide-app .bg-popular-section h2{font-size:32px;letter-spacing:-1.2px;font-weight:500;margin:12px 0}#byteguide-app .bg-popular-section p:last-child{font-size:12px;color:var(--muted)}#byteguide-app #bg-popular a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e0cf;padding:12px 0;font-size:13px}#byteguide-app #bg-popular a:first-child{padding-top:0}#byteguide-app #bg-popular a:hover{color:#708937}#byteguide-app .bg-faq{max-width:1290px;margin:auto;display:grid;grid-template-columns:1fr 1.7fr;padding:30px 4% 80px;gap:60px}#byteguide-app .bg-faq h2{font-size:32px;font-weight:500;letter-spacing:-1.1px;margin-top:12px}#byteguide-app details{border-bottom:1px solid var(--line);padding:17px 0}#byteguide-app summary{cursor:pointer;font-size:14px;font-weight:550;list-style:none;display:flex;justify-content:space-between;gap:18px}#byteguide-app summary:after{content:'+';font-size:18px}#byteguide-app details[open] summary:after{content:'−'}#byteguide-app details p{font-size:13px;line-height:1.8;color:var(--muted);padding:14px 0 3px}
#byteguide-app .bg-footer{background:#193c32;color:#e6eddf;padding:42px 5.2% 22px;display:grid;grid-template-columns:1fr 1fr;gap:40px}#byteguide-app .bg-footer-brand{font-size:29px;letter-spacing:-1.4px;font-weight:600}#byteguide-app .bg-footer-brand span{color:#d7e9a5}#byteguide-app .bg-footer p{font-size:11px;color:#a7b8a8;margin-top:8px}#byteguide-app .bg-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px;align-content:center;font-size:11px}#byteguide-app .bg-footer button{color:#c4d2be;background:transparent;padding:0;font-size:10px}#byteguide-app .bg-footer a:hover,#byteguide-app .bg-footer button:hover{color:#e7f8bb;text-decoration:underline}#byteguide-app .bg-footer-bottom{border-top:1px solid #3a5545;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:20px;font-size:9px;letter-spacing:.3px;color:#a3b49e}
#byteguide-app .bg-workspace{max-width:1290px;padding:45px 4% 75px;margin:auto}#byteguide-app .bg-back{display:inline-block;font-size:12px;color:#6c7e5e;margin-bottom:30px}#byteguide-app .bg-back:hover{text-decoration:underline}#byteguide-app .bg-workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:35px}#byteguide-app .bg-workspace h1{font-size:43px;font-weight:550;line-height:1.2;letter-spacing:-1.8px;margin:10px 0 13px}#byteguide-app #bg-tool-description{font-size:14px;color:var(--muted)}#byteguide-app .bg-outline{border:1px solid #cbd5c2;background:transparent;color:var(--ink);border-radius:7px;padding:10px 16px;font-size:12px;white-space:nowrap}#byteguide-app .bg-outline:hover{background:#edf2e5}#byteguide-app .bg-workbench{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}#byteguide-app #bg-form,#byteguide-app .bg-result-panel{padding:26px;background:white;border:1px solid var(--line);border-radius:14px;min-width:0}#byteguide-app .bg-result-panel{background:#f0f4e8}#byteguide-app .bg-panel-title{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:25px}#byteguide-app .bg-panel-title h2{font-size:15px;font-weight:600}#byteguide-app .bg-panel-title button{background:transparent;color:#6e8354;font-size:10px;padding:0;text-decoration:underline;text-underline-offset:4px}#byteguide-app #bg-output-state{font-size:8px;letter-spacing:1px;color:#819270}#byteguide-app .bg-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px 16px}#byteguide-app .bg-wide{grid-column:1/-1}#byteguide-app .bg-field{min-width:0}#byteguide-app .bg-field label{display:block;color:#4c604d;font-size:11px;font-weight:600;margin-bottom:7px}#byteguide-app .bg-field input,#byteguide-app .bg-field textarea,#byteguide-app .bg-field select{width:100%;max-width:100%;padding:11px 12px;border:1px solid #d7dece;background:#fcfdf9;color:#243e2d;border-radius:7px;box-shadow:none;font-size:13px}#byteguide-app .bg-field input[type=file]{font-size:11px;padding:18px 13px;border-style:dashed;background:#f5f8ef}#byteguide-app .bg-field textarea{resize:vertical;min-height:180px;line-height:1.7;font-family:Consolas,monospace}#byteguide-app .bg-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}#byteguide-app .bg-primary{background:var(--ink);color:#f5f9e9;padding:12px 22px;border-radius:7px;font-size:12px}#byteguide-app .bg-primary:hover{background:#315d46}#byteguide-app #bg-error{color:#a13a30;font-size:12px;line-height:1.6;margin-top:15px;white-space:pre-line}#byteguide-app #bg-output{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;min-height:205px;max-height:600px;overflow:auto;background:transparent;border:0;font:13px/1.9 Consolas,monospace;color:#39553a;margin:0;padding:0}#byteguide-app #bg-media img{display:block;max-width:100%;max-height:300px;object-fit:contain;margin:0 auto 22px;border:1px solid var(--line)}#byteguide-app #bg-media a{display:inline-block;background:#dce8c9;padding:10px 15px;font-size:13px;margin:0 0 20px;border-radius:6px}#byteguide-app .bg-gradient-preview{height:170px;border-radius:10px;margin-bottom:20px}#byteguide-app .bg-workspace-help{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;padding:45px 0}#byteguide-app .bg-workspace-help h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:10px 0 20px}#byteguide-app .bg-workspace-help ol{padding-left:20px;margin:0;font-size:13px;color:#6a7862}#byteguide-app .bg-workspace-help li{padding-left:7px;margin-bottom:14px}#byteguide-app .bg-tool-note{background:#ecf1e4;border:1px solid var(--line);border-radius:12px;padding:25px;align-self:start}#byteguide-app .bg-tool-note>span{font-size:24px}#byteguide-app .bg-tool-note h3{font-size:14px;margin:12px 0 10px}#byteguide-app .bg-tool-note p{font-size:12px;line-height:1.9;color:#6b7b60}#byteguide-app .bg-related{border-top:1px solid var(--line);padding-top:30px}#byteguide-app .bg-related>h2{font-size:22px;letter-spacing:-.5px;font-weight:500;margin-bottom:25px}
#byteguide-app .bg-info{max-width:840px;padding:45px 35px 85px;margin:auto}#byteguide-app .bg-info h1{font-size:45px;line-height:1.2;letter-spacing:-1.5px;font-weight:500;margin:15px 0 35px}#byteguide-app .bg-prose{font-size:15px;color:#596954;line-height:1.9}#byteguide-app .bg-prose h2{font-size:21px;line-height:1.4;letter-spacing:-.3px;color:var(--ink);margin:30px 0 12px;font-weight:550}#byteguide-app .bg-prose p{margin:0 0 20px}#byteguide-app .bg-muted{color:#7a8572;font-size:12px}#byteguide-app .bg-contact-form{display:grid;gap:16px;margin:30px 0}#byteguide-app .bg-contact-form label{display:block;font-size:12px;font-weight:600}#byteguide-app .bg-contact-form input,#byteguide-app .bg-contact-form textarea{display:block;width:100%;padding:12px;border:1px solid #d3dcca;background:white;border-radius:7px;margin-top:7px;color:var(--ink)}#byteguide-app .bg-contact-form textarea{min-height:160px}#byteguide-app .bg-contact-form button{justify-self:start}#byteguide-app .bg-honeypot{position:absolute;left:-9999px}#byteguide-app .bg-contact-notice{padding:16px;background:#edf3de;border:1px solid #d3ddc5;border-radius:8px;margin-bottom:25px}#byteguide-app #bg-toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;transition:.2s;background:var(--ink);color:#f0f7df;border:1px solid #5b7254;padding:13px 22px;border-radius:9px;font-size:12px;z-index:100;box-shadow:0 8px 30px #14251e22;text-align:center;max-width:90vw}#byteguide-app #bg-toast.show{opacity:1;transform:translate(-50%,0)}#byteguide-app .bg-noscript{padding:30px;text-align:center;background:#f8ecd8}
body.bg-tools-page{margin:0!important;background:#fafbf7!important}body.bg-tools-page #byteguide-app{width:100%;min-height:100vh}body.bg-tools-page #wpadminbar{position:fixed}
#byteguide-app .bg-camera-row{display:flex;align-items:center;gap:12px;margin-top:11px;flex-wrap:wrap}#byteguide-app .bg-camera-row>span{font-size:10px;color:#6d7b63}#byteguide-app .bg-photo-selection{padding:14px;margin-top:12px;border:1px solid #d7e0cc;border-radius:8px;background:#f4f7ee}#byteguide-app .bg-photo-selection img{max-width:100%;max-height:160px;display:block;border-radius:5px}#byteguide-app .bg-photo-selection p{font-size:11px;margin-top:10px;line-height:1.7;color:#526847}#byteguide-app #bg-camera-dialog{width:min(650px,92vw);max-height:90vh;overflow:auto;border:1px solid #d7e0cc;border-radius:14px;background:#fafbf7;color:#173d34;padding:25px}#byteguide-app #bg-camera-dialog::backdrop{background:#122d25bd}#byteguide-app .bg-camera-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}#byteguide-app .bg-camera-heading h2{font-size:23px;letter-spacing:-.5px}#byteguide-app #bg-camera-video{display:block;width:100%;min-height:180px;max-height:48vh;background:#153a2f;border-radius:9px;object-fit:contain}#byteguide-app #bg-camera-status{font-size:13px;line-height:1.7;margin:16px 0}#byteguide-app #bg-camera-dialog .bg-muted{margin-top:18px}
#byteguide-app #bg-embedded-workspace{width:100%;min-width:0;margin:12px 0 25px}#byteguide-app .bg-embedded-toolbar{display:flex;justify-content:flex-end;margin:0 0 15px;font-size:12px;color:#5c7450}#byteguide-app .bg-embedded-toolbar a{text-decoration:underline;text-underline-offset:4px}#byteguide-app #bg-study-frame{display:block;width:100%;border:0;min-height:600px;background:#fafbf7;border-radius:10px}
@media(min-width:1500px){#byteguide-app .bg-footer{padding-inline:calc((100vw - 1290px)/2)}}
@media(max-width:1100px){#byteguide-app .bg-header-label{display:none}#byteguide-app .bg-hero{gap:25px}#byteguide-app .bg-hero-art{transform:scale(.86);transform-origin:center}#byteguide-app .bg-hero h1{font-size:58px;letter-spacing:-3px}#byteguide-app .bg-directory{grid-template-columns:185px minmax(0,1fr);gap:25px}#byteguide-app .bg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#byteguide-app .bg-trust-end{display:none}#byteguide-app .bg-popular-section{margin-inline:5.2%}}
@media(max-width:760px){#byteguide-app .bg-header{height:82px;padding-inline:6%;gap:15px}#byteguide-app .bg-logo{font-size:24px}#byteguide-app .bg-logo-mark{width:39px;height:39px;font-size:33px}#byteguide-app .bg-logo-sub{font-size:7px;letter-spacing:1.1px}#byteguide-app .bg-header nav{gap:16px;font-size:11px}#byteguide-app .bg-header nav>a:nth-child(2){display:none}#byteguide-app .bg-hero{padding:47px 6% 40px;display:block}#byteguide-app .bg-hero h1{font-size:56px;letter-spacing:-2.8px;margin-top:18px}#byteguide-app .bg-hero-art{display:none}#byteguide-app .bg-hero-main>p{font-size:14px}#byteguide-app .bg-eyebrow{font-size:8px;letter-spacing:1.4px}#byteguide-app .bg-hero-meta{gap:15px;font-size:9px}#byteguide-app .bg-trust-strip{padding:17px 6%;gap:12px;justify-content:space-between;font-size:10px}#byteguide-app .bg-trust-strip>span:first-child{display:none}#byteguide-app .bg-directory{display:block;padding:30px 6% 42px}#byteguide-app .bg-sidebar{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:30px}#byteguide-app .bg-sidebar>.bg-eyebrow{width:100%;margin-bottom:4px}#byteguide-app .bg-sidebar button{width:auto;border:1px solid #e0e7d8;margin:0;padding:7px 10px;font-size:10px;gap:5px;background:white;border-radius:6px}#byteguide-app #bg-category-list{display:contents}#byteguide-app .bg-nav-icon{width:18px;height:18px;font-size:11px}#byteguide-app .bg-category-number{font-size:8px;margin-left:3px}#byteguide-app .bg-sidebar-divider,#byteguide-app .bg-sidebar-note{display:none}#byteguide-app .bg-section-heading h2{font-size:25px}#byteguide-app .bg-section-heading{margin-bottom:22px}#byteguide-app .bg-grid{gap:12px}#byteguide-app .bg-card-top{margin:15px 14px 0}#byteguide-app .bg-card-link{padding:15px 14px 12px}#byteguide-app .bg-card h3{font-size:13px}#byteguide-app .bg-card p{font-size:10px;min-height:65px}#byteguide-app .bg-tool-icon{height:34px;min-width:34px;font-size:16px}#byteguide-app .bg-catalog-note{gap:15px;padding:22px 18px}#byteguide-app .bg-catalog-note h3{font-size:13px}#byteguide-app .bg-catalog-note p{font-size:10px}#byteguide-app .bg-popular-section{display:block;margin:0 6% 35px;padding:30px 24px}#byteguide-app #bg-popular{margin-top:28px}#byteguide-app .bg-faq{display:block;padding:10px 6% 50px}#byteguide-app .bg-faq>div:first-child{margin-bottom:23px}#byteguide-app .bg-footer{padding:32px 6% 20px;display:block}#byteguide-app .bg-footer nav{justify-content:flex-start;margin:27px 0;gap:22px;font-size:10px}#byteguide-app .bg-footer-bottom{font-size:8px}#byteguide-app .bg-workspace{padding:30px 6% 50px}#byteguide-app .bg-workspace-heading{display:block;margin-bottom:24px}#byteguide-app .bg-workspace-heading>button{margin-top:18px}#byteguide-app .bg-workspace h1{font-size:35px;letter-spacing:-1.2px}#byteguide-app #bg-tool-description{font-size:13px}#byteguide-app .bg-workbench{grid-template-columns:1fr;gap:18px}#byteguide-app #bg-form,#byteguide-app .bg-result-panel{padding:22px 18px}#byteguide-app .bg-workspace-help{display:block;padding:35px 0}#byteguide-app .bg-tool-note{margin-top:28px}#byteguide-app .bg-info{padding:30px 6% 50px}#byteguide-app .bg-info h1{font-size:35px;letter-spacing:-1px}#byteguide-app .bg-prose{font-size:14px}#byteguide-app .bg-related .bg-card:last-child{display:none}#byteguide-app .bg-fields{gap:17px 12px}#byteguide-app .bg-field input,#byteguide-app .bg-field select,#byteguide-app .bg-field textarea{font-size:16px;padding:10px 8px}#byteguide-app .bg-panel-title button{font-size:9px}#byteguide-app .bg-panel-title h2{font-size:14px}}
@media(max-width:370px){#byteguide-app .bg-header nav{gap:10px}#byteguide-app .bg-logo{font-size:22px}#byteguide-app .bg-hero h1{font-size:48px}#byteguide-app .bg-grid{grid-template-columns:1fr}#byteguide-app .bg-card p{min-height:0}#byteguide-app .bg-fields{grid-template-columns:1fr}#byteguide-app .bg-hero-meta{gap:10px;font-size:8px}#byteguide-app .bg-desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){#byteguide-app *,#byteguide-app *:before,#byteguide-app *:after{scroll-behavior:auto!important;transition:none!important}}
#bg-scan-previews{display:grid;gap:18px;margin-top:18px}#bg-scan-previews figure{margin:0;border:1px solid #ced8c3;border-radius:12px;padding:12px;background:#eef1e9}#bg-scan-previews img{display:block;max-width:100%;max-height:360px;width:auto;height:auto;margin:auto;object-fit:contain}#bg-scan-previews figcaption{font-size:13px;line-height:1.6;margin-top:10px}#bg-form-fields .bg-field[hidden]{display:none}
#bg-download{cursor:pointer;text-decoration:none;display:inline-block}#bg-download[aria-disabled="true"]{opacity:.45;pointer-events:none;cursor:default}
.bg-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.bg-guide-grid article{padding:24px;background:#f0f3e9;border:1px solid #d6deca;border-radius:14px}.bg-guide-grid h2{font-size:22px!important;margin-top:0}.bg-guide-grid a{color:#173f35}.bg-prose table{border-collapse:collapse;width:100%;display:block;overflow:auto;font-size:15px;line-height:1.6;margin:22px 0}.bg-prose th,.bg-prose td{border:1px solid #cad5c0;text-align:left;padding:12px;min-width:115px}.bg-prose th{background:#edf3e3}.bg-tool-article{margin-top:40px;max-width:850px}.bg-tool-article pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f3e9;padding:20px;border-radius:10px}.bg-tool-article dl{display:grid;grid-template-columns:1fr 2fr;gap:12px}.bg-tool-article dd{margin:0;overflow-wrap:anywhere}.bg-prose li{margin:10px 0}@media(max-width:650px){.bg-guide-grid{grid-template-columns:1fr}.bg-guide-grid article{padding:20px}.bg-header .bg-nav{gap:14px}.bg-footer nav{flex-wrap:wrap}}
@media(max-width:760px){#byteguide-app .bg-header nav{gap:12px}#byteguide-app .bg-header nav>a:nth-child(1),#byteguide-app .bg-header nav>a:nth-child(3){display:none}#byteguide-app .bg-header nav>a:nth-child(2){display:inline}#byteguide-app .bg-footer nav{flex-wrap:wrap}}

/* ByteGuide 2.4: navy, teal and a readable neutral canvas. */
body.bg-tools-page{background:#f6f8fb!important}
#byteguide-app{--ink:#12233f;--text:#31445d;--muted:#52657f;--paper:#f6f8fb;--line:#d7e0eb;--green:#d9f1ed;color:var(--ink);font-size:16px}
#byteguide-app .bg-header{background:#fff;max-width:none;min-height:98px;height:auto;padding-block:20px}
#byteguide-app .bg-header nav{font-size:14px;gap:26px}
#byteguide-app .bg-header nav a{min-height:44px;display:inline-flex;align-items:center}
#byteguide-app .bg-logo-mark{background:#12233f;color:#8be1cf}
#byteguide-app .bg-logo-dot,#byteguide-app .bg-spark{color:#0b6f72}
#byteguide-app .bg-header-label{color:#52657f;font-size:10px}
#byteguide-app .bg-header-label i{background:#0b6f72}
#byteguide-app .bg-hero{padding-block:62px 54px}
#byteguide-app .bg-hero h1{font-weight:650;letter-spacing:-3px;font-size:68px}
#byteguide-app .bg-hero h1 span{color:#0b6f72}
#byteguide-app .bg-hero-main>p{color:#52657f;font-size:17px;line-height:1.8}
#byteguide-app .bg-eyebrow{color:#52657f;font-size:11px;letter-spacing:1.5px;font-weight:700}
#byteguide-app .bg-search-box{border-color:#c5d3e3;box-shadow:0 6px 24px #12233f08}
#byteguide-app .bg-search-box>span{color:#0b6f72}
#byteguide-app .bg-search-box button{background:#0b6f72;color:#fff;min-width:44px;min-height:44px}
#byteguide-app .bg-search-box input{color:#12233f;font-size:15px}
#byteguide-app .bg-search-box input::placeholder{color:#52657f;opacity:1}
#byteguide-app .bg-search-box kbd{color:#52657f}
#byteguide-app .bg-hero-meta{font-size:12px;color:#52657f;gap:20px}
#byteguide-app .bg-hero-meta b{color:#0b6f72}
#byteguide-app .bg-art-main{background:#12233f;border-color:#12233f;color:#f6f8fb;box-shadow:0 18px 44px #12233f16}
#byteguide-app .bg-art-label,#byteguide-app .bg-art-count,#byteguide-app .bg-art-symbol{color:#dcf5ef}
#byteguide-app .bg-art-count{border-color:#6b8298}
#byteguide-app .bg-art-count b{color:#8be1cf}
#byteguide-app .bg-floating-code{background:#d9f1ed;border-color:#acd4cb;color:#12233f}
#byteguide-app .bg-floating-calc{background:#e8edff;border-color:#c6d0ef;color:#12233f}
#byteguide-app .bg-art-orbit{border-color:#b5c4d8}
#byteguide-app .bg-art-star{color:#0b6f72}
#byteguide-app .bg-trust-strip{background:#eaf0f6;border-color:#d7e0eb;color:#52657f;font-size:12px}
#byteguide-app .bg-trust-strip b{color:#0b6f72}
#byteguide-app .bg-trust-strip>span:first-child{font-size:10px}
#byteguide-app .bg-trust-end{font-size:11px}
#byteguide-app .bg-start{max-width:1290px;margin:auto;padding:48px 4% 8px}
#byteguide-app .bg-start-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
#byteguide-app .bg-start-heading h2{font-size:30px;line-height:1.3;letter-spacing:-1px;margin-top:10px}
#byteguide-app .bg-text-link{color:#0b6f72;text-decoration:underline;text-underline-offset:5px;font-size:14px;font-weight:600}
#byteguide-app .bg-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#byteguide-app .bg-start-grid article{padding:26px;background:#fff;border:1px solid #d7e0eb;border-radius:14px;display:flex;flex-direction:column}
#byteguide-app .bg-start-number{font-size:11px;letter-spacing:1px;color:#0b6f72;font-weight:700}
#byteguide-app .bg-start-grid h3{font-size:21px;line-height:1.4;margin:16px 0 12px;letter-spacing:-.4px}
#byteguide-app .bg-start-grid p{font-size:14px;color:#52657f;line-height:1.8;margin-bottom:22px}
#byteguide-app .bg-start-grid article>div{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
#byteguide-app .bg-start-grid a{font-size:13px;color:#0b6f72;font-weight:600;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
#byteguide-app .bg-sidebar button{font-size:13px;min-height:44px;color:#31445d}
#byteguide-app .bg-sidebar button:hover{background:#eaf0f6;color:#12233f}
#byteguide-app .bg-sidebar button.active{background:#d9f1ed;color:#145d5f}
#byteguide-app .bg-category-number{font-size:11px;color:#52657f}
#byteguide-app .bg-nav-icon{color:#31445d}
#byteguide-app .bg-sidebar-note{background:#e8f4f1;border-color:#c7e3dc}
#byteguide-app .bg-sidebar-note strong{font-size:14px}
#byteguide-app .bg-sidebar-note p,#byteguide-app .bg-sidebar-note a{font-size:12px;color:#3d6262}
#byteguide-app .bg-section-heading .bg-eyebrow{color:#52657f;font-size:10px}
#byteguide-app #bg-results-count{font-size:12px;color:#52657f;border-color:#c5d3e3}
#byteguide-app .bg-card{border-color:#d7e0eb;box-shadow:0 3px 10px #12233f03}
#byteguide-app .bg-card:hover{border-color:#0b6f72;box-shadow:0 8px 20px #12233f08}
#byteguide-app .bg-star{color:#52657f;min-height:44px;min-width:44px}
#byteguide-app .bg-star.saved{color:#0b6f72}
#byteguide-app .bg-card h3{font-size:17px;font-weight:650;line-height:1.45}
#byteguide-app .bg-card p{font-size:14px;color:#52657f;line-height:1.75;min-height:74px}
#byteguide-app .bg-card-bottom{font-size:11px;color:#52657f;border-color:#e4eaf2}
#byteguide-app .bg-card-bottom>span:last-child{color:#0b6f72}
#byteguide-app .bg-tool-icon{background:#d9f1ed;color:#145d5f}
#byteguide-app .bg-catalog-note{background:#e8f4f1;color:#12233f}
#byteguide-app .bg-catalog-note h3{font-size:16px}
#byteguide-app .bg-catalog-note p{font-size:14px;color:#3d6262}
#byteguide-app .bg-popular-section{background:#eaf0f6;border-color:#d7e0eb}
#byteguide-app .bg-popular-section p:last-child,#byteguide-app #bg-popular a{font-size:14px;color:#31445d}
#byteguide-app #bg-popular a{border-color:#c9d6e5;min-height:44px}
#byteguide-app #bg-popular a:hover{color:#0b6f72}
#byteguide-app .bg-faq summary{font-size:16px;min-height:32px}
#byteguide-app .bg-faq details p{font-size:15px;color:#52657f}
#byteguide-app .bg-footer{background:#12233f;color:#f6f8fb}
#byteguide-app .bg-footer-brand span{color:#8be1cf}
#byteguide-app .bg-footer p,#byteguide-app .bg-footer-bottom{color:#c4d1e2;font-size:12px}
#byteguide-app .bg-footer nav{font-size:14px;gap:12px 22px}
#byteguide-app .bg-footer nav a,#byteguide-app .bg-footer button{min-height:44px;display:inline-flex;align-items:center}
#byteguide-app .bg-footer button{color:#c4d1e2;font-size:13px}
#byteguide-app .bg-footer a:hover,#byteguide-app .bg-footer button:hover{color:#8be1cf}
#byteguide-app .bg-footer-bottom{border-color:#3c506c}
#byteguide-app .bg-back{color:#0b6f72;font-size:14px;min-height:44px}
#byteguide-app .bg-workspace h1,#byteguide-app .bg-info h1{font-weight:650}
#byteguide-app #bg-tool-description{font-size:16px}
#byteguide-app .bg-outline{border-color:#b4c5d8;background:#fff;color:#12233f;font-size:14px;min-height:44px}
#byteguide-app .bg-outline:hover{background:#eaf0f6}
#byteguide-app .bg-primary{background:#0b6f72;color:#fff;font-size:14px;min-height:46px}
#byteguide-app .bg-primary:hover{background:#09595c}
#byteguide-app .bg-result-panel{background:#e8f4f1}
#byteguide-app .bg-panel-title h2{font-size:17px}
#byteguide-app .bg-panel-title button{font-size:12px;color:#0b6f72;min-height:44px}
#byteguide-app .bg-field label{font-size:14px;color:#31445d}
#byteguide-app .bg-field input,#byteguide-app .bg-field select,#byteguide-app .bg-field textarea{background:#fff;border-color:#bacadc;color:#12233f;font-size:16px;min-height:46px}
#byteguide-app .bg-field input[type=file]{background:#f6f8fb;font-size:13px}
#byteguide-app #bg-output-state{color:#3d6262;font-size:10px}
#byteguide-app #bg-output{color:#173b43;font-size:14px}
#byteguide-app #bg-error{color:#a22c34;font-size:14px}
#byteguide-app .bg-workspace-help ol{color:#52657f;font-size:15px}
#byteguide-app .bg-tool-note{background:#eaf0f6}
#byteguide-app .bg-tool-note h3{font-size:17px}
#byteguide-app .bg-tool-note p{font-size:14px;color:#52657f}
#byteguide-app .bg-prose{font-size:16px;line-height:1.9;color:#31445d}
#byteguide-app .bg-prose h2{font-size:25px;font-weight:650;margin-top:36px}
#byteguide-app .bg-prose h3{font-size:19px;color:#12233f;margin:24px 0 10px}
#byteguide-app .bg-prose a{color:#0b6f72;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
#byteguide-app .bg-prose pre{font:14px/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#eaf0f6;border:1px solid #d7e0eb;border-radius:10px;padding:20px;color:#12233f}
#byteguide-app .bg-muted,#byteguide-app .bg-article-meta{font-size:14px;color:#52657f}
#byteguide-app .bg-article-summary{font-size:19px;line-height:1.75;color:#12233f;padding-bottom:24px;border-bottom:1px solid #d7e0eb}
#byteguide-app .bg-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;margin-bottom:18px}
#byteguide-app .bg-article-end{border-top:1px solid #d7e0eb;padding-top:24px;margin-top:32px}
#byteguide-app .bg-guide-grid article{background:#fff;border-color:#d7e0eb;display:flex;flex-direction:column}
#byteguide-app .bg-guide-grid .bg-eyebrow{font-size:10px;margin-bottom:12px}
#byteguide-app .bg-guide-grid h2{font-size:23px!important;line-height:1.4;margin:0 0 14px}
#byteguide-app .bg-guide-grid h2 a{color:#12233f;text-decoration:none}
#byteguide-app .bg-guide-grid p{font-size:15px;line-height:1.75}
#byteguide-app .bg-guide-grid .bg-text-link{margin-top:auto;min-height:44px;display:inline-flex;align-items:center}
#byteguide-app .bg-prose th,#byteguide-app .bg-prose td{border-color:#bfcddd}
#byteguide-app .bg-prose th{background:#eaf0f6}
#byteguide-app .bg-contact-form label{font-size:14px}
#byteguide-app .bg-contact-form input,#byteguide-app .bg-contact-form textarea{font-size:16px;border-color:#bacadc;min-height:46px}
#byteguide-app .bg-contact-notice{background:#e8f4f1;border-color:#badbd1}
#byteguide-app .bg-camera-row>span,#byteguide-app .bg-photo-selection p{font-size:12px;color:#52657f}
#byteguide-app .bg-photo-selection,#byteguide-app #bg-camera-dialog{background:#f6f8fb;border-color:#c5d3e3;color:#12233f}
#byteguide-app #bg-camera-video{background:#12233f}
#byteguide-app .bg-embedded-toolbar{font-size:14px;color:#0b6f72}
#byteguide-app a:focus-visible,#byteguide-app button:focus-visible,#byteguide-app summary:focus-visible{outline:3px solid #0b6f72;outline-offset:4px}
#byteguide-app input:focus,#byteguide-app textarea:focus,#byteguide-app select:focus{outline:2px solid #0b6f72;outline-offset:3px}
#byteguide-app #bg-toast{background:#12233f;color:#fff;border-color:#3c506c;font-size:14px}
@media(max-width:1100px){#byteguide-app .bg-hero h1{font-size:58px}#byteguide-app .bg-directory{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:760px){
 #byteguide-app .bg-header{display:flex;flex-wrap:wrap;gap:12px;padding:20px 6% 12px}
 #byteguide-app .bg-logo{font-size:26px}
 #byteguide-app .bg-header nav{width:100%;justify-content:space-between;gap:8px;font-size:13px;order:2;border-top:1px solid #e4eaf2;padding-top:6px}
 #byteguide-app .bg-header nav>a:nth-child(n){display:inline-flex}
 #byteguide-app .bg-header-label{display:none}
 #byteguide-app .bg-hero{padding:38px 6% 34px}
 #byteguide-app .bg-hero h1{font-size:46px;letter-spacing:-2px}
 #byteguide-app .bg-hero-main>p{font-size:16px}
 #byteguide-app .bg-hero-meta{gap:10px;font-size:11px;flex-wrap:wrap}
 #byteguide-app .bg-trust-strip{font-size:11px}
 #byteguide-app .bg-start{padding:34px 6% 8px}
 #byteguide-app .bg-start-heading{display:block}
 #byteguide-app .bg-start-heading h2{font-size:28px;margin-bottom:14px}
 #byteguide-app .bg-start-grid{grid-template-columns:1fr}
 #byteguide-app .bg-start-grid article{padding:22px}
 #byteguide-app .bg-start-grid h3{margin-top:12px}
 #byteguide-app .bg-directory{display:block}
 #byteguide-app .bg-sidebar button{font-size:12px;min-height:44px;border-color:#d7e0eb}
 #byteguide-app .bg-category-number{font-size:10px}
 #byteguide-app .bg-grid{grid-template-columns:1fr;gap:16px}
 #byteguide-app .bg-card h3{font-size:18px}
 #byteguide-app .bg-card p{font-size:14px;min-height:0}
 #byteguide-app .bg-card-bottom{font-size:12px}
 #byteguide-app .bg-card-top{margin:14px 18px 0}
 #byteguide-app .bg-card-link{padding:12px 18px 18px}
 #byteguide-app .bg-footer nav{font-size:14px;gap:8px 20px}
 #byteguide-app .bg-footer-bottom{display:block;line-height:2;font-size:11px}
 #byteguide-app .bg-footer-bottom span{display:block}
 #byteguide-app .bg-info h1,#byteguide-app .bg-workspace h1{font-size:34px;letter-spacing:-1px;overflow-wrap:anywhere}
 #byteguide-app .bg-fields{grid-template-columns:1fr}
 #byteguide-app .bg-field input,#byteguide-app .bg-field textarea,#byteguide-app .bg-field select{font-size:16px}
 #byteguide-app .bg-panel-title button{font-size:12px}
 #byteguide-app .bg-panel-title h2{font-size:17px}
 #byteguide-app .bg-prose{font-size:16px}
 #byteguide-app .bg-prose h2{font-size:24px}
 #byteguide-app .bg-article-summary{font-size:18px}
 #byteguide-app .bg-tool-article dl{display:block}
 #byteguide-app .bg-tool-article dt{font-weight:700;margin-top:16px}
 #byteguide-app .bg-tool-article dd{margin-top:6px}
}