.tzf-dialog{width:min(560px,calc(100vw - 28px));max-width:none;max-height:min(720px,calc(100dvh - 32px));padding:0;border:1px solid var(--tz-outline-container);border-radius:var(--tz-r-md);background:var(--surface,#fff);color:var(--ink,#172033);box-shadow:0 24px 70px #14213d38;overflow:hidden}
.tzf-dialog::backdrop{background:#0c1729a6;backdrop-filter:blur(2px)}
.tzf-card{display:flex;flex-direction:column;max-height:inherit;padding:22px 24px 18px}
.tzf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.tzf-head>div{display:flex;align-items:center;gap:12px;min-width:0}
.tzf-mark{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:var(--tz-primary-soft,#e9f1ff);color:var(--tz-primary,#1677f9);font-size:26px}
.tzf-head h2{margin:0;font-size:20px;line-height:1.25}
.tzf-head p{margin:4px 0 0;color:var(--muted,#627087);font-size:13px;line-height:1.45}
.tzf-close{width:34px;height:34px;border:0;border-radius: var(--tz-r-md);background:transparent;color:var(--muted,#627087);font-size:26px;line-height:1;cursor:pointer}
.tzf-close:hover{background:var(--bg,#f2f4f8);color:var(--ink,#172033)}
.tzf-search{display:flex;align-items:center;gap:9px;height:42px;padding:0 12px;border:1px solid var(--tz-outline-control);border-radius:var(--tz-r-sm);background:var(--bg,#f6f8fb);color:var(--muted,#627087)}
.tzf-search span{font-size:22px;line-height:1}
.tzf-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink,#172033);font:inherit;font-size:14px}
.tzf-count{padding:13px 1px 8px;color:var(--muted,#627087);font-size:12px;font-weight:600}
.tzf-options{min-height:100px;overflow:auto;padding:0 4px 8px 0;overscroll-behavior:contain}
.tzf-group{padding:8px 0 5px;border-bottom:1px solid var(--tz-outline-divider)}
.tzf-group:last-child{border-bottom:0}
.tzf-group h3{margin:0 0 5px;color:var(--muted,#627087);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.tzf-option{display:flex;align-items:center;gap:10px;min-height:38px;padding:4px 8px;border-radius:9px;font-size:14px;cursor:pointer}
.tzf-option[hidden],.tzf-group[hidden]{display:none}
.tzf-option:hover{background:var(--bg,#f4f6fa)}
.tzf-option input{width:16px;height:16px;margin:0;accent-color:var(--tz-primary,#1677f9)}
.tzf-empty{padding:28px 8px;color:var(--muted,#627087);text-align:center}
.tzf-error{margin:5px 0 0;color:var(--tz-danger,#c43333);font-size:13px}
.tzf-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:15px;border-top:1px solid var(--tz-outline-divider)}
.tzf-actions button{min-height:38px;padding:0 15px;border:1px solid var(--tz-outline-control);border-radius: var(--tz-r-sm);background:var(--surface,#fff);color:var(--ink,#172033);font:inherit;font-weight:600;cursor:pointer}
.tzf-actions .tzf-save{border-color:var(--tz-primary,#1677f9);background:var(--tz-primary,#1677f9);color:#fff}
.tzf-actions button:disabled{opacity:.6;cursor:wait}
body[data-theme="graphite"] .tzf-dialog{border-color:var(--tz-outline-container);background:#202735;color:#f2f5fb}
body[data-theme="graphite"] .tzf-search{border-color:var(--tz-outline-control);background:#293345}
body[data-theme="graphite"] .tzf-option:hover,body[data-theme="graphite"] .tzf-close:hover{background:#303d52;color:#f2f5fb}
body[data-theme="graphite"] .tzf-actions{border-color:var(--tz-outline-divider)}
body[data-theme="graphite"] .tzf-actions button{border-color:var(--tz-outline-control);background:#293345;color:#f2f5fb}
body[data-theme="graphite"] .tzf-actions .tzf-save{border-color:var(--tz-primary,#348bff);background:var(--tz-primary,#348bff);color:#172033}
@media(max-width:600px){.tzf-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius: var(--tz-r-md)}.tzf-card{padding:18px 16px 14px}.tzf-head{margin-bottom:14px}.tzf-head h2{font-size:18px}.tzf-option{min-height:42px}}