/* v585 · Refugio tools and rules use the app theme tokens. */
#ugcTools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;box-sizing:border-box;width:100%;padding:12px;margin:0 0 16px;background:var(--tl-panel);border:1px solid var(--tl-border);border-radius:14px;color:var(--tl-text)}
#ugcTools>button,#tlUGCDialog button{box-sizing:border-box;min-height:44px;max-width:100%;padding:10px 14px;margin:0;border:1px solid var(--tl-border);border-radius:10px;background:var(--tl-panel-raised);color:var(--tl-text);font:inherit;font-weight:600;line-height:1.3;white-space:normal;cursor:pointer;overflow-wrap:anywhere}
#ugcTools>button:hover,#tlUGCDialog button:hover{border-color:var(--tl-accent)}
#ugcTools>button:focus-visible,#tlUGCDialog button:focus-visible{outline:2px solid var(--tl-accent);outline-offset:3px}
#ugcTools>button:disabled,#tlUGCDialog button:disabled{opacity:.55;cursor:default}
#ugcNotice{flex-basis:100%;margin:0;color:var(--tl-text-2);font-size:.9rem;overflow-wrap:anywhere}
#ugcNotice:empty{display:none}
#tlUGCDialog .tl-ugc-box{background:var(--tl-panel);color:var(--tl-text);border:1px solid var(--tl-border)}
#tlUGCDialog .tl-ugc-box h2{color:var(--tl-text);margin:0 0 16px}
#tlUGCDialog .tl-ugc-box li{margin-bottom:12px}
#tlUGCDialog .tl-ugc-box a{color:var(--tl-accent)}
#ugcAcceptedDate{color:var(--tl-text-2);padding:12px 0}
@media(max-width:400px){#ugcTools>button{flex:1 1 100%}#tlUGCDialog .tl-ugc-box{padding:16px!important}}