.settings-main{
  max-width: 900px;
  margin: 0 auto;
  padding: var(--u-space-6) var(--u-space-5) var(--u-space-8);
}
.settings-main h1{
  font-size: var(--u-text-3xl);
  margin: 0 0 var(--u-space-4);
}
.settings-main section{
  border-top: 1px solid var(--u-line);
  padding: var(--u-space-5) 0;
  margin-top: var(--u-space-5);
}
.settings-main h2{
  font-size: var(--u-text-xl);
}
.settings-main label:not(.import){
  display: grid;
  gap: var(--u-space-2);
  margin: var(--u-space-5) 0 var(--u-space-2);
  font-size: var(--u-text-sm);
}
.settings-main input,
.settings-main textarea{
  width: 100%;
  padding: var(--u-space-3);
  background: var(--u-surface);
  border: 1px solid var(--u-line);
  border-radius: var(--u-radius-control);
  color: var(--u-ink);
}
.settings-main textarea{
  line-height: var(--u-leading-body);
  font-family: var(--u-font-mono);
  font-size: var(--u-text-xs);
}
.settings-main .hint{
  font-size: var(--u-text-2xs);
  line-height: var(--u-leading-body);
}
.settings-main code{
  overflow-wrap: anywhere;
}
.settings-main details{
  margin-top: var(--u-space-4);
}
.settings-main summary{
  cursor: pointer;
  padding: var(--u-space-3) 0;
}
.settings-main pre{
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background: var(--u-accent-tint);
  padding: var(--u-space-4);
  font-size: var(--u-text-xs);
  line-height: var(--u-leading-body);
}
.settings-actions{
  display: flex;
  flex-wrap: wrap;
  gap: var(--u-space-2);
  align-items: center;
}
.connection-state{
  border-inline-start: 3px solid var(--u-line);
  padding-inline-start: var(--u-space-4);
  font-size: var(--u-text-xs);
  line-height: var(--u-leading-body);
}
#settings-status{
  min-height: 2em;
  line-height: var(--u-leading-body);
}
.archive-actions{
  display: flex;
  flex-wrap: wrap;
  gap: var(--u-space-2);
  margin-top: var(--u-space-4);
}
.archive-actions a{
  font-size: var(--u-text-2xs);
  padding: var(--u-space-2) var(--u-space-3);
}
.archive-hint{
  font-size: var(--u-text-2xs);
  line-height: var(--u-leading-body);
  color: var(--u-ink-muted);
}
@media(max-width:600px){.settings-main{
  padding: var(--u-space-5) var(--u-space-4) var(--u-space-8);
}
.settings-main h1{
  font-size: var(--u-text-2xl);
}
header{
  gap: var(--u-space-4);
}
header p{
  display: none;
}
.settings-actions>*{
  min-height: 44px;
}
}

.note-composer{
  display: grid;
  gap: var(--u-space-2);
}
.note-composer label,
.citation-form label{
  font-size: var(--u-text-xs);
  line-height: var(--u-leading-snug);
}
.note-composer textarea,
.note-composer input,
.citation-form input,
.citation-form textarea,
.citation-form select,
.settings-main select{
  width: 100%;
  font: inherit;
  border: 1px solid var(--u-line);
  padding: var(--u-space-2);
  background: var(--u-surface);
  color: var(--u-ink);
  border-radius: var(--u-radius-control);
}
.note-composer textarea{
  min-height: 110px;
}
.literature-note{
  border-top: 1px solid var(--u-line);
  padding: var(--u-space-4) 0;
  overflow-wrap: anywhere;
}
.citation-panel{
  border-top: 1px solid var(--u-line);
  margin: var(--u-space-5) 0;
  padding: var(--u-space-4) 0;
}
.citation-panel p{
  font-size: var(--u-text-2xs);
  line-height: var(--u-leading-body);
}
.citation-form{
  display: grid;
  gap: var(--u-space-3);
}
.citation-form label{
  display: grid;
  gap: var(--u-space-1);
}
.citation-panel article{
  padding: var(--u-space-4);
  border: 1px solid var(--u-line);
  margin: var(--u-space-3) 0;
}
.settings-main select{
  min-height: 44px;
}
body .reader .archive-actions{
  gap: var(--u-space-1);
}
@media(max-width:600px){.note-composer textarea,
.note-composer input,
.citation-form input,
.citation-form textarea,
.settings-main textarea{
  font-size: var(--u-text-base);
}
}

.reading-pager{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--u-line);
  padding-bottom: var(--u-space-3);
  margin-bottom: var(--u-space-4);
}
.reading-pager span{
  font-size: var(--u-text-2xs);
  color: var(--u-ink-muted);
}
button:disabled{
  opacity: .5;
  cursor: default;
}
.citation-panel strong,
.literature-note{
  overflow-wrap: anywhere;
}


.settings-main .vault-picker{
  padding: var(--u-space-4);
  background: var(--u-accent-tint);
  border: 1px solid var(--u-line);
  border-radius: var(--u-radius-surface);
}
.vault-entry button{
  width: 100%;
  text-align: start;
  overflow-wrap: anywhere;
  white-space: normal;
}
.vault-entry{
  border-bottom: 1px solid var(--u-line);
}
#obsidian-tree{
  overflow: auto;
  margin: var(--u-space-3) 0;
}
.settings-main #obsidian-template-preview{
  background: var(--u-paper);
  overflow: auto;
}
#obsidian-path,
#obsidian-template-source{
  overflow-wrap: anywhere;
  font-size: var(--u-text-2xs);
  line-height: var(--u-leading-body);
}
#obsidian-local-status{
  font-size: var(--u-text-xs);
  line-height: var(--u-leading-body);
}
.vault-picker .import{
  display: inline-block;
  margin-top: var(--u-space-3);
}
.settings-main .vault-picker select{
  max-width: 100%;
  text-overflow: ellipsis;
}


.settings-main details>summary{
  border: 1px solid var(--u-line);
  border-radius: var(--u-radius-surface);
  padding: var(--u-space-4);
  background: var(--u-surface);
  font-size: var(--u-text-sm);
  font-weight: 600;
  min-height: 48px;
}
.settings-main details[open]>summary{
  margin-bottom: var(--u-space-4);
}
.settings-main .vault-entry{
  border: 0;
  padding: var(--u-space-1) 0;
}
.settings-main .vault-picker{
  margin-top: var(--u-space-3);
}
.settings-main .settings-actions{
  margin-top: var(--u-space-5);
}
.settings-main .primary{
  min-width: 150px;
}
.device-transfer{
  border-top: 1px solid var(--u-line);
  padding-top: var(--u-space-4);
}
.settings-main [hidden]{
  display: none!important;
}
@media(max-width:600px){.settings-main .settings-actions>*{
  flex: 1 1 auto;
  text-align: center;
  justify-content: center;
}
.settings-main h2{
  font-size: var(--u-text-xl);
}
.settings-main .vault-picker{
  padding: var(--u-space-3);
}
.settings-main input{
  font-size: var(--u-text-base);
}
}