
.addon-surface .ap-container.al-container,.addon-surface .addon-library-page .ap-site-header{max-width:1360px}
.addon-surface .al-hero{padding:0 0 28px}
.addon-surface .al-hero h1{font-size:40px;letter-spacing:-1px;max-width:28ch;margin:12px 0 18px}
.addon-surface .al-trust{color:var(--muted);font-size:13px;max-width:100ch}
.addon-surface .al-search{display:block;margin:24px 0 16px}
.addon-surface .al-search>span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}
.addon-surface .al-search input{min-height:52px;width:100%;border:1px solid #655338;border-radius:6px;background:#191a20;color:var(--ink);padding:12px 16px;font:inherit}
.addon-surface .al-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.addon-surface .al-presets button{background:var(--pale);border:1px solid var(--line);border-radius:6px;min-height:64px;padding:12px;text-align:left;font-size:13px;line-height:1.5}
.addon-surface .al-presets button>span{display:block;font-size:10px;color:var(--gold);margin-bottom:4px}
.addon-surface .al-presets [aria-pressed=true]{border-color:var(--gold);background:#332b20}
.addon-surface .al-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid var(--line)}
.addon-surface .al-filters{align-self:start;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;padding-right:12px}
.addon-surface .al-filters summary{font-size:20px;font-weight:600;min-height:44px;cursor:pointer}
.addon-surface .al-filters fieldset{padding:16px 0 0;margin:0 0 20px;border:0;border-top:1px solid var(--line)}
.addon-surface .al-filters legend{font-size:13px;font-weight:500;color:var(--muted);padding:0 8px 0 0}
.addon-surface .al-chips{display:flex;flex-wrap:wrap;gap:6px}
.addon-surface .al-chips label{position:relative;cursor:pointer}
.addon-surface .al-chips input{position:absolute;opacity:0;width:1px;height:1px}
.addon-surface .al-chips span{display:flex;align-items:center;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:5px;font-size:12px;line-height:1.4;background:var(--pale)}
.addon-surface .al-chips input:checked+span{border-color:var(--gold);color:var(--gold);background:#31291d}
.addon-surface .al-chips input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.addon-surface .al-results{min-width:0}
.addon-surface .al-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px;font-size:12px;color:var(--muted)}
.addon-surface .al-toolbar button{min-height:44px;border:1px solid var(--line);border-radius:5px;padding:8px 12px;background:var(--pale);color:var(--gold);font-size:12px}
.addon-surface .al-toolbar label{margin-left:auto}
.addon-surface .al-toolbar select{font:inherit;min-height:44px;max-width:100%;padding:8px;background:var(--pale);border:1px solid var(--line);border-radius:5px;color:var(--ink)}
.addon-surface .al-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.addon-surface .al-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;background:var(--pale);border:1px solid var(--line);border-radius:7px;padding:16px;text-decoration:none;color:var(--ink)}
.addon-surface .al-card:hover{border-color:#8d754d;color:var(--ink)}
.addon-surface .al-card-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:32px}
.addon-surface .al-card .ap-status{font-size:10px;padding:4px 6px}
.addon-surface .al-new{color:var(--gold);font-size:10px}
.addon-surface .al-name{font-size:21px;line-height:1.4;margin:14px 0 10px;overflow-wrap:anywhere}
.addon-surface .al-task{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;line-height:1.5;margin-bottom:12px}
.addon-surface .al-task img{width:24px;height:24px;border-radius:3px}
.addon-surface .al-what{font-size:13px;line-height:1.6;margin-bottom:12px}
.addon-surface .al-version{font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin-bottom:14px}
.addon-surface .al-thumb{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#090a0e;border-radius:4px;margin-bottom:14px}
.addon-surface .al-card-action{display:flex;align-items:center;min-height:44px;font-size:12px;color:var(--gold);margin-top:auto}
.addon-surface .al-reason{font-size:12px;color:#efb1a9}
.addon-surface .al-card mark{background:#d4b477;color:#111217;border-radius:2px}
.addon-surface .al-empty{padding:24px;border:1px solid var(--line);border-radius:6px}
.addon-surface .al-empty>p{margin:12px 0;color:var(--muted);font-size:14px}
.addon-surface .al-empty a{display:inline-flex;align-items:center;min-height:44px;margin-right:16px;font-size:14px}
.addon-surface .al-updates{padding:0;list-style:none}
.addon-surface .al-updates li{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-height:56px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.addon-surface .al-updates li time{margin-left:auto;color:var(--muted);font-size:12px}
.addon-surface .al-built-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
.addon-surface .al-built-in>div{padding-left:14px;border-left:1px solid #605035}
.addon-surface .al-built-in p{color:var(--muted);font-size:13px;margin-top:8px}
.addon-surface .al-avoid>p{font-size:14px;color:var(--muted);margin-bottom:24px;max-width:80ch}
.addon-surface .al-avoid>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.addon-surface .al-avoid article{padding:18px;border:1px solid #623a39;border-radius:6px;background:#23191c}
.addon-surface .al-avoid h3{font-size:18px;margin-bottom:12px}
.addon-surface .al-avoid p{font-size:13px;color:var(--muted);margin:12px 0}
.addon-surface .al-avoid article>a{min-height:44px;display:inline-flex;align-items:center;font-size:12px}
.addon-surface .al-table table{table-layout:fixed;width:100%;border-collapse:collapse;font-size:13px}
.addon-surface .al-table th,.addon-surface .al-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}
.addon-surface .al-table a{display:inline-flex;align-items:center;min-height:44px}
.addon-surface .al-page #repair ol{padding-left:22px}
.addon-surface .al-page #repair li{margin:12px 0}@media(max-width:1100px){
.addon-surface .al-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.addon-surface .al-presets{grid-template-columns:repeat(3,minmax(0,1fr))}
.addon-surface .al-presets button:first-child{grid-column:span 2}}@media(max-width:999px){
.addon-surface .al-layout{display:block}
.addon-surface .al-filters{position:static;max-height:none;margin-bottom:20px;padding:0}
.addon-surface .al-filter-body{padding-top:16px}
.addon-surface .al-filters fieldset{margin:0 0 16px}
.addon-surface .al-chips{flex-wrap:nowrap;overflow:auto;padding:4px 2px 10px}
.addon-surface .al-chips label{flex:none}
.addon-surface .al-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.addon-surface .al-built-in,.addon-surface .al-avoid>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){
.addon-surface .al-hero h1{font-size:30px;letter-spacing:-.8px}
.addon-surface .al-trust{font-size:12px;line-height:1.8}
.addon-surface .al-search{margin:18px 0 12px}
.addon-surface .al-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.addon-surface .al-presets button{min-height:52px;padding:9px;font-size:12px}
.addon-surface .al-presets button:first-child{grid-column:span 2}
.addon-surface .al-presets button>span{display:inline;margin:0 8px 0 0}
.addon-surface .al-grid{grid-template-columns:1fr}
.addon-surface .al-toolbar{gap:10px}
.addon-surface .al-toolbar label{margin-left:0;width:100%}
.addon-surface .al-toolbar select{margin-left:8px}
.addon-surface .al-card{padding:16px}
.addon-surface .al-name{font-size:22px}
.addon-surface .al-card .ap-status{font-size:11px}
.addon-surface .al-task{font-size:12px}
.addon-surface .al-what{font-size:14px}
.addon-surface .al-version{font-size:12px}
.addon-surface .al-built-in,.addon-surface .al-avoid>div{grid-template-columns:1fr}
.addon-surface .al-updates li{display:block;font-size:13px}
.addon-surface .al-updates span{display:block;margin:6px 0}
.addon-surface .al-table th,.addon-surface .al-table td{font-size:11px;padding:8px 5px}
.addon-surface .al-page .ap-section>p{font-size:13px}}

.addon-surface .al-filters fieldset{min-inline-size:0;width:100%;max-width:100%;margin-inline:0}.addon-surface .al-filter-body{min-width:0}.addon-surface .al-chips{max-width:100%}@media(max-width:999px){.addon-surface .al-filters{overflow:visible}}
