.ui-language .app .signal-settings { margin:16px 0 24px; border:0; border-radius:0; background:transparent; box-shadow:none; container-type:inline-size; container-name:signal-settings; }
.signal-settings>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 24px; cursor:pointer; list-style:none; border-radius:28px; background:var(--ds-surface); box-shadow:var(--ds-shadow-card); }
.signal-settings summary::-webkit-details-marker { display:none; }
.signal-settings-heading { display:flex; align-items:center; gap:14px; min-width:0; }
.signal-settings-icon { display:grid; place-items:center; flex:none; width:44px; height:44px; border-radius:16px; color:var(--ds-accent-strong); background:var(--ds-accent-soft); }
.signal-settings-icon svg { width:22px; height:22px; }
.signal-settings-copy { display:grid; gap:4px; min-width:0; }
.signal-settings-heading strong { font:650 18px/1.4 var(--ds-font); }
.signal-settings-copy [data-signal-summary] { font:400 13px/1.5 var(--ds-font); color:var(--ds-ink-secondary); overflow-wrap:anywhere; }
.signal-settings p { font:400 13px/1.5 var(--ds-font); color:var(--ds-ink-secondary); margin:5px 0 0; }
.signal-settings-action { display:flex; align-items:center; justify-content:center; gap:8px; flex:none; min-height:44px; box-sizing:border-box; color:var(--ds-ink-secondary); font:500 13px/1.4 var(--ds-font); padding:10px 16px; border:1px solid var(--ds-line); border-radius:999px; background:var(--ds-surface); box-shadow:var(--ds-shadow-card); }
.signal-settings-action svg,.signal-explanation>summary svg { width:18px; height:18px; flex:none; }
.signal-settings-action .signal-action-open,.signal-settings[open] .signal-action-closed { display:none; }
.signal-settings[open] .signal-action-open { display:inline; }
.signal-chevron { transition:transform .18s; }
.signal-settings[open] .signal-settings-action .signal-chevron { transform:rotate(180deg); }
.signal-settings>summary:hover .signal-settings-action { color:var(--ds-accent-strong); border-color:var(--ds-line-strong); }
.signal-settings-form { padding:0; }
.signal-settings[open]>summary { border-radius:28px 28px 0 0; box-shadow:none; }
.signal-settings-intro { padding:0 24px 20px; margin-bottom:16px; border-radius:0 0 28px 28px; background:var(--ds-surface); box-shadow:var(--ds-shadow-card); }
.signal-settings-intro .signal-toggle { padding-top:18px; border-top:1px solid var(--ds-line); }
.signal-settings fieldset { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:0; margin:0; border:0; min-width:0; }
.signal-settings-section { padding:24px; min-width:0; border-radius:28px; background:var(--ds-surface); box-shadow:var(--ds-shadow-card); }
.signal-section-heading { display:flex; align-items:flex-start; gap:12px; margin-bottom:22px; }
.signal-section-heading>div { min-width:0; }
.signal-section-icon { display:grid; place-items:center; flex:none; width:40px; height:40px; border-radius:15px; background:var(--ds-accent-soft); color:var(--ds-accent-strong); }
.signal-section-icon svg { width:20px; height:20px; }
.signal-control-label { font:500 12px/1.5 var(--ds-font); color:var(--ds-ink-secondary); margin-bottom:8px; }
.signal-settings .signal-card-note { font-size:12px; line-height:1.6; margin-top:18px; padding-top:16px; border-top:1px solid var(--ds-line); }
.signal-section-heading h2 { margin:0; font:650 16px/1.4 var(--ds-font); }
.signal-choices { display:flex; flex-wrap:wrap; gap:8px; }
.signal-choice { position:relative; cursor:pointer; min-width:0; }
.signal-choice input { position:absolute; opacity:0; width:1px; height:1px; }
.signal-choice span { display:inline-flex; min-height:40px; box-sizing:border-box; align-items:center; padding:8px 14px; border-radius:999px; background:var(--ds-surface-subtle); font:500 13px/1.4 var(--ds-font); color:var(--ds-ink-secondary); transition:background .18s,color .18s,box-shadow .18s; }
.signal-choice input:checked+span { background:var(--ds-surface); color:var(--ds-ink); box-shadow:0 2px 8px rgba(20,24,40,.07); }
.signal-choice input:focus-visible+span { outline:2px solid var(--ds-accent); outline-offset:3px; }
.signal-choice input:disabled+span { opacity:.65; cursor:default; }
.signal-tone-choices,.signal-mode-choices { padding:5px; width:fit-content; border-radius:999px; background:var(--ds-surface-subtle); gap:3px; }
.signal-tone-choices .signal-choice span { padding:8px 14px; }
.signal-tone-choices .signal-choice span::before { content:''; width:6px; height:6px; border-radius:50%; margin-right:8px; background:var(--ds-ink-secondary); opacity:.45; }
.signal-tone-choices [data-tone=negative] input:checked+span::before { background:#cc615d; opacity:1; }
.signal-tone-choices [data-tone=positive] input:checked+span::before { background:#249270; opacity:1; }
.signal-tone-choices input:checked+span::after { content:'✓'; margin-left:7px; font-size:11px; }
.signal-scope { margin-top:12px; }
.signal-scope>summary { display:flex; justify-content:space-between; gap:12px; min-height:52px; box-sizing:border-box; padding:12px 16px; border-radius:18px; background:var(--ds-surface-subtle); cursor:pointer; font:400 13px/1.5 var(--ds-font); list-style:none; }
.signal-scope>summary>span { color:var(--ds-ink-secondary); }
.signal-scope>summary>b { font-weight:500; text-align:right; }
.signal-scope>summary>b::after { content:'⌄'; display:inline-block; margin-left:12px; color:var(--ds-ink-secondary); }
.signal-scope[open]>summary>b::after { transform:rotate(180deg); }
.signal-scope-body { padding:4px 0 8px; }
.signal-scope-body .signal-choice input:checked+span { background:var(--ds-accent-soft); color:var(--ds-accent-strong); box-shadow:none; }
.signal-scope-body .signal-choice input:checked+span::before { content:'✓'; margin-right:6px; }
.signal-text-action { min-height:40px; padding:4px 0; border:0; background:transparent; color:var(--ds-accent-strong); font-size:13px; cursor:pointer; }
.signal-toggle { position:relative; display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:40px; cursor:pointer; }
.signal-toggle strong { display:block; font:500 13px/1.5 var(--ds-font); }
.signal-toggle small { display:block; color:var(--ds-ink-secondary); font:400 12px/1.5 var(--ds-font); margin-top:2px; }
.signal-toggle input { position:absolute; opacity:0; width:1px; height:1px; }
.signal-toggle i { display:block; width:36px; height:22px; border-radius:999px; background:#dfe1e7; flex:none; position:relative; transition:background .18s; }
.signal-toggle i::after { content:''; position:absolute; inset:3px auto auto 3px; width:16px; height:16px; border-radius:50%; background:white; box-shadow:0 1px 3px rgba(0,0,0,.12); transition:transform .18s; }
.signal-toggle input:checked+i { background:var(--ds-accent); }
.signal-toggle input:checked+i::after { transform:translateX(14px); }
.signal-toggle input:focus-visible+i { outline:2px solid var(--ds-accent); outline-offset:3px; }
.signal-toggle input:disabled+i { opacity:.5; }
.signal-search-toggles { display:grid; gap:0; }
.signal-search-toggles .signal-toggle { padding:12px 0; }
.signal-search-toggles .signal-toggle+.signal-toggle { border-top:1px solid var(--ds-line); }
.signal-keyword-label { display:flex; justify-content:space-between; gap:12px; margin-bottom:8px; font:500 13px/1.5 var(--ds-font); }
.signal-keyword-label>span { color:var(--ds-ink-secondary); font-weight:400; font-size:12px; }
.signal-keyword-editor { padding:10px; border-radius:20px; background:var(--ds-surface-subtle); transition:box-shadow .18s,background .18s; }
.signal-keyword-editor:focus-within { background:var(--ds-surface); box-shadow:0 0 0 1.5px var(--ds-accent); }
.signal-keyword-tags { display:flex; flex-wrap:wrap; gap:6px; }
.signal-keyword-tag { display:inline-flex; align-items:center; gap:5px; padding-left:12px; max-width:100%; border-radius:999px; background:var(--ds-surface); font:500 12px/1.4 var(--ds-font); overflow-wrap:anywhere; box-shadow:0 1px 4px rgba(20,24,40,.04); }
.signal-keyword-tag button { display:grid; place-items:center; width:32px; min-width:32px; height:36px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--ds-ink-secondary); font-size:18px; cursor:pointer; }
.signal-keyword-entry { display:flex; align-items:center; min-height:44px; gap:8px; }
.ui-language .app .signal-keyword-entry textarea { flex:1; min-width:0; width:100%; padding:10px 4px; border:0; border-radius:0; background:transparent; box-shadow:none; outline:none; color:var(--ds-ink); font:400 13px/1.5 var(--ds-font); resize:none; min-height:44px; height:44px; box-sizing:border-box; }
.signal-keyword-entry button { display:grid; place-items:center; border:0; border-radius:50%; background:var(--ds-surface); width:36px; height:36px; flex:none; font-size:21px; cursor:pointer; color:var(--ds-ink); }
.signal-settings .signal-field-hint { font-size:12px; margin-top:10px; }
.signal-settings-trigger { display:block; }
.signal-trigger-controls { display:flex; flex-direction:column; align-items:flex-start; gap:18px; }
.signal-field { display:flex; flex-direction:column; gap:8px; font:500 12px/1.5 var(--ds-font); }
.signal-minimum { flex-direction:row; align-items:center; flex-wrap:wrap; color:var(--ds-ink-secondary); gap:10px; }
.signal-number { display:flex; align-items:center; padding:4px; gap:0; border-radius:999px; background:var(--ds-surface-subtle); }
.signal-number button { width:36px; height:36px; border:0; border-radius:50%; background:transparent; color:var(--ds-ink-secondary); font-size:20px; cursor:pointer; }
.ui-language .app .signal-number input { width:52px; min-width:0; padding:4px 0; height:36px; border:0; background:transparent; border-radius:0; font:600 15px/1 var(--ds-font); text-align:center; color:var(--ds-ink); box-shadow:none; appearance:textfield; }
.signal-number input::-webkit-inner-spin-button,.signal-number input::-webkit-outer-spin-button { appearance:none; margin:0; }
.signal-number>span { padding:0 12px 0 6px; font-size:12px; }
.signal-advanced { margin-top:16px; }
.signal-advanced>summary { display:flex; align-items:center; min-height:40px; width:fit-content; cursor:pointer; list-style:none; color:var(--ds-ink-secondary); font:400 12px/1.5 var(--ds-font); }
.signal-advanced>summary::after { content:'⌄'; margin-left:10px; }
.signal-advanced[open]>summary::after { transform:rotate(180deg); }
.signal-share { max-width:200px; margin-top:4px; }
.ui-language .app .signal-share input { width:100%; box-sizing:border-box; padding:12px 16px; min-height:44px; border:0; border-radius:16px; background:var(--ds-surface-subtle); color:var(--ds-ink); font:400 14px/1.5 var(--ds-font); box-shadow:none; }
.signal-settings :is(button,input):focus-visible { outline:2px solid var(--ds-accent); outline-offset:3px; }
.signal-settings-footer { padding:22px 24px; margin-top:16px; border-radius:28px; background:var(--ds-surface); box-shadow:var(--ds-shadow-card); }
.signal-settings-savebar { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.signal-save-copy { min-width:0; }
.signal-save-copy>strong { font:600 14px/1.5 var(--ds-font); }
.signal-save-copy [data-save-status]:empty { display:none; }
.signal-save-copy [data-save-status] { color:var(--ds-accent-strong); }
.signal-settings-buttons { display:flex; flex:none; justify-content:flex-end; gap:8px; }
.ui-language .app .signal-settings-buttons .ui-button { min-height:44px; height:auto; border-radius:999px; padding:10px 18px; }
.signal-settings-buttons .ui-button-secondary { box-shadow:var(--ds-shadow-card); }
.signal-explanation { border-top:1px solid var(--ds-line); margin-top:18px; padding-top:14px; }
.signal-explanation>summary { display:flex; align-items:center; gap:8px; width:fit-content; max-width:100%; box-sizing:border-box; min-height:44px; padding:8px 12px; border:1px solid var(--ds-line); border-radius:999px; background:var(--ds-surface); color:var(--ds-ink-secondary); box-shadow:var(--ds-shadow-card); cursor:pointer; list-style:none; font:500 12px/1.5 var(--ds-font); }
.signal-explanation>summary .signal-help-icon { color:var(--ds-accent-strong); }
.signal-explanation>summary:hover { color:var(--ds-ink); }
.signal-explanation[open]>summary .signal-chevron { transform:rotate(180deg); }
.signal-help-content { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:18px 0 2px; }
.signal-help-content>div { min-width:0; }
.signal-help-content strong { font:500 13px/1.5 var(--ds-font); }
.signal-help-content p { overflow-wrap:anywhere; }
.signal-settings summary:focus-visible { outline:2px solid var(--ds-accent); outline-offset:3px; border-radius:20px; }
@media(max-width:1100px) { .signal-mode-choices { border-radius:24px; } }
@media(min-width:681px) and (max-width:1100px) {
 .signal-tone-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; box-sizing:border-box; max-width:370px; }
 .signal-tone-choices .signal-choice span { width:100%; justify-content:center; padding:8px 5px; font-size:12px; }
 .signal-tone-choices .signal-choice span::before,.signal-tone-choices .signal-choice span::after { display:none; }
}
@media(max-width:800px) { .signal-settings fieldset { grid-template-columns:minmax(0,1fr); } }
@media(max-width:680px) {
 .signal-settings>summary { padding:18px; gap:12px; align-items:flex-start; flex-wrap:wrap; }
 .signal-settings-heading { min-width:0; flex-basis:100%; }
 .signal-settings-action { font-size:12px; padding:10px 12px; }
 .signal-settings-form { padding:0; }
 .signal-settings-heading { align-items:flex-start; gap:10px; }
 .signal-settings-icon { width:36px; height:36px; border-radius:13px; }
 .signal-settings-icon svg { width:20px; height:20px; }
 .signal-settings-action { margin-left:46px; }
 .signal-settings-intro { padding:0 18px 18px; }
 .signal-settings-section { padding:20px 18px; }
 .signal-tone-choices { width:100%; box-sizing:border-box; border-radius:24px; }
 .signal-tone-choices .signal-choice { flex:1; }
 .signal-tone-choices .signal-choice span { width:100%; justify-content:center; padding:8px 9px; }
 .signal-tone-choices .signal-choice span::after { display:none; }
 .signal-settings-footer { padding:18px; }
 .signal-settings-savebar { align-items:stretch; flex-direction:column; gap:16px; }
 .signal-settings-buttons { display:grid; grid-template-columns:auto minmax(0,1fr); }
 .signal-help-content { grid-template-columns:minmax(0,1fr); gap:16px; }
 .signal-settings .btn,.signal-choice span,.signal-toggle { min-height:44px; }
 .signal-keyword-tag button { min-width:44px; width:44px; height:44px; }
 .signal-keyword-entry button,.signal-number button { width:44px; height:44px; }
 .signal-number input { height:44px; }
 .signal-trigger-controls { gap:14px; }
}
@media(max-width:380px) { .signal-settings>summary { flex-wrap:wrap; } .signal-settings-action { margin-left:46px; } .signal-tone-choices .signal-choice span { font-size:12px; padding:8px; } .signal-settings-buttons { grid-template-columns:1fr; } }
@container signal-settings (max-width:680px) {
 .signal-settings-savebar { flex-direction:column; align-items:stretch; gap:16px; }
 .signal-settings-buttons { display:grid; grid-template-columns:auto minmax(0,1fr); }
 .signal-help-content { grid-template-columns:minmax(0,1fr); gap:16px; }
}
@container signal-settings (max-width:380px) {
 .signal-settings-buttons { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .signal-settings *, .signal-settings *::after { transition:none!important; } }