:root{color-scheme:light dark;--ext-bg:#fff;--ext-text:#252525;--ext-muted:#737373;--ext-line:#e3e3e3;--ext-accent:#1674cd}*{box-sizing:border-box}body{margin:0;font:14px/1.6 system-ui,sans-serif;color:var(--ext-text);background:var(--ext-bg)}[data-extension-public]{max-width:1100px;margin:2rem auto;padding:0 1.4rem}header{display:flex;align-items:center;justify-content:space-between;gap:1rem}h1{font-size:1.8rem}nav{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin:1rem 0}a{color:var(--ext-accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;background:var(--ext-bg);border:1px solid var(--ext-line);border-radius:.4rem;padding:.5rem .8rem}button,a{cursor:pointer}button:disabled{opacity:.5;cursor:default}select{padding-right:1.8rem}textarea{min-height:7rem;resize:vertical}label{display:flex;flex-direction:column;gap:.4rem;margin:.8rem 0}label:has(input[type=checkbox]){flex-direction:row;align-items:center}label input[type=checkbox]{width:auto}button:focus-visible,a:focus-visible{outline:2px solid var(--ext-accent);outline-offset:2px}[data-toolbar]{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:1.5rem 0}[data-toolbar]>input{flex:1;min-width:10rem}.extension-card{padding:1.1rem;border-bottom:1px solid var(--ext-line);display:flex;align-items:center;gap:1rem}.extension-card>div{flex:1;min-width:0}.extension-card h3,.extension-card p{margin:.2rem 0}.extension-card small,.extension-muted{color:var(--ext-muted)}.extension-dialog{background:var(--ext-bg);color:var(--ext-text);border:1px solid var(--ext-line);border-radius:.9rem;padding:0;width:min(52rem,calc(100vw - 2rem));height:min(46rem,calc(100dvh - 2rem));max-width:none;max-height:none;overflow:hidden}.extension-dialog[open]{display:flex;flex-direction:column}.extension-dialog::backdrop{background:#0007}.extension-dialog>header,.extension-dialog>footer{flex:none;padding:1rem 1.3rem}.extension-dialog>header{border-bottom:1px solid var(--ext-line)}.extension-dialog h2{font-size:1.15rem;margin:0}.extension-dialog>section{padding:1rem 1.3rem;overflow:auto;flex:1;min-height:0}.extension-dialog>footer{display:flex;justify-content:flex-end;gap:.6rem;border-top:1px solid var(--ext-line);flex-wrap:wrap}.extension-dialog>[role=status]{flex:none;margin:0;padding:.1rem 1.3rem;color:var(--ext-muted);white-space:pre-wrap}.extension-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;background:#8881;border-radius:.4rem}.extension-dialog dd{margin:0 0 .7rem;overflow-wrap:anywhere}.extension-dialog dt{font-size:.85rem;color:var(--ext-muted)}.extension-file{overflow-wrap:anywhere;margin:.3rem 0}.extension-file button{text-align:left}.extension-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.extension-toolbar input{flex:1;min-width:12rem}.extension-toolbar .spacer{flex:1}[data-extension-admin]{padding:0 1rem}[data-extension-admin]>p:empty{display:none}[data-extension-admin] .layui-table-tool{padding:10px 15px}[data-extension-admin] button{border-radius:2px}.extension-progress{width:100%}.extension-error{color:#c33}@media(prefers-color-scheme:dark){:root{--ext-bg:#22221f;--ext-text:#ededeb;--ext-muted:#a2a29a;--ext-line:#3b3b35;--ext-accent:#80b6f1}}@media(max-width:600px){[data-extension-public]{margin:.8rem auto;padding:0 .8rem}header{flex-wrap:wrap}button{min-height:2.5rem}.extension-card{padding:.8rem .3rem}.extension-dialog{width:calc(100vw - 1rem);height:calc(100dvh - 1rem)}.extension-dialog>footer{padding:.7rem}}

.extension-tags{display:inline-flex;flex-wrap:wrap;gap:.3rem;margin-inline-start:.5rem}.extension-label{display:inline-flex;align-items:center;padding:.1rem .45rem;border:1px solid var(--border,#ddd);border-radius:999px;color:var(--text-muted,#777);font-size:.75rem;font-weight:400;line-height:1.4;overflow-wrap:anywhere}
