.guide-encoder{--encoder-guide-bg:#f4f6fa;--encoder-guide-text:#243248;--encoder-guide-muted:#526176;--encoder-guide-border:#c5cedb;--encoder-guide-accent:#b53c35;margin:12px 0;border:1px solid var(--encoder-guide-border);border-radius:4px;background:var(--encoder-guide-bg);color:var(--encoder-guide-text);font-size:12px;line-height:1.55;min-width:0}
html[data-theme=dark] .guide-encoder{--encoder-guide-bg:#222a36;--encoder-guide-text:#edf2fa;--encoder-guide-muted:#bdc8d8;--encoder-guide-border:#47546a;--encoder-guide-accent:#ffb1a9}
.guide-encoder[hidden],.guide-encoder [hidden]{display:none!important}
.guide-encoder>summary{padding:11px 12px;font-size:13px;font-weight:650;cursor:pointer;overflow-wrap:anywhere}
.guide-encoder>summary>span{display:block;margin:3px 0 0 15px;color:var(--encoder-guide-muted);font-size:11px;font-weight:400}
.guide-encoder[open]>summary{border-bottom:1px solid var(--encoder-guide-border)}
.guide-encoder-body{padding:12px;min-width:0}
.guide-encoder-body p{margin:0;overflow-wrap:anywhere}
.guide-encoder-intro,.guide-encoder-private,.guide-encoder-result-note{color:var(--encoder-guide-muted);font-size:11px}
.guide-encoder-mode{margin-top:9px!important;font-weight:600}
.guide-encoder ol{margin:13px 0;padding-left:21px}
.guide-encoder ol>li{padding:0 0 11px 3px}
.guide-encoder ol>li:last-child{padding-bottom:0}
.guide-encoder ol>li::marker{color:var(--encoder-guide-accent);font-weight:700}
.guide-encoder li>strong{font-size:12px}
.guide-encoder li>p{margin-top:3px;color:var(--encoder-guide-muted)}
.guide-encoder-field-actions,.guide-encoder-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px;min-width:0}
.guide-encoder .guide-encoder-show{display:inline-flex;width:auto;max-width:100%;min-height:28px;padding:4px 7px;border:1px solid var(--encoder-guide-border);border-radius:3px;background:transparent;color:var(--encoder-guide-text);font-family:inherit;font-size:11px;font-weight:600;line-height:1.4;white-space:normal;text-align:left;box-shadow:none;cursor:pointer}
.guide-encoder .guide-encoder-actions>button{flex:0 1 auto;width:auto;max-width:100%;min-height:33px;padding:7px 9px;font-size:11px;white-space:normal;text-align:left}
.guide-encoder :is(button,summary):focus-visible{outline:2px solid var(--encoder-guide-accent);outline-offset:3px}
.guide-encoder button:disabled{opacity:.5;cursor:default}
.guide-encoder-private{margin-top:10px!important}
.guide-encoder-warning{margin:11px 0!important;padding:9px;border-left:3px solid var(--encoder-guide-accent);background:#b53c350b;font-size:11px}
#guide-encoder-results{margin-top:12px;padding-top:11px;border-top:1px solid var(--encoder-guide-border)}
.guide-encoder-result-title{font-weight:700}
#guide-encoder-results ul{margin:8px 0;padding-left:17px}
#guide-encoder-results li{margin-bottom:9px;padding-left:2px;overflow-wrap:anywhere}
#guide-encoder-results li>span{display:block}
#guide-encoder-results li>.guide-encoder-show{margin-top:5px}
#encoder .guide-encoder-field{outline:3px solid #c15850;outline-offset:2px}
html[data-theme=dark] #encoder .guide-encoder-field{outline-color:#ffb1a9}
@media(max-width:400px){.guide-encoder-body{padding:10px}.guide-encoder>summary{padding:10px}.guide-encoder ol{padding-left:18px}.guide-encoder .guide-encoder-actions>button{font-size:10px;padding:6px 8px}}