#import-dialog{width:min(800px,calc(100% - 30px))}.native-import-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 10px}.file-picker{position:relative;display:inline-flex;align-items:center;cursor:pointer;overflow:hidden}.file-picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.file-picker:focus-within{outline:2px solid var(--green);outline-offset:3px}.save-location-help{margin:22px 0;border:1px solid var(--line);border-radius:6px;padding:14px}.save-location-help summary,.planner-json-import summary,#character-import-details summary{cursor:pointer;font-size:12px;color:#afc996}.save-location-help code{overflow-wrap:anywhere;font-size:10px}.planner-json-import{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.character-import-row{border:1px solid var(--line);border-radius:7px;padding:16px;margin:12px 0;background:#141b13}.character-row-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.character-row-top .toggle-label{align-items:flex-start}.character-row-top strong{display:block;font-size:14px;overflow-wrap:anywhere}.character-row-top small{display:block;font-size:10px;color:#a1b491;margin-top:6px}.character-source{font-size:10px;color:#8d9c83;margin:12px 0 4px}.character-summary{font-size:11px;color:#c1d6af}.character-import-row details{margin-top:10px}.character-import-row summary{font-size:10px;color:#c6b98f;cursor:pointer}.character-import-row details p{font-size:11px}#native-status{color:#bdd4a1;font-size:12px}#native-errors,.import-failure{color:#edb39c;font-size:11px;line-height:1.7;overflow-wrap:anywhere}#native-errors p{color:inherit}#character-results{max-height:48vh;overflow:auto;padding-right:5px}#native-selection-count{font-size:10px;color:var(--muted);align-self:center}#character-preview .dialog-actions{align-items:center;justify-content:space-between;flex-wrap:wrap}#character-import-details{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}#character-import-info p{font-size:10px}.trinket-quantity{max-width:100px;margin:10px 0 15px}@media(max-width:600px){.native-import-actions{flex-direction:column}.native-import-actions .button,.native-import-actions button{justify-content:center;text-align:center}.character-row-top{align-items:flex-start;flex-wrap:wrap}#character-preview .subheading{gap:10px}#character-preview .subheading h3{font-size:12px}#character-preview .toggle-label{font-size:11px}}