.settings-form { display: block; }
.directory-path-widget { display: flex; align-items: center; gap: 10px; max-width: 900px; }
.directory-path-widget input { flex: 1; min-width: 180px; }
.directory-picker-button { white-space: nowrap; }
.field-row { display: flex; flex-direction: column; gap: 4px; margin: 0 0 10px; max-width: 760px; }
.field-row input:not([type="checkbox"]), .field-row select, .field-row textarea { width: 100%; max-width: 760px; border: 1px solid #c8d0d6; border-radius: 7px; padding: 7px 9px; font: inherit; }
.field-row:has(input[type="checkbox"]) { display: grid; grid-template-columns: 22px minmax(0, auto); grid-template-rows: auto auto; align-items: center; column-gap: 8px; width: fit-content; max-width: 760px; padding: 4px 8px 4px 4px; border-radius: 7px; cursor: pointer; }
.field-row:has(input[type="checkbox"]):hover { background: #eef4f6; }
.field-row:has(input[type="checkbox"]) > strong { grid-column: 2; grid-row: 1; }
.field-row:has(input[type="checkbox"]) > input[type="checkbox"] { grid-column: 1; grid-row: 1; width: 19px; height: 19px; margin: 0; accent-color: var(--accent); }
.field-row:has(input[type="checkbox"]) > small, .field-row:has(input[type="checkbox"]) > .errorlist { grid-column: 2; grid-row: 2; }
.field-row.scan-role-field { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; align-items: stretch; gap: 5px; width: min(100%, 1000px); max-width: 1000px; padding: 0; cursor: default; }
.field-row.scan-role-field:hover { background: transparent; }
.field-row.scan-role-field > strong,.field-row.scan-role-field > div,.field-row.scan-role-field > small,.field-row.scan-role-field > .errorlist { grid-column: 1; grid-row: auto; }
.field-row.scan-role-field > div { display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; margin: 2px 0; overflow-x: auto; padding: 1px 1px 5px; }
.field-row.scan-role-field > div > div { flex: 0 0 auto; margin: 0; }
.field-row.scan-role-field label { display: inline-flex; align-items: center; gap: 8px; min-width: max-content; padding: 8px 12px; border: 1px solid var(--line); border-radius: 8px; background: #f7f9fa; cursor: pointer; white-space: nowrap; line-height: 1.25; }
.field-row.scan-role-field label:hover { border-color: var(--accent); background: #eef6f8; }
.field-row.scan-role-field input[type="checkbox"] { flex: 0 0 19px; width: 19px; height: 19px; margin: 0; accent-color: var(--accent); }
.field-row.scan-role-field>.scan-role-options{display:flex!important;grid-column:1!important;grid-row:auto!important;align-items:center!important;gap:12px!important;width:100%;overflow-x:auto}
.field-row.scan-role-field>.scan-role-options>label{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;gap:8px!important;margin:0!important;white-space:nowrap!important;position:static!important;transform:none!important}
.field-row.scan-role-field>.scan-role-options input[type="checkbox"]{position:static!important;display:inline-block!important;opacity:1!important;visibility:visible!important;margin:0!important;z-index:1;flex-shrink:0}
.field-row.scan-role-field > strong { position: static; display: block; width: 100%; margin: 0 0 2px; }
.field-row.scan-role-field > .scan-role-options { position: static!important; clear: both; min-height: 44px; padding: 2px 0 6px!important; }
.field-row.scan-role-field{border:0;min-inline-size:0}.field-row.scan-role-field>legend{position:static;display:block;width:100%;padding:0;margin:0 0 5px;font-weight:700}.scan-role-options{display:flex!important;align-items:center!important;gap:12px!important;overflow:visible!important;padding:0!important}.scan-role-option{position:static!important;display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:max-content!important;margin:0!important}.scan-role-option input[type="checkbox"]{position:static!important;display:block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;margin:0!important;opacity:1!important;visibility:visible!important}.scan-role-option span{position:static!important;display:inline!important;white-space:nowrap!important}
@media (max-width: 620px) { .field-row.scan-role-field > .scan-role-options { flex-wrap: wrap!important; overflow-x: visible; } }
@media (max-width:620px){.scan-role-options{flex-wrap:wrap!important}}
.session-language-filter{min-width:0;margin:10px 0;padding:10px 12px;border:1px solid var(--line);border-radius:8px}.session-language-filter legend{padding:0 5px;font-weight:700}.session-language-filter p{margin:0 0 8px}.session-language-options{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap}.session-language-options .compact-check{margin:0;white-space:nowrap}
.loop-option-conflict { max-width: 760px; margin: 4px 0 10px; padding: 9px 11px; border: 1px solid #d92d20; border-radius: 8px; background: #fff1f0; color: #8f1712; font-weight: 700; }
.field-row small, .profile-config-row small { color: var(--muted); }
.cloud-folder-dialog { width: min(720px, calc(100vw - 24px)); max-height: calc(100vh - 24px); overflow: auto; border: 0; border-radius: 12px; padding: 18px; box-shadow: 0 18px 70px #102c3a55; }
.cloud-folder-dialog::backdrop { background: #102c3a99; }
.cloud-folder-list { display: grid; gap: 6px; margin-top: 14px; max-height: min(52vh, 520px); overflow: auto; }
.cloud-folder-item { width: 100%; padding: 10px 12px; text-align: left; border: 1px solid #c8d0d6; border-radius: 7px; background: #fff; color: #17313c; cursor: pointer; font: inherit; }
.cloud-folder-item:hover, .cloud-folder-item:focus { background: #e8f3f6; border-color: #176b87; }
.cloud-folder-path { overflow-wrap: anywhere; }
.cloud-connection-status { margin-top: 18px; padding-top: 14px; border-top: 1px solid #d7e0e4; }
.cloud-status-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; margin: 10px 0 16px; }
.cloud-status-grid > div { padding: 9px 11px; border: 1px solid #d7e0e4; border-radius: 8px; background: #f7f9fa; min-width: 0; }
.cloud-status-grid dt { color: var(--muted); font-size: .86rem; }
.cloud-status-grid dd { margin: 3px 0 0; overflow-wrap: anywhere; font-weight: 650; }
.field-row .errorlist { color: #a21d1d; margin: 0; }
.rule-card { border: 1px solid var(--line); border-radius: 9px; margin: 12px 0; padding: 14px; }
.rule-card legend { font-weight: 800; }
.guide-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; }
.regex-guide pre { white-space: pre-wrap; background: #eef2f4; padding: 14px; border-radius: 7px; }
.settings-save { margin: 20px 0; }
.profile-config-row { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); padding: 13px 0; }
.profile-config-row small { display: block; }
.settings-columns { display: grid; grid-template-columns: minmax(520px, 2fr) minmax(300px, 1fr); gap: 20px; }
.export-guide code, .regex-guide code { background: #eef2f4; padding: 2px 5px; border-radius: 4px; }
@media (max-width: 850px) { .settings-columns, .guide-grid { grid-template-columns: 1fr; } }
.access-level-select { color: #fff; font-weight: 700; border: 1px solid #ffffff66; border-radius: 6px; padding: 7px; }
.access-level-select[data-level="inherit"] { background: #8a949e; }
.access-level-select[data-level="hidden"] { background: #000; }
.access-level-select[data-level="view"] { background: #167a3e; }
.access-level-select[data-level="play"] { background: #175cd3; }
.access-level-select[data-level="download"] { background: #b42318; }
.access-level-select option { color: #fff; }
.access-level-select option[value="inherit"] { background: #8a949e; }
.access-level-select option[value="hidden"] { background: #000; }
.access-level-select option[value="view"] { background: #167a3e; }
.access-level-select option[value="play"] { background: #175cd3; }
.access-level-select option[value="download"] { background: #b42318; }