.craftable{grid-template-columns:minmax(280px,380px) minmax(0,1fr);display:grid}.craft-graph{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}@media (width>=1400px){.craft-graph{flex-direction:row}}.craft-list{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.craft-tabs{border-bottom:1px solid var(--line);display:flex}.craft-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:9px 8px}.craft-tabs button[aria-selected=true]{color:var(--accent2);border-bottom-color:var(--accent)}.craft-tabs .count{color:var(--muted);font-size:11px}.craft-filters{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:10px;display:flex}.craft-filters input[type=search]{width:100%}.craft-filter-row{gap:8px;display:flex}.craft-filter-row label{min-width:0;color:var(--muted);flex:1;align-items:center;gap:5px;font-size:12px;display:flex}.craft-filter-row select{flex:1;min-width:0}.craft-filter-row select:disabled{opacity:.5}.craft-check{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.craft-data{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding:6px 10px;font-size:11.5px;display:flex}.craft-data[hidden]{display:none}.craft-results{flex:1;min-height:0;padding:4px 0;overflow-y:auto}.craft-row{text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:9px;width:100%;padding:6px 10px;display:flex}.craft-row:hover,.craft-row:focus-visible{background:var(--panel2)}.craft-row.current{background:var(--panel2);box-shadow:inset 3px 0 0 var(--accent)}.craft-row img,.craft-row .no-icon{border:2px solid var(--line);border-radius:5px;flex:none;width:32px;height:32px}.craft-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.craft-row-text>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.craft-row-name{font-weight:600}.craft-row-price{flex-direction:column;flex:none;align-items:flex-end;font-size:11.5px;display:flex}.craft-row-profit{font-size:11px;font-weight:600}.craft-row-profit.estimate{opacity:.75}.craft-route{text-overflow:ellipsis;white-space:nowrap;color:#b9a36b;font-size:11px;display:block;overflow:hidden}.craft-profit,.craft-best{background:var(--panel2);border-radius:6px;margin:8px 0;padding:8px 10px}.craft-best ol{margin:4px 0 0;padding-left:18px}.craft-best li{margin-bottom:4px}.craft-best .craft-route{white-space:normal}.craft-route-link{text-align:left;font-size:12.5px}.craft-profit details{margin-top:4px}.craft-more{margin:8px auto;display:block}.craft-none{margin:0;padding:10px 12px}.graph-empty{text-align:center;color:var(--muted);pointer-events:none;justify-content:center;align-items:center;padding:24px;font-size:15px;display:flex;position:absolute;inset:0}.graph-empty[hidden]{display:none}.graph-empty p{max-width:460px;line-height:1.5}.graph-layout{position:absolute;top:12px;left:12px}.graph-tools{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:12px;right:12px}.graph-tools button{width:32px;height:32px;padding:0;font-size:16px}.craft-details{background:var(--panel);border-top:1px solid var(--line);flex:none;min-height:0;max-height:38%;padding:12px 14px;overflow-y:auto}@media (width>=1400px){.craft-details{border-top:0;border-left:1px solid var(--line);flex:0 0 320px;max-height:none}}.craft-details[hidden]{display:none}.craft-details p{margin:8px 0}.craft-details-head{align-items:flex-start;gap:10px;display:flex}.craft-details-head img{border:2px solid var(--line);border-radius:5px;width:40px;height:40px}.craft-details-head>div{flex:1;min-width:0}.craft-details-close{background:0 0;border:0;padding:0 6px;font-size:18px;line-height:1}.craft-ingredients{margin:6px 0;padding-left:18px}.craft-details .btnrow{align-items:center;gap:12px}.craft-tooltip{z-index:60;border:1px solid var(--line);pointer-events:none;background:#0a0b0d;border-radius:6px;max-width:280px;padding:7px 10px;font-size:12.5px;position:fixed}.craft-tooltip[hidden]{display:none}@media (width<=760px){.craftable{grid-template-rows:45% 55%;grid-template-columns:minmax(0,1fr)}.craft-list{border-right:0;border-bottom:1px solid var(--line)}}
