.sr-lead{display:flex;align-items:center;gap:.9rem;padding:1rem;margin-bottom:1.25rem;border:1px solid rgba(34,197,94,.3);border-radius:.9rem;background:#22c55e12;color:var(--hg-tool-text)}.sr-lead>iconify-icon{flex:0 0 auto;color:#16a34a;font-size:1.65rem}.sr-lead>div{display:grid;gap:.15rem;min-width:0}.sr-lead strong{font-size:.93rem}.sr-lead span{color:var(--hg-tool-muted);font-size:.8rem;line-height:1.5}.sr-local-chip{margin-inline-start:auto;flex:0 0 auto;padding:.35rem .65rem;border-radius:999px;background:var(--hg-tool-bg);border:1px solid var(--hg-tool-border);white-space:nowrap}.sr-block{margin-top:1rem;padding:clamp(1rem,2vw,1.3rem);border:1px solid var(--hg-tool-border);border-radius:.95rem;background:var(--hg-tool-bg-soft)}.sr-block__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.sr-block__head h2{margin:0;color:var(--hg-tool-text);font-size:.98rem;font-weight:750}.sr-block__head p{margin:.22rem 0 0;color:var(--hg-tool-muted);font-size:.78rem;line-height:1.5}.sr-summary,.sr-status{flex:0 0 auto;padding:.32rem .65rem;border-radius:999px;font-size:.72rem;font-weight:750;white-space:nowrap}.sr-summary{background:var(--hg-violet-soft);color:var(--hg-violet)}[data-bs-theme=dark] .sr-summary{color:#e9b9f7}.sr-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.sr-preset{position:relative;display:flex;align-items:center;gap:.7rem;min-width:0;padding:.85rem;border:1px solid var(--hg-tool-border-strong);border-radius:.8rem;background:var(--hg-tool-input-bg);color:var(--hg-tool-text);text-align:start;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.sr-preset:hover{border-color:var(--hg-violet);transform:translateY(-1px)}.sr-preset.is-active{border-color:var(--hg-violet);box-shadow:0 0 0 3px #7610981f}.sr-preset__icon{display:grid;place-items:center;width:2.2rem;height:2.2rem;flex:0 0 auto;border-radius:.65rem;background:var(--hg-violet-soft);color:var(--hg-violet);font-size:1.2rem}[data-bs-theme=dark] .sr-preset__icon{color:#e9b9f7}.sr-preset>span:nth-child(2){min-width:0;display:grid;gap:.15rem}.sr-preset strong{font-size:.86rem}.sr-preset small{color:var(--hg-tool-muted);font-size:.7rem;line-height:1.35}.sr-preset em{position:absolute;inset-block-start:.4rem;inset-inline-end:.45rem;color:var(--hg-violet);font-size:.58rem;font-style:normal;font-weight:750;text-transform:uppercase;letter-spacing:.035em}[data-bs-theme=dark] .sr-preset em{color:#e9b9f7}.sr-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sr-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-pattern-grid .hg-tool-textarea{min-height:10.5rem}.sr-selector-field,.sr-origin-check{margin-top:1rem}.sr-validation{display:grid;gap:.5rem}.sr-notice{display:flex;align-items:flex-start;gap:.55rem;padding:.68rem .75rem;border:1px solid var(--hg-tool-border);border-radius:.65rem;background:var(--hg-tool-input-bg);color:var(--hg-tool-text);font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}.sr-notice:before{flex:0 0 auto;width:1rem;font-weight:900;text-align:center}.sr-notice--ok{border-color:#22c55e52;background:#22c55e0f}.sr-notice--ok:before{content:"✓";color:#16a34a}.sr-notice--warning{border-color:#f59e0b5c;background:#f59e0b12}.sr-notice--warning:before{content:"!";color:#d97706}.sr-notice--error{border-color:#ef44445c;background:#ef444412}.sr-notice--error:before{content:"×";color:#dc2626}.sr-status--ok{color:#166534;background:#22c55e21}.sr-status--error{color:#991b1b;background:#ef444421}[data-bs-theme=dark] .sr-status--ok{color:#86efac}[data-bs-theme=dark] .sr-status--error{color:#fca5a5}.sr-output-block{background:var(--hg-tool-bg)}.sr-output-head{align-items:center}.sr-browser-state{display:inline-flex;align-items:center;gap:.45rem;max-width:21rem;color:var(--hg-tool-muted);font-size:.72rem;line-height:1.35;text-align:end}.sr-browser-state__dot{width:.55rem;height:.55rem;flex:0 0 auto;border-radius:50%;background:#94a3b8}.sr-browser-state.is-supported .sr-browser-state__dot{background:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.sr-browser-state.is-unsupported .sr-browser-state__dot{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.sr-output-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:.7rem}.sr-output-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.sr-download{padding:.48rem .8rem;border-radius:.55rem;font-size:.78rem}.sr-code-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sr-output{min-height:24rem;resize:vertical;background:var(--hg-tool-code-bg);color:var(--hg-tool-code-text);border-color:transparent;font-size:.79rem;line-height:1.55;tab-size:2;text-align:left}.sr-output:focus{border-color:var(--hg-violet)}.sr-copy-success,#srCopy.is-copied .sr-copy-default{display:none}#srCopy.is-copied .sr-copy-success{display:inline}#srCopy:disabled,#srDownload:disabled{opacity:.5;cursor:not-allowed}.sr-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem}.sr-context{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem;border:1px solid var(--hg-tool-border);border-radius:.8rem;background:var(--hg-tool-bg-soft);color:var(--hg-tool-text)}.sr-context>iconify-icon{flex:0 0 auto;margin-top:.05rem;color:var(--hg-violet-2);font-size:1.3rem}.sr-context h2{margin:0 0 .25rem;font-size:.84rem}.sr-context p{margin:0;color:var(--hg-tool-muted);font-size:.75rem;line-height:1.55}.sr-context code{color:inherit;overflow-wrap:anywhere}#srDocumentFields[hidden],#srListFields[hidden]{display:none!important}[dir=rtl] .sr-preset,[dir=rtl] .sr-output-head,[dir=rtl] .sr-browser-state{text-align:right}@media(max-width:900px){.sr-presets,.sr-control-grid,.sr-pattern-grid,.sr-context-grid{grid-template-columns:1fr}}@media(max-width:640px){.sr-lead{align-items:flex-start;flex-wrap:wrap}.sr-local-chip{margin-inline-start:2.55rem}.sr-block__head,.sr-output-head{flex-direction:column;align-items:stretch}.sr-summary,.sr-status{align-self:flex-start}.sr-browser-state{max-width:none;text-align:start}.sr-output-toolbar{align-items:stretch}.sr-output-toolbar>*,.sr-output-actions{width:100%}.sr-output-actions>button{flex:1 1 auto}.sr-output{min-height:20rem}}