.shared-modal{color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);box-shadow:0 16px 48px color-mix(in srgb, var(--scrim-base) 18%, transparent);font-family:inherit;font-size:var(--font-body);margin:auto;padding:0;line-height:1.55}.shared-modal,.shared-modal *{box-sizing:border-box}.shared-modal h2,.shared-modal h3,.shared-modal p{margin:0}.shared-modal h2{font-size:var(--font-headline);font-weight:650}.shared-modal button,.shared-modal select{font:inherit;font-size:var(--font-caption);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);min-height:32px;padding:5px 10px}.shared-modal button{cursor:pointer}.shared-modal button:hover{background:var(--tint-a)}.shared-modal button.primary{background:var(--brand-primary);color:var(--text-on-brand);border-color:var(--brand-primary)}.shared-modal button.primary:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--text-on-brand)}.shared-modal select{border-color:var(--text-tertiary)}.shared-modal button:disabled{opacity:.5;cursor:default}.shared-modal button:focus-visible,.shared-modal select:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.shared-modal small{font-size:var(--font-caption)}.shared-modal::backdrop{background:color-mix(in srgb, var(--scrim-base) 28%, transparent)}.shared-action-menu{margin:52px var(--space-16) 0 auto;width:272px;padding:6px;overflow:auto}.shared-action-menu::backdrop{background:0 0}.shared-menu-summary{padding:10px 10px var(--space-12);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-default);overflow-wrap:anywhere;gap:2px;display:grid}.shared-menu-summary strong{font-size:var(--font-body)}.shared-menu-summary small{color:var(--text-secondary);font-size:var(--font-caption)}.shared-modal .shared-menu-item{width:100%;min-height:36px;padding:var(--space-8) 10px;border-radius:var(--radius-sm);text-align:start;white-space:normal;border:0;justify-content:start;align-items:center;gap:10px;display:flex}.shared-menu-item span{flex:1}.shared-menu-item.danger{color:var(--semantic-danger)}.shared-menu-item kbd{font-size:var(--font-micro);color:var(--text-secondary)}.shared-settings{width:820px}.shared-settings-header{z-index:1;background:var(--bg-surface);justify-content:space-between;align-items:center;gap:var(--space-16);border-bottom:1px solid var(--border-default);padding:18px 22px;display:flex;position:sticky;top:0}.shared-settings-header button{font-size:var(--font-headline);min-width:32px}.shared-settings-body{grid-template-columns:172px minmax(0,1fr);min-height:420px;display:grid}.shared-settings-nav{padding:var(--space-14) 10px;background:var(--tint-a);border-right:1px solid var(--border-default);gap:var(--space-4);flex-direction:column;display:flex}.shared-settings-nav button{white-space:normal;text-align:start;padding:var(--space-8) 10px;background:0 0;border-color:#0000;justify-content:start;gap:9px}.shared-settings-nav button[aria-current]{color:var(--text-primary);background:var(--tint-d);font-weight:600}.shared-settings-nav button[aria-current]>svg{color:var(--brand-primary)}.shared-settings-content{padding:22px var(--space-24);overflow-wrap:anywhere;min-width:0}.shared-settings-section>header{margin-bottom:var(--space-16)}.shared-settings-section h3{font-size:var(--font-headline)}.shared-settings-section p{color:var(--text-secondary);font-size:var(--font-caption);margin-top:var(--space-4)}.shared-settings-row{justify-content:space-between;align-items:center;gap:var(--space-20);padding:var(--space-14) 0;border-bottom:1px solid var(--border-default);display:flex}.shared-settings-row>div:first-child{min-width:0}.shared-settings-value{text-align:end;overflow-wrap:anywhere;min-width:0;max-width:60%}.shared-settings-value select{max-width:100%}.shared-status{margin:var(--space-12) 0;justify-content:space-between;align-items:center;gap:var(--space-14);padding:var(--space-12) var(--space-14);border-radius:var(--radius-r8);background:var(--tint-a);font-size:var(--font-caption);display:flex}.shared-status.error{color:var(--semantic-danger);background:var(--status-danger-tint)}@media (width<=600px){.shared-settings-body{grid-template-columns:minmax(0,1fr);min-height:0}.shared-settings-nav{border-right:0;border-bottom:1px solid var(--border-default);flex-flow:wrap}.shared-settings-content{padding:18px}.shared-settings-row{flex-wrap:wrap;gap:10px}.shared-settings-value{text-align:start;max-width:100%}}
