.settings-actions {display:flex; flex-wrap:wrap; gap:12px; margin-top:16px;}
.settings-section summary {cursor:pointer; font-weight:600;}
#transfer-status {color:var(--muted); line-height:1.6;}
.settings-heading { margin-bottom:28px; }
.settings-mark { width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--soft);border-radius:var(--radius-control);color:var(--accent); }
.settings-section { padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--panel-shadow);margin-bottom:25px;backdrop-filter:var(--surface-blur); }
.section-heading { display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px; }
.section-heading h2 { font-size:18px;font-weight:600; }
.section-heading p { font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px; }
.section-count { color:var(--muted);font-size:11px;white-space:nowrap;border:1px solid var(--line);border-radius:var(--radius-control);padding:5px 8px; }
.skin-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.skin-choice { text-align:left;min-width:0;border:1px solid var(--line);border-radius:calc(var(--radius-card) * .7);padding:9px;background:transparent;color:var(--text); }
.skin-choice:hover { border-color:var(--accent); }
.skin-choice.selected { outline:2px solid var(--accent);outline-offset:2px; }
.skin-title { display:flex;justify-content:space-between;align-items:center;gap:8px;margin:13px 3px 8px; }
.skin-title strong { font-size:14px;font-weight:600; }
.skin-selection { display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted); }
.skin-selection .icon { width:13px;height:13px; }
.skin-description { display:block;font-size:11px;line-height:1.8;color:var(--muted);margin:0 3px 4px; }
.skin-preview { display:block;height:155px;padding:14px 14px 11px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:calc(var(--radius-card) * .65);background:var(--background);background-image:var(--page-image);color:var(--text); }
.mini-heading { display:flex;gap:5px;align-items:center;margin-bottom:13px; }
.mini-dot { width:7px;height:7px;background:var(--text);border-radius:3px;opacity:.7; }
.mini-word { width:32px;height:3px;background:var(--text);opacity:.3; }
.mini-pill { margin-left:auto;width:23px;height:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control);box-shadow:var(--control-shadow); }
.mini-board { display:grid;grid-template-columns:1fr 1fr;gap:7px; }
.mini-card { display:flex;flex-direction:column;align-items:flex-start;height:43px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius-card) * .3);box-shadow:var(--panel-shadow);backdrop-filter:var(--surface-blur); }
.mini-card.mini-wide { grid-column:span 2;height:43px; }
.mini-card i { display:block;width:7px;height:7px;border:1px solid var(--text);border-radius:2px;opacity:.6; }
.mini-card b { display:block;width:24px;height:3px;background:var(--text);opacity:.45;margin-top:7px; }
.mini-card em { display:block;width:40px;height:2px;background:var(--text);opacity:.2;margin-top:4px; }
.mini-dock { position:absolute;bottom:7px;left:calc(50% - 28px);width:56px;height:13px;border:1px solid var(--line);background:var(--dock-background);border-radius:var(--radius-dock);display:flex;gap:3px;align-items:center;padding:2px;box-shadow:var(--dock-shadow); }
.mini-dock i { flex:1;height:7px;border-radius:var(--radius-control); }
.mini-dock i:first-child { background:var(--active-background); }
.layout-empty { min-height:100px;border:1px dashed var(--line);border-radius:var(--radius-control);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;background:var(--soft);box-shadow:var(--inset-shadow); }

