:root{--primary:maroon;--primary-hover:#600;--on-primary:#fff;--bg:#fff;--surface:#fafafa;--surface-hover:#ededed;--border:#e2e2e2;--text:#1a1a1a;--text-dim:#6b6b6b;--danger:#dc2626;--danger-bg:#dc262614;--preview-pane:#e9e9e9;--radius:6px;--focus-ring:0 0 0 2px #8000004d}[data-theme=dark]{--primary:brown;--primary-hover:#8b0000;--on-primary:#fff;--bg:#1a1a1a;--surface:#242424;--surface-hover:#2d2d2d;--border:#3a3a3a;--text:#e4e4e4;--text-dim:#9a9a9a;--danger:#ef4444;--danger-bg:#ef44441f;--preview-pane:#151515}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}input,select,textarea,button{font-family:inherit;font-size:inherit}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{box-shadow:var(--focus-ring);outline:none}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:4px 12px;font-size:.85rem}button:hover{background:var(--surface-hover)}button.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}button.primary:hover{background:var(--primary-hover)}button.danger{border-color:var(--danger);color:var(--danger)}button.danger:hover{background:var(--danger);color:#fff}button.small{padding:2px 8px;font-size:.75rem}button.bar{padding:6px 8px;font-size:1rem}input[type=text],input[type=number],select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius);padding:4px 8px;font-size:.85rem}input[type=text]:focus-visible,input[type=number]:focus-visible,select:focus-visible{box-shadow:var(--focus-ring);outline:none}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:4px 8px;font-size:.85rem}th{background:var(--surface);z-index:1;font-weight:600;position:sticky;top:0}td.sticky-left,td.sticky-right{background:var(--bg)}tr:hover td.sticky-left,tr:hover td.sticky-right{background:var(--surface-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.app{flex-direction:column;height:100%;display:flex}.app-header{background:var(--primary);color:var(--on-primary);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex}.app-header-left{font-size:1rem;font-weight:700}.app-header-center{gap:4px;display:flex}.app-header-right{align-items:center;gap:8px;display:flex}.header-tab{color:var(--on-primary);border-radius:var(--radius);background:0 0;border:none;padding:6px 8px;font-size:1rem}.header-tab:hover{background:#ffffff26}.header-tab.active{background:#ffffff40;font-weight:600}.header-btn{color:var(--on-primary);border-radius:var(--radius);background:0 0;border:1px solid #ffffff4d;padding:6px 8px;font-size:1rem}.header-btn:hover{background:#ffffff26}.header-message{z-index:120;border:1px solid var(--danger);border-radius:var(--radius);background:var(--bg);max-width:min(420px,100vw - 16px);color:var(--danger);padding:8px 12px;font-size:.8rem;position:absolute;top:44px;right:8px}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.consent-backdrop{z-index:300;background:#00000040;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.consent-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:min(100%,620px);color:var(--text);padding:20px;box-shadow:0 4px 20px #0003}.consent-dialog h2{margin:4px 0 8px;font-size:1.1rem}.consent-dialog p{font-size:.85rem}.consent-detail,.consent-contact{color:var(--text-dim);margin-top:8px}.consent-contact a{color:var(--primary)}.consent-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.app-content{flex:1;overflow:auto}.app-footer{border-top:1px solid var(--border);background:var(--bg);color:var(--text-dim);text-align:center;flex-shrink:0;padding:8px 16px;font-size:.75rem}.footer-link{color:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.footer-link:hover{color:var(--text)}.loading-screen,.error-screen{background:var(--bg);min-height:100%;color:var(--text);place-items:center;padding:24px;display:grid}.error-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(100%,520px);padding:28px}.error-card h1{margin:4px 0 10px;font-size:1.5rem}.error-card p{color:var(--text-dim)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700;color:var(--primary)!important}.error-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.persistence-banner{background:var(--danger-bg);color:var(--danger);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:6px 12px;font-size:.8rem;display:flex}.header-filter-trigger{font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s}.header-filter-trigger:hover{-webkit-text-decoration-color:var(--text-dim);text-decoration-color:var(--text-dim)}.library-table{min-height:0}.container-md{width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;overflow-x:auto}.sidebar-panel{background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;width:320px;padding:20px;overflow:auto}.preview-pane{background:var(--preview-pane);flex:1;padding:16px;overflow:auto}.top-bar{border-bottom:1px solid var(--border);padding:10px 20px}@media (min-width:768px){.container-md{max-width:720px}}@media (min-width:992px){.container-md{max-width:960px}}@media (min-width:1200px){.container-md{max-width:1140px}}@media (min-width:1400px){.container-md{max-width:1320px}}@media (max-width:767px){.app-header{flex-wrap:wrap;gap:4px;height:auto;min-height:44px;padding:6px 8px}.header-message{top:98px}.app-header-left{margin-right:auto}.app-header-center{order:3;justify-content:center;width:100%}.app-header-right{gap:4px}.header-tab,.header-btn{padding:5px 6px;font-size:.85rem}.container-md{padding-left:8px;padding-right:8px}.top-bar{padding:8px}.sidebar-panel{border-right:0;border-bottom:1px solid var(--border);width:100%;max-height:50vh;padding:12px}.preview-pane{min-height:50vh;padding:8px}}.blog-article-wrap{max-width:760px;margin:0 auto;padding:32px 20px 64px}.blog-article{color:var(--text);font-size:1rem;line-height:1.7}.blog-article h1{color:var(--text);margin:8px 0 12px;font-size:2rem;line-height:1.2}.blog-article h2{border-top:1px solid var(--border);color:var(--text);margin:36px 0 12px;padding-top:12px;scroll-margin-top:16px;font-size:1.35rem;line-height:1.3}.blog-article p,.blog-article ul,.blog-article ol{margin:12px 0}.blog-article ul,.blog-article ol{padding-left:24px}.blog-article li{margin:6px 0}.blog-article a{color:var(--primary)}.blog-article code{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1px 6px;font-size:.9em}.blog-article table{border-collapse:collapse;width:100%;margin:12px 0;font-size:.9rem}.blog-article th,.blog-article td{border:1px solid var(--border);text-align:left;padding:6px 10px}.blog-article th{background:var(--surface)}.blog-lede{color:var(--text-dim);font-size:1.1rem}.blog-meta{color:var(--text-dim);font-size:.85rem}.blog-toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:20px 0 8px;padding:16px 20px}.blog-toc-title{font-weight:700;margin:0 0 8px!important}.blog-toc ol{margin:0!important}.blog-article figure{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:16px 0;padding:12px}.blog-article figure img{border-radius:var(--radius);width:100%;max-width:100%;height:auto;display:block}.blog-article figcaption{color:var(--text-dim);margin-top:8px;font-size:.85rem}.blog-figure-placeholder{border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-dim);margin:16px 0;padding:20px;font-size:.85rem}.blog-figure-placeholder p{margin:0!important}.blog-download{margin-top:4px;font-weight:600;display:inline-block}.blog-faq{margin:12px 0}.blog-faq>div{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:12px 0;padding:12px 16px}.blog-faq dt{font-weight:700}.blog-faq dd{color:var(--text-dim);margin:6px 0 0}.blog-back{border-top:1px solid var(--border);margin-top:32px;padding-top:16px}.blog-article h3{color:var(--text);margin:28px 0 8px;scroll-margin-top:16px;font-size:1.1rem;line-height:1.35}.scout-steps{counter-reset:scout-step;margin:16px 0;padding:0;list-style:none}.scout-steps li{counter-increment:scout-step;border-top:1px solid var(--border);gap:14px;padding:12px 0;display:flex}.scout-steps li:last-child{border-bottom:1px solid var(--border)}.scout-steps li:before{content:counter(scout-step);background:var(--primary);height:28px;color:var(--on-primary);border-radius:var(--radius);flex:0 0 28px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.scout-steps b{margin-bottom:2px;display:block}.scout-steps span{color:var(--text-dim);font-size:.9rem}.scout-prompt-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.scout-prompt-name{color:var(--text-dim);font-size:.85rem;font-weight:600}.scout-copy-btn{background:var(--primary);color:var(--on-primary);border:1px solid var(--primary);border-radius:var(--radius);cursor:pointer;padding:8px 18px;font-size:.85rem;font-weight:600}.scout-copy-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.scout-copy-btn.copied{background:var(--text);border-color:var(--text);color:var(--bg)}.scout-prompt{color:#eae7e2;border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;border-top:4px solid var(--primary);background:#111;margin:12px 0;padding:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.6;overflow-x:auto}.scout-callout{background:var(--surface);border-left:4px solid var(--primary);margin:16px 0;padding:12px 16px;font-size:.9rem}.scout-warn{background:var(--text);color:var(--bg);border-left:4px solid var(--primary);margin:16px 0;padding:12px 16px;font-size:.9rem}.scout-flag{background:var(--surface);border-left:4px solid var(--text-dim);margin:14px 0;padding:12px 16px;font-size:.88rem}.scout-mock{border:1px solid var(--border);border-radius:var(--radius);margin:14px 0 22px;padding:16px 18px;font-size:.88rem}.scout-mock h4{text-transform:uppercase;letter-spacing:.03em;color:var(--primary);border-bottom:2px solid var(--text);margin:0 0 8px;padding-bottom:4px;font-size:.85rem}.scout-mock p{margin-bottom:0}.scout-order{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 20px;display:grid}.scout-order div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:.85rem;font-weight:600}.scout-order span{color:var(--primary);margin-right:6px}.scout-example-meta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:26px;margin:14px 0 8px;padding:14px 0;display:flex}.scout-example-meta b{font-size:1.25rem;display:block}.scout-example-meta span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.scout-secnum{background:var(--primary);min-width:1.6em;height:1.6em;color:var(--on-primary);border-radius:var(--radius);vertical-align:baseline;justify-content:center;align-items:center;margin-right:8px;padding:0 .35em;font-size:.85rem;display:inline-flex}.scout-snap{margin:12px 0}.scout-note{color:var(--text-dim);font-size:.8rem}.scout-bars{margin:8px 0 16px}.scout-bar-row{align-items:center;gap:10px;margin-bottom:7px;font-size:.82rem;display:flex}.scout-bar-label{flex:0 0 120px;width:120px;font-weight:600}.scout-bar-track{background:var(--surface-hover);border-radius:3px;flex:1;height:14px;overflow:hidden}.scout-bar-fill{background:var(--primary);height:100%}.scout-bar-val{text-align:right;width:92px;color:var(--text-dim);flex:0 0 92px;font-size:.78rem}@media (max-width:640px){.scout-order{grid-template-columns:1fr 1fr}.scout-bar-label{flex-basis:96px;width:96px}.scout-bar-val{flex-basis:78px;width:78px}}a.header-tab{align-items:center;text-decoration:none;display:inline-flex}.header-icon-btn{justify-content:center;align-self:stretch;align-items:center;text-decoration:none;display:inline-flex}.header-icon-btn.active{background:#ffffff40;font-weight:600}@media print{@page{margin:0}body{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact}html,body,#root{height:auto!important}.app,.app-content,.preview-pane,.container-md{flex:none!important;height:auto!important;padding:0!important;overflow:visible!important}.no-print{display:none!important}.print-preview{margin:0!important}.print-scale-frame{width:auto!important;margin:0!important;overflow:visible!important}.print-scale-content{transform-origin:unset!important;transform:none!important}.print-root{break-after:page;transform-origin:unset!important;box-shadow:none!important;margin:0!important;transform:none!important}.print-preview-last .print-root{break-after:auto}}