/* Integrated outline label, shared by static forms and dynamically mounted dialogs. */
label.integrated-field{position:relative;display:flex;flex-direction:column;gap:0;margin-top:8px;min-width:0;color:var(--muted);font-weight:400;isolation:isolate}
label.integrated-field>.integrated-field-label{position:absolute;z-index:2;left:10px;top:-.62em;max-width:calc(100% - 24px);padding:0 5px;background:var(--surface,var(--paper,#fffefa));color:var(--muted);font-size:11px;line-height:1.2;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}
label.integrated-field>.integrated-control{width:100%;min-width:0;margin:0;min-height:44px;padding:12px 12px 9px;border:1px solid var(--line);border-radius:5px;background:color-mix(in srgb,var(--surface,var(--paper)) 94%,var(--bg));color:var(--ink);font:inherit;font-size:14px;line-height:1.4;box-shadow:none;transition:border-color .16s,box-shadow .16s}
label.integrated-field>select.integrated-control{padding-right:30px;cursor:pointer}label.integrated-field>textarea.integrated-control{min-height:90px;resize:vertical}
label.integrated-field:focus-within>.integrated-field-label{color:var(--ink)}label.integrated-field>.integrated-control:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 2px color-mix(in srgb,var(--ink) 9%,transparent)}
label.integrated-field>.integrated-control:disabled{opacity:.55;cursor:not-allowed}label.integrated-field>.integrated-control[aria-invalid=true],label.integrated-field>.integrated-control:user-invalid{border-color:var(--bad,var(--danger));box-shadow:0 0 0 1px color-mix(in srgb,var(--bad,var(--danger)) 15%,transparent)}
.font-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.font-option{display:flex;gap:9px;align-items:center;min-width:0;border:1px solid var(--line);border-radius:5px;padding:12px;color:var(--ink);background:var(--surface)}.font-option:has(input:checked){border-color:var(--accent);background:var(--surface-alt)}.font-option input{flex:none;accent-color:var(--accent);width:16px;height:16px}.font-option>span{min-width:0;display:grid;gap:3px}.font-option strong{font-size:15px;overflow-wrap:anywhere}.font-option small{font-size:11px;color:var(--muted)}
@media(max-width:480px){.font-options{grid-template-columns:1fr}label.integrated-field>.integrated-control{font-size:16px}}

.font-options{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:8px}.font-option{position:relative;flex-direction:row;padding:10px 10px 10px 26px;min-height:83px;gap:0;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.font-option input{position:absolute;left:8px;top:12px;width:12px;height:12px;margin:0}.font-option strong{font-size:17px;line-height:1.15}.font-option small{font-size:12px;white-space:nowrap}.font-option em{font-family:var(--app-font);font-style:normal;font-size:9px;color:var(--muted);margin-top:3px}.font-option:has(input:checked){box-shadow:inset 0 0 0 1px var(--accent)}.font-option:hover{transform:translateY(-1px)}@media(max-width:480px){.font-options{grid-template-columns:repeat(2,minmax(0,1fr))}.font-option{padding:10px 7px 10px 23px;min-height:84px}.font-option strong{font-size:16px}.font-option small{font-size:10px}}