.navigation-options { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.navigation-choice { padding:13px;text-align:left;border:1px solid var(--line);border-radius:var(--radius-control);background:transparent;color:var(--text);min-width:0; }
.navigation-choice.selected { outline:2px solid var(--accent);outline-offset:2px; }
.navigation-choice:hover { border-color:var(--accent); }
.navigation-preview { display:block;position:relative;height:125px;overflow:hidden;background:var(--background);border:1px solid var(--line);border-radius:9px; }
.navigation-preview-content { display:block;width:65%;height:33px;border:1px solid var(--line);border-radius:5px;position:absolute;left:17.5%;top:18px;background:var(--surface);box-shadow:var(--panel-shadow); }
.navigation-preview-content::after { content:'';position:absolute;left:9px;top:10px;width:45%;height:3px;background:var(--muted);opacity:.4; }
.navigation-preview-bar { position:absolute;bottom:0;left:0;width:100%;height:38px;background:var(--dock-background);display:flex;border-top:1px solid var(--line); }
.navigation-preview-item { flex:1;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:var(--muted);white-space:nowrap;min-width:0; }
.navigation-preview-item .icon { width:12px;height:12px; }
.navigation-preview-item.current { color:var(--accent); }
.preview-standard .navigation-preview-item { flex-direction:column;gap:2px;font-size:8px; }
.preview-floating .navigation-preview-bar { left:20%;bottom:10px;width:60%;height:29px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--dock-shadow);padding:3px; }
.preview-floating .current { border-radius:20px;background:var(--active-background);color:var(--active-text); }
.preview-panel .navigation-preview-bar { left:8%;bottom:9px;width:84%;height:32px;border:1px solid var(--line);border-radius:5px;overflow:hidden; }
.preview-panel .current { background:var(--soft);border-top:2px solid var(--accent);color:var(--text); }
.preview-text .navigation-preview-item { position:relative; }
.preview-text .navigation-preview-item .icon { display:none; }
.preview-text .current::after { content:'';position:absolute;bottom:6px;width:16px;height:1px;background:var(--accent); }
.layout-subheading { color:var(--muted);font-size:12px;margin:-6px 0 20px; }
@media(max-width:450px) { .navigation-options { gap:13px; } .navigation-choice { padding:9px; } .navigation-preview { height:110px; } .navigation-choice .skin-description { font-size:11px; } }
@media(max-width:450px) { .preview-floating .navigation-preview-bar { width:76%;left:12%; } .preview-floating .navigation-preview-item { font-size:8px;gap:2px; } .preview-floating .navigation-preview-item .icon { width:10px;height:10px; } }

@media(max-width:750px) { .skin-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; } .settings-section { padding:20px; } }
@media(max-width:450px) { .settings-section { padding:17px 13px; } .skin-grid { gap:12px; } .skin-preview { height:143px;padding:12px 10px; } .skin-title { flex-wrap:wrap;gap:5px; } .skin-title strong { font-size:13px; } .skin-description { font-size:11px; } .section-heading { align-items:flex-start; } }


.writing-option { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;color:var(--text);font-size:13px; }
.writing-option input[type="range"] { width:40%;min-width:90px;accent-color:var(--accent); }
.writing-option input[type="checkbox"] { width:20px;height:20px;accent-color:var(--accent); }
.writing-preview { margin-top:28px;overflow:hidden; }
.writing-preview .title-input { font-size:20px; }
.writing-preview .body-input { min-height:100px;height:100px; }

.export-formats { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px; }
.export-format { display:flex;align-items:flex-start;gap:10px;min-width:0;padding:17px;border:1px solid var(--line);border-radius:var(--radius-control);cursor:pointer; }
.export-format:has(input:checked) { border-color:var(--accent);background:var(--soft); }
.export-format input { margin-top:5px;accent-color:var(--accent); }
.export-format strong { display:block;font-size:14px; }
.export-format small { display:block;color:var(--muted);font-size:12px;line-height:1.8;margin-top:8px; }
.export-fields { display:grid;gap:18px;margin:24px 0; }
.export-fields label { display:flex;flex-direction:column;gap:10px;font-size:13px; }
.export-fields select,.export-fields input { min-width:0;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--background);color:var(--text); }
.export-dates { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.export-fields [hidden] { display:none; }
.export-preview { max-height:320px;overflow:auto;overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:var(--background);border:1px solid var(--line);border-radius:var(--radius-control);font:12px/1.8 ui-monospace,monospace; }
.export-help { color:var(--muted);font-size:12px;line-height:1.9;margin-top:16px; }
@media(max-width:550px) { .export-formats {grid-template-columns:1fr;} .export-format {padding:14px;} }

.skin-motion { border-top:1px solid var(--line);padding-top:8px;margin-top:28px; }
.custom-skin { border:1px solid var(--line);border-radius:var(--radius-control);padding:20px;margin-top:24px; }
.custom-skin summary { cursor:pointer;font-size:14px; }
.custom-skin select { padding:9px 12px;max-width:55%;border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);background:var(--surface);font:inherit;font-size:16px; }
#background-name { overflow-wrap:anywhere; }
.skin-preview { background-size:cover;background-position:center; }
html[data-custom-tone="dark"] .skin-preview[data-skin="custom"] { --background:#222a30;--surface:#1c2832df;--text:#f0f4f4;--muted:#b8c6cd;--line:#dbe6ea33;--page-image:linear-gradient(rgb(14 22 29 / var(--custom-dim,.32)),rgb(14 22 29 / var(--custom-dim,.32))),var(--custom-image,none); }
@media(max-width:450px) { .custom-skin {padding:16px 12px;} .skin-motion .writing-option {margin-bottom:8px;} }