/* ---------- Modals ---------- */
  #settingsPanel, #valuePanel { position: fixed; inset: 0; background: rgba(30,20,10,0.45); display: none; align-items: center; justify-content: center; z-index: 60; }
  #settingsPanel.show, #valuePanel.show { display: flex; }
  #settingsSheet, #valueSheet { width: min(96vw, 420px); max-width: 420px;box-sizing: border-box; background: var(--panel); border-radius: 16px; padding: 16px; border: 1px solid var(--panel-line); max-height: 88vh; overflow-y: auto; overflow-x: hidden; }
  #settingsSheet label, #valueSheet label { display: block; font-size: 12px; color: var(--text-dim); margin: 10px 0 4px; }
  #settingsSheet input, #valueSheet input, #valueSheet select { width: 100%; padding: 9px 10px; border-radius: 8px; border: 1px solid var(--panel-line); background: var(--bg); color: var(--text); font-size: 13px; }
  #settingsSheet .row, #valueSheet .row { display: flex; gap: 8px; margin-top: 16px; }
  #settingsSheet button, #valueSheet .row button { flex: 1; padding: 10px; border-radius: 8px; border: 1px solid var(--panel-line); background: var(--bg); color: var(--text); cursor: pointer; }
  #settingsSheet button.primary, #valueSheet .row button.primary { background: var(--accent); color: #fff; border: none; font-weight: 600; }
  #settingsSheet button.danger-full { color: var(--danger); border-color: var(--danger); background: transparent; width: 100%; }
  .field-group { border-top: 1px dashed var(--panel-line); margin-top: 10px; padding-top: 4px; }
  @media (max-width:480px){#settingsSheet,#valueSheet{width:calc(100vw - 16px);max-width:none;margin:8px;padding:14px;border-radius:14px;}#settingsSheet .row,#valueSheet .row{flex-direction:column;gap:10px;}#settingsSheet button,#valueSheet .row button{width:100%;}}