/* Поля работают с токенами приложения и безопасными значениями по умолчанию. */
.creator-setting-field.creator-text-format {flex-direction:row;gap:8px;flex-wrap:wrap}
.creator-text-format button {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:1px solid var(--project-line,#b6c0ce);border-radius:var(--editor-control-radius,8px);background:var(--project-paper-deep,#fff);color:var(--project-ink,#26334c);font:inherit;cursor:pointer}
.creator-text-format button svg {width:20px;height:20px;flex:none}
.creator-text-format button[aria-pressed="true"] {border-color:var(--project-accent,#1689ff);background:var(--project-accent-soft,rgba(22,137,255,.16));color:var(--project-accent,#1689ff)}
.creator-text-format button:hover:not(:disabled) {border-color:var(--project-accent,#1689ff)}
.creator-text-format button:focus-visible {outline:2px solid var(--project-accent,#1689ff);outline-offset:2px}
.creator-text-format button:disabled {opacity:.5;cursor:default}
.creator-setting-field {display:flex;flex-direction:column;gap:8px;min-width:0;margin:0 0 16px;font:inherit}
.creator-setting-field > span:first-child {font-size:12px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.creator-setting-field > input:not([type="checkbox"]):not([type="range"]),.creator-setting-field > select,.creator-setting-field > textarea {width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:8px 12px;border:1px solid var(--project-line,#b6c0ce);border-radius:var(--editor-control-radius,8px);background:var(--project-paper-deep,#fff);color:var(--project-ink,#26334c);font:inherit;font-size:var(--editor-control-font-size,inherit)}
.creator-setting-field > input[type="checkbox"] {align-self:flex-start;min-width:20px;min-height:20px;margin:0}
.creator-setting-field--toggle {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;cursor:pointer}
.creator-setting-field--toggle > span:first-child {font-size:13px;line-height:1.4}
.creator-setting-field--toggle > input[type="checkbox"] {align-self:center;width:20px;height:20px;accent-color:var(--project-blue,#376bd4);cursor:pointer}
.creator-setting-group,.preview-settings-panel .creator-setting-group {min-width:0;margin:0 0 16px;padding:12px;border:1px solid var(--project-line,#b6c0ce);border-radius:10px;background:var(--project-paper-deep,#fff)}
.creator-setting-group > .creator-setting-field--toggle {margin:0}
.creator-setting-group__details {min-width:0;margin-top:12px;padding-top:12px;border-top:1px solid var(--project-line,#b6c0ce)}
.creator-setting-group__details[hidden] {display:none}
.creator-setting-group__details > .creator-setting-field:last-child {margin-bottom:0}
.creator-setting-field > input[type="range"] {width:100%;margin:0}
.creator-color-field {display:flex;align-items:center;gap:var(--editor-pair-gap,9px);min-width:0}
.creator-color-field input[type="color"],.preview-settings-panel .creator-color-field input[type="color"] {flex:0 0 44px;width:44px;max-width:44px;height:44px;min-width:44px;min-height:44px;box-sizing:border-box;padding:2px;border:1px solid var(--project-line,#b6c0ce);border-radius:var(--editor-control-radius,8px);background:transparent;cursor:pointer}
.creator-color-field input[type="text"],.preview-settings-panel .creator-color-field input[type="text"] {flex:0 0 104px;width:104px;max-width:104px;min-width:0;height:44px;box-sizing:border-box;padding:0 9px;border:1px solid var(--project-line,#b6c0ce);border-radius:var(--editor-control-radius,8px);background:var(--project-paper-deep,#fff);color:var(--project-ink,#26334c);font:inherit;font-size:12px;font-variant-numeric:tabular-nums}
.creator-setting-field input:focus-visible,.creator-setting-field select:focus-visible,.creator-color-field input:focus-visible {outline:2px solid var(--project-blue,#376bd4);outline-offset:2px}

.creator-setting-group > :is(h3,legend) {margin:0 0 12px;padding:0;font:inherit;font-size:13px;font-weight:600;line-height:1.4}
.preview-settings-panel fieldset.creator-setting-group {display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:16px;box-sizing:border-box}
.preview-settings-panel fieldset.creator-setting-group > * {grid-area:auto}
.preview-settings-panel fieldset.creator-setting-group > label:not(.creator-setting-field--toggle) {grid-template-columns:minmax(0,1fr);gap:8px;margin:0}
.preview-settings-panel fieldset.creator-setting-group > :is(legend,h3) {margin:0 0 12px}
.creator-setting-group > .creator-setting-field:last-child {margin-bottom:0}
.creator-setting-group > label {min-width:0}

.creator-setting-field > textarea {min-height:76px;resize:vertical;line-height:1.4}

.creator-setting-choices{display:flex;gap:4px;min-width:0}
.creator-setting-choices>button{flex:1;min-width:44px;min-height:44px;padding:6px 8px!important;font:inherit;white-space:normal}
.creator-setting-choices>button[aria-pressed="true"]{border-color:var(--project-blue,#2586eb)!important;background:var(--project-blue,#2586eb)!important;color:#fff!important}

.editor-catalog-filter { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:16px 0; }
.editor-catalog-filter label { display:flex; flex:1 1 220px; min-width:0; flex-direction:column; gap:8px; font-size:13px; line-height:1.4; }
.editor-catalog-filter > label > select,.editor-catalog-filter > label > input[type="search"] { width:100%; height:44px; box-sizing:border-box; border:1px solid var(--project-line,#414a5b); border-radius:4px; padding:8px 12px; background:var(--project-surface,#172131); color:var(--project-ink,#eef2f8); font-family:inherit; font-size:13px; line-height:1.4; }
.editor-catalog-filter input:focus-visible,.editor-catalog-filter select:focus-visible { outline:2px solid var(--project-blue,#6795ff); outline-offset:2px; }
.editor-catalog-filter > button { min-height:44px; }
[data-catalog-local] [hidden] { display:none!important; }
.editor-catalog-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin:20px 0; }
.editor-catalog-pagination button { min-width:44px; min-height:44px; padding:8px 12px; border:1px solid var(--project-line,#414a5b); border-radius:4px; background:var(--project-surface,#172131); color:var(--project-ink,#eef2f8); font:inherit; cursor:pointer; }
.editor-catalog-pagination button[aria-current=page] { background:var(--project-blue,#315ee7); color:#fff; }
.editor-catalog-pagination button:focus-visible { outline:2px solid var(--project-blue,#6795ff); outline-offset:2px; }
.editor-catalog-pagination button:disabled { opacity:.5; cursor:not-allowed; }
.editor-catalog-pagination span { flex-basis:100%; text-align:center; font-size:12px; }
.editor-catalog-pagination[hidden],.editor-catalog-empty[hidden],[data-catalog-retry][hidden] { display:none; }
.editor-catalog-empty { margin:20px 0; font-size:13px; }
@media(max-width:480px) { .editor-catalog-filter label { flex-basis:100%; } }

/* Псевдоэлемент остаётся на месте, когда renderer заменяет содержимое превью. */
[data-catalog-preview-loading] { position:relative; }
[data-catalog-preview-loading="true"]::after {
    content:""; position:absolute; left:50%; top:50%; z-index:5; width:28px; height:28px;
    box-sizing:border-box; margin:-14px 0 0 -14px; border:3px solid var(--project-line,#cbd2df);
    border-top-color:var(--project-blue,#0868e8); border-radius:50%;
    background:var(--project-paper-deep,#fff); box-shadow:0 0 0 7px var(--project-paper-deep,#fff);
    pointer-events:none; animation:catalog-preview-spin .8s linear infinite;
}
@keyframes catalog-preview-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { [data-catalog-preview-loading="true"]::after { animation:none; } }