#settings-dialog .settings-submenus{display:grid;gap:4px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}
#settings-dialog .settings-submenus :is(button,a){display:flex;align-items:center;gap:12px;padding:12px 8px;border:0;border-radius:6px;background:transparent;color:inherit;font-size:14px;text-align:left}
#settings-dialog .settings-submenus :is(button,a):hover{background:var(--theme-hover,#f1f4f2)}
.settings-submenus svg:last-child{margin-left:auto;width:15px;height:15px;color:var(--muted)}
#settings-add-account{width:100%;margin-top:12px}
#add-account-dialog>.button{width:100%;margin-top:12px}
#feedback-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:460px;max-width:100%;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid var(--border);border-radius:0;background:var(--theme-surface,#fff);color:var(--theme-text,#2a3433)}
#feedback-form{display:flex;flex-direction:column;height:100%;min-height:0}
.feedback-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--border);flex-shrink:0}
.feedback-heading h2{font-size:18px;line-height:1.5;margin:0}
.feedback-body{padding:24px 20px;overflow-y:auto;flex:1;min-height:0}
.feedback-body label{display:block;font-size:14px;margin:0 0 12px}
.feedback-body textarea{width:100%;min-height:180px;resize:vertical;background:transparent;color:inherit;border:1px solid var(--border);border-radius:6px;padding:12px;font-size:14px;line-height:1.6}
.feedback-body .muted{font-size:12px;line-height:1.6;margin:8px 0 24px}
.feedback-body .feedback-upload{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;border:1px solid var(--border);border-radius:6px;padding:10px;cursor:pointer}
.feedback-upload{width:100%;background:transparent;color:inherit;font-size:14px}
.feedback-upload:focus-within{outline:3px solid #82c8b3}
#feedback-attachment{display:flex;align-items:flex-start;gap:12px;margin-top:16px}
#feedback-image{width:calc(100% - 48px);max-height:220px;object-fit:contain;border-radius:4px}
.feedback-footer{display:flex;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--border);flex-shrink:0}
#feedback-send{width:100px;min-height:42px}
.feedback-spinner{animation:project-load-spin .8s linear infinite}
#feedback-success{font-size:14px;color:var(--green);line-height:1.6}
@media(prefers-reduced-motion:reduce){.feedback-spinner{animation:none}}
.settings-tutorials{display:flex;align-items:center;gap:12px;margin-top:24px;padding:16px 8px 0;border-top:1px solid var(--border);font-size:14px}
.settings-tutorials-label{display:flex;align-items:center;gap:4px;margin-right:auto;min-width:0}
#settings-tutorials-status{font-size:12px;color:var(--muted)}
#settings-tutorials-toggle{display:block;position:relative;width:40px;height:24px;min-height:24px;flex:none;padding:2px;border:1px solid var(--muted);border-radius:16px;background:var(--muted);cursor:pointer}
#settings-tutorials-toggle>span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transform:translateX(0);transition:transform .15s}
#settings-tutorials-toggle[aria-checked=true]{background:var(--green);border-color:var(--green)}
#settings-tutorials-toggle[aria-checked=true]>span{transform:translateX(16px)}
#settings-tutorials-toggle:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.settings-tutorials-help{position:relative;display:inline-flex}
.settings-tutorials-help>button{width:30px;height:30px;padding:6px;color:var(--muted)}
.settings-tutorials-help>button svg{width:16px;height:16px}
#settings-tutorials-tooltip{display:none;position:absolute;z-index:2;bottom:calc(100% + 6px);left:-80px;width:240px;max-width:65vw;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--theme-surface,#fff);color:var(--theme-text,inherit);font-size:12px;line-height:1.5;box-shadow:0 4px 16px #0002}
.settings-tutorials-help:hover #settings-tutorials-tooltip,.settings-tutorials-help:focus-within #settings-tutorials-tooltip{display:block}
@media(prefers-reduced-motion:reduce){#settings-tutorials-toggle>span{transition:none}}