.workshop-heading{align-items:center;gap:20px;padding:12px 0 28px;display:flex}.workshop-heading>div{flex:1;min-width:0}.workshop-heading h1{overflow-wrap:anywhere;margin:3px 0 8px;line-height:1.2}.workshop-heading .eyebrow{margin:0}.workshop-professions{flex-wrap:wrap;gap:8px 18px;font-size:13px;display:flex}.workshop-slot{background:#080907;border:2px solid #84704a;border-radius:4px;flex:none;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #17130d,0 2px 6px #0008}.workshop-slot img{object-fit:cover;width:100%;height:100%}.workshop-slot.large{border-color:var(--gold);width:68px;height:68px}.workshop-panel{background:linear-gradient(135deg,#241f18,#171919 75%);border:1px solid #665338;border-radius:5px;margin:0 0 24px;overflow:hidden;box-shadow:inset 0 1px #e6ca8820,0 8px 24px #0003}.workshop-toolbar{background:#090b0a38;border-bottom:1px solid #645237;flex-wrap:wrap;align-items:center;gap:14px;padding:20px;display:flex}.workshop-toolbar label{color:var(--gold-bright);align-items:center;gap:12px;font-weight:600;display:flex}.workshop-toolbar>.button-link:last-child{margin-left:auto}.workshop-toolbar h2{border:0;margin:0;padding:0}.workshop-toolbar>span{color:var(--text);font-size:13px}.workshop-panel input,.workshop-goal input{width:86px;min-height:44px;color:var(--text-hi);font:16px var(--font-ui);text-align:right;background:#090b0a;border:1px solid #7e6844;border-radius:3px;padding:8px}.workshop-shortcuts{gap:4px;display:flex}.workshop-shortcuts button{min-width:44px;min-height:44px;color:var(--text);font:14px var(--font-ui);cursor:pointer;background:#0d1112;border:1px solid #5c4d35;border-radius:3px}body .workshop-shortcuts .wow-button[data-variant=quiet]{min-width:44px;min-height:44px;color:var(--text);box-shadow:none;font:14px/1.4 var(--font-ui);background:#0d1112;border:1px solid #5c4d35;border-image:;border-radius:3px;padding:8px 12px}body .workshop-shortcuts .wow-button[data-variant=quiet]:hover{border-color:var(--gold);color:var(--gold-bright)}body .workshop-shortcuts .wow-button[data-variant=quiet][aria-pressed=true]{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:inset 0 -2px var(--gold);background:#443621}.workshop-table-head,.workshop-reagent{grid-template-columns:minmax(200px,1fr) 85px 180px 85px;align-items:center;gap:18px;padding:14px 22px;display:grid}.workshop-table-head{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;background:#0a0d0c4d;font-size:12px}.workshop-table-head>:not(:first-child){text-align:right}.workshop-reagent{border-top:1px solid #463d2e;min-height:83px}.workshop-reagent:hover{background:#c5a56508}.workshop-item{color:var(--text-hi);align-items:center;gap:14px;min-width:0;display:flex}.workshop-item>span:last-child{overflow-wrap:anywhere;min-width:0}.workshop-item small{color:var(--text-lo);margin-top:4px;font-size:12px;display:block}.workshop-number,.workshop-missing{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-hi);font-size:17px}.workshop-missing{color:#edc280}.workshop-reagent.ready .workshop-missing{color:#9dc76a}.workshop-owned{justify-content:flex-end;display:flex}.workshop-owned>label{display:none}.workshop-footer{border-top:1px solid #645237;flex-wrap:wrap;align-items:center;gap:12px;padding:22px;display:flex}.workshop-footer>span{color:var(--text);margin-right:auto;font-size:14px}.workshop-panel button{cursor:pointer;font-family:inherit}.workshop-panel .button-link:not(.primary){background:#131511}.workshop-panel button:disabled{opacity:.5;cursor:default}.workshop-notice{color:var(--gold-bright);margin:0;padding:0 22px 18px}.workshop-panel>.action-error{color:#f0afa1;margin:16px 22px}.workshop-goals{margin-bottom:26px}.workshop-goals h2{margin:0 0 14px}.workshop-goal-list{gap:10px;margin-bottom:16px;display:grid}.workshop-goal{background:#1c1c18;border:1px solid #5b4b34;border-radius:5px;align-items:center;gap:20px;padding:16px;display:flex}.workshop-goal>.workshop-item{flex:1}.workshop-goal label{color:var(--text);align-items:center;gap:10px;font-size:13px;display:flex}.workshop-remove{cursor:pointer;color:var(--text);font:13px var(--font-ui);background:0 0;border:0;padding:10px}.workshop-remove:hover{color:#f0afa1}.workshop-empty{justify-items:start;gap:16px;padding:36px;display:grid}.workshop-empty h2,.workshop-empty p{border:0;margin:0}@media (max-width:700px){.workshop-heading{flex-wrap:wrap;gap:14px}.workshop-heading h1{font-size:var(--text-title)}.workshop-table-head{display:none}.workshop-reagent{grid-template-columns:1fr 1fr;gap:16px;padding:18px}.workshop-reagent>.workshop-item{grid-column:1/-1}.workshop-number,.workshop-missing{text-align:left;gap:5px;display:grid}.workshop-number:before,.workshop-missing:before{content:attr(data-label);color:var(--text-lo);font-size:12px;font-weight:400}.workshop-owned{flex-direction:row;grid-area:3/1/auto/-1;justify-content:space-between;align-items:center;gap:12px}.workshop-owned>label{color:var(--text-lo);font-size:12px;display:block}}@media (max-width:540px){.workshop-heading>.button-link{width:100%}.workshop-toolbar{gap:12px;padding:16px}.workshop-toolbar>.button-link:last-child{width:100%;margin-left:0}.workshop-footer{padding:18px}.workshop-footer>span{flex-basis:100%}.workshop-footer .button-link{text-align:center;flex:1}.workshop-goal{flex-wrap:wrap;gap:12px}.workshop-goal>.workshop-item{flex-basis:100%}.workshop-goal label{flex:1}.workshop-empty{padding:24px}}.craft-results>.live-route-search{margin:0 0 var(--space-4)}.workshop-footer>.wow-button{flex-shrink:0}@media (max-width:540px){.workshop-toolbar>.wow-button:last-child{width:100%}.workshop-footer>.wow-button{flex:auto}}.workshop-quantity-control{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.workshop-quantity-control>label{color:var(--gold);font-size:14px}.workshop-goal>.workshop-quantity-control{flex-shrink:0}.crafting-index,.craft-detail{margin-inline:auto}.craft-detail>.crumbs{overflow-wrap:anywhere;display:block}.craft-detail>.crumbs .crumb-sep{margin-inline:var(--space-2)}.craft-browser{gap:var(--space-4);margin-block:var(--space-4);align-items:start;display:grid}.craft-results{min-width:0}.craft-profession-browser{border-radius:var(--radius);padding:var(--space-2);background:var(--bg-1) url(/ui/ui-dialogbox-background.webp) repeat;scrollbar-width:thin;scrollbar-color:var(--gold) var(--bg-1);border:1px solid #51432e}.craft-profession-browser h2{padding:var(--space-2) var(--space-3);border:0;margin:0;font-size:16px}.craft-all-professions{min-height:44px;padding:var(--space-2) var(--space-3);color:var(--text);align-items:center;display:flex}.craft-all-professions:is(:hover,:focus-visible,[aria-current]){color:var(--gold-bright);background:#c8aa6e18;text-decoration:none}@media (min-width:1121px){.site-content-shell:has(.crafting-index){grid-template-columns:minmax(0,1fr);max-width:1200px}.site-content-shell:has(.crafting-index)>.browse-rail{display:none}.craft-browser{grid-template-columns:230px minmax(0,1fr);gap:20px}.craft-profession-browser{position:sticky;top:104px}}.craft-results>.pager>span{background:0 0;border:0;grid-area:1/2;justify-self:center}.craft-results>.pager>a[rel=prev]{grid-area:1/1;justify-self:start}.craft-results>.pager>a[rel=next]{grid-area:1/3;justify-self:end}