.exp-backdrop,.imp-backdrop{z-index:1000;background:color-mix(in srgb, var(--ink) 36%, transparent);justify-content:center;align-items:flex-start;padding:6vh 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.exp-modal,.imp-modal{background:var(--paper);border:var(--rule-thin);width:100%;max-width:560px;box-shadow:0 24px 64px color-mix(in srgb, var(--ink) 22%, transparent)}.exp-header,.imp-header{border-bottom:var(--rule-thin);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.exp-title,.imp-title{color:var(--ink);margin:0;font-size:18px;font-weight:600}.exp-close,.imp-close{color:var(--ink-4);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:22px;line-height:1}.exp-close:hover,.imp-close:hover{color:var(--ink)}.exp-body,.imp-body{flex-direction:column;gap:12px;padding:18px;display:flex}.exp-hint{color:var(--ink-4);margin:0;font-size:11px}.exp-json,.imp-json{resize:vertical;white-space:pre;width:100%;font-size:11px;line-height:1.5;overflow:auto}.imp-toolbar{gap:8px;display:flex}.imp-upload{border:var(--rule-thin);color:var(--ink);cursor:pointer;background:0 0;padding:5px 10px;font-size:10px}.imp-upload:hover{background:color-mix(in srgb, var(--ink) 4%, var(--paper))}.imp-file-input{display:none}.imp-error{color:var(--ink);border:var(--rule-thin);border-left:2px solid var(--vermillion);margin:0;padding:8px 10px;font-size:11px}.imp-issues{margin-top:2px}.exp-footer,.imp-footer{border-top:var(--rule-thin);justify-content:flex-end;align-items:center;gap:10px;padding:14px 18px;display:flex}.exp-copy{border:var(--rule-thin);color:var(--ink);cursor:pointer;background:0 0;padding:7px 12px;font-size:11px}.exp-copy:hover{background:color-mix(in srgb, var(--ink) 4%, var(--paper))}