@layer components{.warmane-fields{gap:12px;display:grid}.warmane-lookup{grid-template-columns:minmax(0,1fr) minmax(160px,.7fr);gap:16px;display:grid}.warmane-lookup input,.warmane-lookup .app-select-trigger{width:100%;min-height:44px}.warmane-lookup label{font-size:14px}.warmane-lookup input:focus-visible{outline:1px solid var(--color-control-border);outline-offset:2px;box-shadow:none}@media (max-width:600px){.warmane-lookup{grid-template-columns:minmax(0,1fr)}}.import-refinement .import-input-section{gap:10px;min-width:0;display:grid}.import-refinement .import-field-title{align-items:center;gap:10px;display:flex}.import-refinement .import-field-title>.small{margin-left:auto}.import-refinement [aria-invalid=true]{border-color:#ed8796}.import-refinement .import-identity{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.import-refinement .import-identity>img{border:1px solid var(--color-border);border-radius:7px}.import-refinement .import-identity h2{overflow-wrap:anywhere;font-size:28px;line-height:1.1}.import-refinement .import-identity p{margin-top:4px;font-size:12px}.import-refinement .import-identity .badge{margin-left:auto}.import-refinement .import-review-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.import-refinement .import-review-heading h3{font-family:inherit;font-size:13px}.import-refinement .import-equipment{border-block:1px solid var(--color-border);padding:16px 0}.import-refinement .import-equipped-icons{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.import-refinement .import-equipped-icons>a{display:inline-flex}.import-refinement .import-preset{gap:8px;display:grid}.import-refinement .import-preset label{font-size:13px;font-weight:600}.import-refinement .import-bag-status>.small{flex-basis:100%}.import-refinement .import-setting-sources{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:-6px;display:grid}.import-refinement .import-setting-sources dt{color:var(--color-muted);font-size:12px}.import-refinement .import-setting-sources dd{margin:4px 0 0;font-size:12px}.import-refinement .import-professions{flex-wrap:wrap;gap:20px;display:flex}.import-refinement .import-professions>div{align-items:center;gap:8px;font-size:12px;display:flex}.import-refinement .import-professions img{border:1px solid var(--color-border);border-radius:4px}.import-refinement .import-professions small{color:var(--color-muted);margin-top:3px;display:block}.import-refinement .actions{border-top:1px solid var(--color-border);justify-content:space-between;padding-top:20px}@media (max-width:600px){.import-refinement .import-card{gap:18px;padding:18px}.import-refinement .import-setting-sources{grid-template-columns:repeat(2,minmax(0,1fr))}.import-refinement .import-identity .badge{margin-left:0}.import-refinement .actions{flex-wrap:wrap}.import-refinement .actions button{flex:140px}.import-refinement .segmented button{padding-inline:10px;font-size:12px}}.import-refinement{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);align-items:start;gap:32px;width:100%;max-width:none;margin:0 auto;display:grid}.import-refinement .import-card{background:0 0;border:0;border-radius:0;gap:22px;padding:0 28px 0 0}.import-refinement textarea{resize:vertical;background:#111317;width:100%;min-height:86px;padding:18px;font-size:14px;line-height:1.55}.import-refinement #character{min-height:140px}.import-refinement #bags{min-height:98px}.import-refinement .import-step:before{content:"0"}.import-refinement .import-step:after{content:" /"}.import-refinement .import-field-title label{font-weight:400}.import-refinement .import-instructions{border-left:1px solid var(--color-border);gap:32px;padding-left:28px;font-size:15px;line-height:1.65;display:grid}.import-bag-review{flex-direction:column;gap:12px;min-width:0;display:flex}.import-bag-review .wow-bag{margin-top:0}.import-refinement .import-bag-status{border:0;border-top:1px solid var(--color-border);background:0 0;border-radius:0;flex-wrap:wrap;align-items:baseline;gap:6px 18px;padding:14px 0 0;font-size:13px;display:flex}.import-refinement .import-card>button.primary{align-self:flex-end}@media (max-width:800px){.import-refinement{grid-template-columns:minmax(0,1fr);gap:32px}.import-refinement .import-card{padding:0}.import-refinement .import-instructions{border-left:0;border-top:1px solid var(--color-border);padding:28px 0 0}.import-refinement .import-card>button.primary{width:100%}}.import-refinement .import-step{width:auto;height:auto;color:var(--color-muted);white-space:nowrap;border:0;border-radius:0;flex-shrink:0;place-items:center;font-size:11px;display:inline}}
