.palette-preview__tabs{margin-bottom:8px}.palette-preview{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px;margin-top:8px;display:grid}.palette-preview__cell{flex-direction:column;align-items:center;gap:2px;display:flex}.palette-preview__swatch{border:1px solid var(--popup-border-subtle);border-radius:4px;width:100%;height:22px}.palette-preview__code{color:var(--popup-text-subtle);font-family:var(--output-font-family);font-variant-numeric:tabular-nums;font-size:10px;line-height:1}.footer-editor-dialog.popup-dialog--xl{width:min(1200px,100vw - 32px);max-width:none;height:min(88vh,940px);max-height:none}.footer-editor{flex-direction:column;gap:12px;min-width:0;display:flex}.footer-editor__stage{border:1px solid var(--popup-border-subtle);border-radius:var(--ui-radius,6px);background-color:var(--popup-bg);padding:0 4px}.footer-editor__frame{background:0 0;border:0;width:100%;height:120px;display:block}.footer-editor__palette,.footer-editor__actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.footer-editor__label{color:var(--popup-text-subtle);font-size:var(--ui-fs-sm,13px)}.footer-editor__panels{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:12px;display:grid}@media (width<=760px){.footer-editor__panels{grid-template-columns:minmax(0,1fr)}}.footer-editor__panel{border:1px solid var(--popup-border-subtle);border-radius:var(--ui-radius,6px);flex-direction:column;gap:10px;min-width:0;padding:10px 12px;display:flex}.footer-editor__panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.footer-editor__title{color:var(--popup-text);font-weight:600}.footer-editor__warnings{margin:0;padding-left:1.1em}.footer-outline__chips{border:1px solid var(--popup-border-subtle);border-radius:var(--ui-radius,6px);flex-direction:column;gap:4px;max-height:14rem;padding:6px 8px;display:flex;overflow-y:auto}.footer-editor__piece{border:1px dashed var(--popup-border-strong);background-color:var(--popup-control-bg);color:var(--popup-text);font:inherit;font-size:var(--ui-fs-sm,13px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;padding:4px 10px}.footer-editor__piece:hover{border-color:var(--popup-accent)}.footer-editor__carried{z-index:2000;border:1px solid var(--popup-accent);background-color:var(--popup-control-bg);color:var(--popup-text);font-size:var(--ui-fs-sm,13px);pointer-events:none;border-radius:999px;padding:4px 10px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 6px 18px #0006}.settings-dialog-host{height:100%;min-height:0;container:settings-dialog/inline-size}.settings-dialog{grid-template:"search pages""nav pages"minmax(0,1fr)/12.5rem minmax(0,1fr);height:100%;min-height:0;display:grid}.settings-dialog__search{border-right:1px solid var(--popup-border);grid-area:search;padding:.75rem .75rem .5rem}.settings-dialog__nav{border-right:1px solid var(--popup-border);grid-area:nav;min-height:0;padding:0 .5rem .75rem;overflow-y:auto}.settings-dialog__nav-group+.settings-dialog__nav-group{margin-top:.75rem}.settings-dialog__nav-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--popup-text-dim);white-space:nowrap;text-overflow:ellipsis;padding:.35rem .5rem .25rem;font-size:.7rem;font-weight:600;overflow:hidden}.settings-dialog__nav-item{border-radius:var(--ui-radius,6px);width:100%;color:inherit;font-size:var(--ui-fs,13px);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.5rem;padding:6px 8px 6px 12px;display:flex}.settings-dialog__nav-label{align-items:center;gap:.5rem;min-width:0;display:flex}.settings-dialog__nav-icon{color:var(--popup-text-dim);flex-shrink:0}.settings-dialog__nav-item--active .settings-dialog__nav-icon{color:var(--popup-accent)}.settings-dialog__nav-item:hover{background:var(--popup-control-hover-bg)}.settings-dialog__nav-item--active{background:var(--popup-control-bg);color:var(--popup-text-bright);box-shadow:inset 3px 0 0 var(--popup-accent)}.settings-dialog__nav-count{background:var(--popup-accent);min-width:1.25rem;color:var(--popup-bg);font-variant-numeric:tabular-nums;text-align:center;border-radius:1rem;flex-shrink:0;padding:0 .3rem;font-size:.7rem;font-weight:600}.settings-dialog__nav-item--empty{opacity:.4}.settings-dialog__matches{align-items:center;gap:.25rem;margin-top:.4rem;display:flex}.settings-dialog__matches-count{min-width:0;color:var(--popup-text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.72rem;overflow:hidden}.settings-dialog__matches-btn{border:1px solid var(--popup-border);border-radius:var(--ui-radius,6px);background:var(--popup-control-bg);width:1.5rem;height:1.5rem;color:inherit;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.settings-dialog__matches-btn:hover:not(:disabled){background:var(--popup-control-hover-bg)}.settings-dialog__matches-btn:disabled{opacity:.4}.settings-dialog__dirty{background:var(--popup-accent);border-radius:50%;flex-shrink:0;width:.45rem;height:.45rem}.settings-dialog__pages{grid-area:pages;min-height:0;padding:.75rem 1rem;overflow-y:auto;container:settings-pages/inline-size}.settings-page[hidden],.settings-page [data-settings-search-miss]{display:none!important}.settings-dialog--searching .settings-page:not([hidden])~.settings-page:not([hidden]){margin-top:1.5rem}.settings-page__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .75rem;margin-bottom:.75rem;display:flex}.settings-page__title{margin:0;font-size:15px;font-weight:600}.settings-page__group{color:var(--popup-text-dim);font-weight:500}.settings-scope-chip{border:1px solid var(--popup-border);color:var(--popup-text-dim);white-space:nowrap;border-radius:1rem;padding:.05rem .5rem;font-size:.72rem}.settings-scope-chip--character{border-color:var(--popup-accent);color:var(--popup-text-bright)}.settings-page__fieldset{border:0;min-width:0;margin:0;padding:0}.settings-page__layout{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.settings-page__layout>section.ui-settings-section,.settings-page__layout>section.character-settings-section,.settings-page__stack>section.ui-settings-section{margin:0}.settings-page__stack{flex-direction:column;gap:12px;min-width:0;display:flex}.settings-page__layout>section.ui-settings-section--full,.settings-page__layout>section.character-settings-section--full{grid-column:1/-1}.settings-page__layout>.settings-data-page{grid-column:1/-1;min-width:0}@container settings-pages (width>=44rem){.settings-page__layout{grid-template-columns:repeat(2,minmax(0,1fr))}}@container settings-pages (width>=70rem){.settings-page__layout{grid-template-columns:repeat(3,minmax(0,1fr))}}.settings-dialog__empty{text-align:center;color:var(--popup-text-dim);padding:2rem 1rem}::highlight(settings-search){color:inherit;background-color:#ffc40073}:is(.app-modal__dialog:has(.settings-dialog--phone)>.app-modal__footer,.app-modal__dialog:has(.settings-dialog--phone-page)>.app-modal__header){display:none}.settings-dialog.settings-dialog--phone{--settings-phone-warn:var(--footer-vital-warn,#d9bf62);flex-direction:column;display:flex}.settings-dialog--phone .settings-dialog__dirty{background:var(--settings-phone-warn)}.settings-dialog--phone-list .settings-dialog__pages{display:none}.settings-dialog--phone .settings-dialog__pages{flex:1;padding:14px 12px 20px}.settings-dialog--phone .settings-page__header{display:none}.settings-phone__start{flex-direction:column;flex:1;gap:16px;min-height:0;padding:12px;display:flex;overflow-y:auto}.settings-phone__search{border:1px solid var(--popup-border);background:var(--popup-input-bg);height:44px;color:var(--popup-text-dim);border-radius:10px;flex-shrink:0;align-items:center;gap:8px;margin:0;padding-left:12px;display:flex}.settings-phone__search:focus-within{border-color:var(--popup-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--popup-accent) 30%, transparent)}.settings-dialog .settings-phone__search input[type=search],.settings-dialog .settings-phone__search input[type=search]:focus{min-width:0;height:100%;box-shadow:none;color:var(--popup-text);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:16px}.settings-phone__search input::-webkit-search-cancel-button{display:none}.settings-phone__clear{width:44px;height:42px;color:var(--popup-text-dim);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.settings-phone__group{flex-direction:column;gap:6px;display:flex}.settings-phone__group-head{align-items:center;gap:8px;padding:0 4px;display:flex}.settings-phone__caption{color:var(--popup-text-dim);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.settings-phone__caption--pages{margin-bottom:-10px;padding:4px 4px 0}.settings-phone__count{color:var(--popup-text-dim);margin-bottom:-10px;padding:0 4px;font-size:13px}.settings-phone__group-head .settings-scope-chip{font-size:11px}.settings-phone__card{border:1px solid var(--popup-border);background:var(--popup-section-bg);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.settings-phone__row,.settings-phone__result{width:100%;min-height:56px;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0 10px 0 12px;display:flex}.settings-phone__result{min-height:60px;padding:8px 12px}.settings-phone__row+.settings-phone__row,.settings-phone__result+.settings-phone__result{border-top:1px solid var(--popup-border)}.settings-phone__row:active,.settings-phone__result--open:active{background:var(--popup-hover-bg)}.settings-phone__row-icon{background:var(--popup-control-bg);width:30px;height:30px;color:var(--popup-text-subtle);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-phone__row-text,.settings-phone__result-text{flex-direction:column;flex:1;min-width:0;display:flex}.settings-phone__row-label,.settings-phone__result-label{color:var(--popup-text-bright);font-size:15px}.settings-phone__row-summary{color:var(--popup-text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.settings-phone__trail{color:var(--popup-text-dim);font-size:12px}.settings-phone__via{color:var(--popup-text-dim)}.settings-phone__mark{background:color-mix(in srgb, var(--settings-phone-warn) 30%, transparent);color:inherit;border-radius:2px;padding:0 1px}.settings-phone__preview{max-width:40%;color:var(--popup-text-subtle);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:13px;overflow:hidden}.settings-phone__chevron{color:var(--popup-text-dim);flex-shrink:0}.settings-phone__switch,.settings-dialog--phone .settings-page label.popup-check:not(:is(table,.settings-check-grid,.settings-sort-item) *)>input[type=checkbox]{border:1px solid var(--popup-border-strong);background:var(--popup-control-bg);appearance:none;cursor:pointer;border-radius:999px;flex-shrink:0;width:40px;height:24px;margin:0;padding:0;transition:background-color .15s,border-color .15s;position:relative}.settings-phone__switch:after,.settings-dialog--phone .settings-page label.popup-check:not(:is(table,.settings-check-grid,.settings-sort-item) *)>input[type=checkbox]:after{content:"";background:var(--popup-text-dim);border-radius:50%;width:16px;height:16px;transition:left .15s,background-color .15s;position:absolute;top:3px;left:3px}.settings-phone__switch.is-on,.settings-dialog--phone .settings-page label.popup-check:not(:is(table,.settings-check-grid,.settings-sort-item) *)>input[type=checkbox]:checked{border-color:var(--popup-accent);background:var(--popup-accent)}.settings-phone__switch.is-on:after,.settings-dialog--phone .settings-page label.popup-check:not(:is(table,.settings-check-grid,.settings-sort-item) *)>input[type=checkbox]:checked:after{background:var(--popup-bg);left:19px}.settings-phone__switch:disabled,.settings-dialog--phone .settings-page label.popup-check>input[type=checkbox]:disabled{opacity:.45;cursor:default}.settings-dialog--phone .settings-page label.popup-check:not(:is(table,.settings-check-grid,.settings-sort-item) *):has(>input[type=checkbox]){flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:14px;display:flex}.settings-dialog--phone .settings-page__layout,.settings-dialog--phone .settings-page__stack{gap:16px}.settings-dialog--phone .settings-page__layout>section.ui-settings-section,.settings-dialog--phone .settings-page__layout>section.character-settings-section,.settings-dialog--phone .settings-page__stack>section.ui-settings-section{border-radius:12px;padding:12px}.settings-dialog--phone .settings-page .popup-field>:is(select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range])){width:100%;max-width:none;min-height:44px;font-size:16px}.settings-phone__flash{border-radius:6px;animation:1.6s ease-out settings-phone-flash}@keyframes settings-phone-flash{0%,35%{background:color-mix(in srgb, var(--popup-accent) 22%, transparent);box-shadow:0 0 0 6px color-mix(in srgb, var(--popup-accent) 22%, transparent)}to{background:0 0;box-shadow:0 0 0 6px #0000}}.settings-phone__page-head{flex-shrink:0}.settings-phone__header{border-bottom:1px solid var(--popup-border);background:var(--popup-section-bg);align-items:center;gap:4px;height:52px;padding:0 6px 0 4px;display:flex}.settings-phone__title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.settings-phone__header .settings-scope-chip{margin-right:4px}.settings-phone__icon-btn{width:44px;height:44px;color:var(--popup-text-dim);background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.settings-phone__back{color:var(--popup-accent)}.settings-phone__chips{border-bottom:1px solid var(--popup-border);scrollbar-width:none;gap:6px;padding:10px 12px;display:flex;overflow-x:auto}.settings-phone__chip{border:1px solid var(--popup-border);background:var(--popup-control-bg);height:32px;color:var(--popup-text-subtle);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:0 12px;font-size:13px;font-weight:500}.settings-phone__chip.is-active{border-color:var(--popup-accent-border);background:var(--popup-accent-bg);color:var(--popup-accent)}.settings-phone__savebar{padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--popup-border-strong);background:var(--popup-section-bg);flex-shrink:0;align-items:center;gap:8px;display:flex}.settings-phone__savebar-dot{background:var(--settings-phone-warn);border-radius:50%;flex-shrink:0;width:8px;height:8px}.settings-phone__savebar-text{flex:1;min-width:0;font-size:14px}.settings-phone__btn{border:1px solid var(--popup-border-strong);background:var(--popup-control-bg);height:44px;color:var(--popup-text);border-radius:6px;flex-shrink:0;padding:0 14px;font-weight:500}.settings-phone__btn--primary{border-color:var(--popup-accent);background:var(--popup-accent);color:var(--popup-bg);font-weight:600}
