/* One compact workflow, from a documentation inset to a standalone tool. */
:root{color-scheme:light dark;--page:#eef0f1;--surface:#fff;--editor:#f6f7f8;--ink:#242b30;--muted:#58636b;--border:#cbd1d5;--accent:#8b6500;--accent-bg:#fff2c2;--error:#b02937;--warning:#875900;--focus:#007bab;font:14px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:root[data-version=v2]{--accent:#006c99;--accent-bg:#e4f4fb}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#292929;--surface:#222426;--editor:#1b1d1f;--ink:#edf0f2;--muted:#b4bdc4;--border:#4a5055;--accent:#f4cc48;--accent-bg:#3d3826;--error:#ff9aa6;--warning:#f3c56b;--focus:#80cbee}:root[data-version=v2]:not([data-theme=light]){--accent:#80cbee;--accent-bg:#253741}}
:root[data-theme=dark]{color-scheme:dark;--page:#292929;--surface:#222426;--editor:#1b1d1f;--ink:#edf0f2;--muted:#b4bdc4;--border:#4a5055;--accent:#f4cc48;--accent-bg:#3d3826;--error:#ff9aa6;--warning:#f3c56b;--focus:#80cbee}
:root[data-theme=dark][data-version=v2]{--accent:#80cbee;--accent-bg:#253741}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--page)}a{color:var(--accent);text-underline-offset:3px}button,input,select,textarea{font:inherit}
button,.icon-button,.file-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--ink);padding:7px 11px;font-weight:600;cursor:pointer;text-decoration:none}button:hover,.icon-button:hover,.file-button:hover{background:var(--accent-bg);border-color:var(--accent)}button:disabled{opacity:.45;cursor:wait}.icon-button{width:40px;min-width:40px;padding:8px;position:relative}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.primary{color:var(--editor);background:var(--accent);border-color:var(--accent)}.primary:hover{background:var(--accent);filter:brightness(1.09)}:root[data-theme=light] .primary{color:#fff}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .primary{color:#fff}}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;z-index:10;background:var(--surface);padding:10px}.skip:focus{top:0}.shell{width:100%;max-width:760px;margin:36px auto;padding:0 16px}.page-nav{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:0 2px 14px}.page-nav a{min-height:40px;display:inline-flex;align-items:center;padding:0 5px;text-decoration:none}.page-nav [aria-current=page]{font-weight:750;border-bottom:2px solid var(--accent)}.nav-spacer,.toolbar-spacer{flex:1}.checker{border:1px solid var(--border);border-radius:8px;background:var(--surface);min-width:0}
.tool-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px 7px 14px;border-bottom:1px solid var(--border)}.tool-title,.head-actions{display:flex;align-items:center;gap:8px;min-width:0}.tool-title>.icon{color:var(--accent)}h1{font-size:16px;font-weight:650;line-height:1.3;margin:0;letter-spacing:-.025em;white-space:nowrap}.version-badge{font-size:12px;font-weight:750;padding:2px 6px;border-radius:4px;color:var(--accent);background:var(--accent-bg)}.head-actions{gap:2px}.head-actions .icon-button{border-color:transparent}
.editor-section{padding:10px 12px 0}.toolbar{display:flex;align-items:center;gap:5px}.file-button{position:relative;overflow:hidden}.file-button:focus-within{outline:3px solid var(--focus);outline-offset:3px}#file{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.editor-meta{display:flex;align-items:baseline;gap:10px;font-size:12px;margin:9px 0 5px;min-width:0}.editor-meta label{font-weight:650}#filename{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}textarea{display:block;resize:vertical;width:100%;height:168px;min-height:105px;max-height:70dvh;border:1px solid var(--border);border-radius:5px;background:var(--editor);color:var(--ink);padding:9px 10px;font:13px/21px ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4;white-space:pre;overflow:auto}textarea::placeholder{color:var(--muted);opacity:1}.syntax-line{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;min-height:29px}.syntax-line code{font-size:11px}kbd{margin-left:auto;font:11px system-ui}#input-error{color:var(--error);font-size:13px;margin:0 0 9px;overflow-wrap:anywhere}#input-error:empty{display:none}
.result-section{border-top:1px solid var(--border)}.result-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:9px 12px}.status{display:flex;align-items:center;gap:7px;min-width:0}#status-icon{color:var(--accent);display:flex}[data-state=error] #status-icon{color:var(--error)}[data-state=warning] #status-icon{color:var(--warning)}h2{font-size:13px;font-weight:650;margin:0;line-height:1.4}.filter-control select{width:104px;min-height:36px;padding:5px 3px 5px 7px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--ink);font-size:12px}.counts{display:flex;align-items:center;flex-wrap:wrap;gap:5px;grid-column:1/-1;color:var(--muted);font-size:12px;min-height:26px}.count{display:inline-flex;align-items:center;gap:4px;padding:2px 5px;border-radius:3px;background:var(--editor)}.count .icon{width:15px;height:15px}.count.error{color:var(--error)}.count.warning{color:var(--warning)}#results{max-height:330px;overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--border)}.empty-result{display:flex;align-items:center;gap:8px;padding:11px 12px;margin:0;color:var(--muted);font-size:13px}
.diagnostic{padding:9px 12px 8px;border-bottom:1px solid var(--border);border-left:3px solid var(--muted);overflow-wrap:anywhere}.diagnostic:last-child{border-bottom:0}.diagnostic.error{border-left-color:var(--error)}.diagnostic.warning{border-left-color:var(--warning)}.diagnostic-heading{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.diagnostic-heading>.icon{width:17px;height:17px}.error .diagnostic-heading>.icon{color:var(--error)}.warning .diagnostic-heading>.icon{color:var(--warning)}.line-link{min-height:36px;padding:4px 7px;border-color:transparent;background:var(--editor);color:var(--accent);font-size:12px;font-weight:600}.diagnostic-heading code{font-size:12px;min-width:0;flex:1 1 100px;overflow-wrap:anywhere}.diagnostic p{font-size:13px;line-height:1.45;margin:3px 0}.evidence{font-size:12px;color:var(--muted)}.evidence summary{display:flex;align-items:center;gap:5px;min-height:36px;color:var(--accent);cursor:pointer;width:fit-content}.evidence .icon{width:16px;height:16px}.evidence summary:after{content:'+';margin-left:3px}.evidence[open] summary:after{content:'−'}.evidence a{display:block;padding:4px 0}.evidence code{font-size:11px;overflow-wrap:anywhere}
.tool-foot{display:flex;align-items:center;gap:9px;padding:5px 10px;flex-wrap:wrap;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.privacy{display:inline-flex;align-items:center;gap:4px}.privacy .icon{width:14px;height:14px}.safety-note{margin-right:auto}.help{display:contents}.help>summary{display:flex;gap:5px;align-items:center;min-height:36px;cursor:pointer;color:var(--ink);font-size:12px}.help>summary .icon{width:17px;height:17px}.help-content{flex-basis:100%;border-top:1px solid var(--border);padding:6px 2px;font-size:13px;line-height:1.5}.help-content p{margin:7px 0}.help-content .icon{width:16px;height:16px}.help-content code,#provenance{overflow-wrap:anywhere;font:11px/1.6 ui-monospace,Consolas,monospace}.embed-code{display:block;white-space:normal}
[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{content:attr(aria-label);position:absolute;z-index:5;top:calc(100% + 5px);right:0;min-width:max-content;max-width:240px;padding:6px 9px;border:1px solid var(--border);border-radius:4px;background:var(--ink);color:var(--surface);font-size:12px;font-weight:400;pointer-events:none}
[data-embed=true] .shell{max-width:none;margin:0;padding:0}[data-embed=true] body{background:transparent}
@media(max-width:420px){.shell{padding:0 8px;margin:10px auto}.tool-head{padding-left:10px}.tool-title{gap:6px}.tool-title>.icon{display:none}.editor-section{padding:9px 9px 0}.result-head{padding:9px;gap:5px}.diagnostic{padding:7px 9px}.tool-foot{gap:7px;padding:4px 9px}.safety-note{font-size:10px}.help>summary span{display:none}.help>summary{min-width:36px;justify-content:center}.tool-foot .help-content{font-size:12px}}
@media(pointer:coarse){button,.icon-button,.file-button{min-height:44px}.icon-button{min-width:44px;width:44px}.filter-control select,.evidence summary,.help>summary,.line-link{min-height:44px}}
/* Preserve room for results and the footer inside a fixed-height documentation iframe. */
[data-embed=true] #results{max-height:clamp(120px,calc(100dvh - 500px),330px)}
.count.zero{color:var(--muted)}
/* Keep offscreen severity labels inside their scrolled diagnostic, not the iframe root. */
.diagnostic{position:relative}