:root{
  --settings-bg:var(--bg-body,#07111f);--settings-surface:var(--bg-surface,#111827);--settings-soft:var(--surface-2,#172033);
  --settings-text:var(--text-main,#f8fafc);--settings-muted:var(--text-secondary,#94a3b8);--settings-line:var(--border-color,#334155);
  --settings-primary:var(--primary,#38bdf8);--settings-danger:#dc2626;--settings-warn:#d97706;--settings-ok:#059669;
}
*{box-sizing:border-box}
body.settings-page,body.workshop-page{margin:0;min-height:100vh;background:var(--settings-bg);color:var(--settings-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.settings-shell{width:min(980px,calc(100% - 24px));margin:0 auto;padding:24px 0 110px}
.settings-hero{display:flex;align-items:center;gap:14px;margin-bottom:18px}.settings-back{width:42px;height:42px;border-radius:13px;border:1px solid var(--settings-line);background:var(--settings-surface);color:var(--settings-text);display:grid;place-items:center;text-decoration:none}.settings-title h1{margin:0;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.03em}.settings-title p{margin:4px 0 0;color:var(--settings-muted);font-size:.84rem}
.settings-status{margin-left:auto;padding:7px 10px;border:1px solid color-mix(in srgb,var(--settings-primary) 35%,var(--settings-line));border-radius:999px;color:var(--settings-primary);background:color-mix(in srgb,var(--settings-primary) 8%,var(--settings-surface));font-size:.7rem;font-weight:900}
.settings-section{margin:15px 0}.settings-section-title{margin:0 0 8px;padding-left:3px;color:var(--settings-muted);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.settings-card{overflow:hidden;border:1px solid var(--settings-line);border-radius:18px;background:var(--settings-surface);box-shadow:0 12px 35px color-mix(in srgb,#000 10%,transparent)}
.settings-row{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:78px;padding:12px 14px;border:0;border-bottom:1px solid color-mix(in srgb,var(--settings-line) 70%,transparent);background:transparent;color:var(--settings-text);text-align:left;text-decoration:none;cursor:pointer}.settings-row:last-child{border-bottom:0}.settings-row:hover{background:color-mix(in srgb,var(--settings-primary) 5%,var(--settings-surface))}.settings-row:disabled{opacity:.5;cursor:not-allowed}.settings-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--settings-primary) 10%,var(--settings-surface));color:var(--settings-primary);border:1px solid color-mix(in srgb,var(--settings-primary) 22%,var(--settings-line));font-size:1rem}.settings-copy strong{display:block;font-size:.92rem}.settings-copy span{display:block;margin-top:3px;color:var(--settings-muted);font-size:.73rem;line-height:1.4}.settings-arrow{color:var(--settings-muted);font-size:.85rem}.settings-row.danger .settings-icon,.settings-row.danger .settings-arrow{color:#ef4444}.settings-row.warning .settings-icon,.settings-row.warning .settings-arrow{color:#d97706}.settings-row.success .settings-icon,.settings-row.success .settings-arrow{color:#059669}
.settings-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}.settings-stat{padding:13px;border:1px solid var(--settings-line);border-radius:14px;background:var(--settings-surface)}.settings-stat b{display:block;font-size:1.25rem}.settings-stat span{font-size:.68rem;color:var(--settings-muted)}
.settings-note{padding:12px 14px;border:1px solid var(--settings-line);border-radius:14px;background:var(--settings-soft);color:var(--settings-muted);font-size:.75rem;line-height:1.5}
.settings-file{display:none}.settings-toast{position:fixed;z-index:2147483200;left:50%;bottom:90px;transform:translate(-50%,16px);opacity:0;pointer-events:none;max-width:min(90vw,520px);padding:11px 14px;border-radius:12px;background:var(--settings-text);color:var(--settings-bg);font-size:.78rem;font-weight:800;transition:.18s}.settings-toast.show{opacity:1;transform:translate(-50%,0)}
.workshop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.workshop-card{border:1px solid var(--settings-line);border-radius:16px;background:var(--settings-surface);padding:14px;display:grid;gap:10px}.workshop-card header{display:flex;align-items:center;gap:10px}.workshop-dot{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,var(--settings-text) 35%,transparent)}.workshop-card h3{margin:0;font-size:.92rem}.workshop-card small{color:var(--settings-muted)}.workshop-action{min-height:40px;border-radius:11px;border:1px solid var(--settings-line);background:var(--settings-soft);color:var(--settings-text);font-weight:900;cursor:pointer}.workshop-action.warn{border-color:#d9770666;color:#b45309}.workshop-action.ok{border-color:#05966966;color:#047857}
:root[data-trife-theme-mode="light"] body.settings-page,:root[data-trife-theme-mode="light"] body.workshop-page{--settings-bg:#f8fafc;--settings-surface:#fff;--settings-soft:#f1f5f9;--settings-text:#0f172a;--settings-muted:#64748b;--settings-line:#cbd5e1;--settings-primary:#0369a1}
:root[data-trife-theme-mode="light"] .settings-card,:root[data-trife-theme-mode="light"] .settings-stat,:root[data-trife-theme-mode="light"] .workshop-card{box-shadow:0 10px 28px rgba(15,23,42,.06)}
@media(max-width:680px){.settings-shell{width:min(100% - 14px,680px);padding-top:12px}.settings-hero{align-items:flex-start}.settings-status{display:none}.settings-summary{grid-template-columns:repeat(2,1fr)}.settings-row{min-height:72px;padding:10px 12px}.settings-icon{width:38px;height:38px}.settings-copy strong{font-size:.86rem}.settings-copy span{font-size:.69rem}}