body{background-color:#1e1e1e;color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}main.svelte-ptp9c0{max-width:800px;margin:0 auto;padding:2rem}h1.svelte-ptp9c0{color:#ffc72c;text-align:center;margin-bottom:2rem}.input-group.svelte-ptp9c0{margin-bottom:1rem}label.svelte-ptp9c0{display:block;margin-bottom:.5rem;color:#ffc72c}input[type=number].svelte-ptp9c0{width:100%;padding:.5rem;border:none;border-radius:4px;background-color:#2e2e2e;color:#fff}button.svelte-ptp9c0{display:block;width:100%;padding:.75rem;background-color:#da291c;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}button.svelte-ptp9c0:hover{background-color:#b71c1c}.result.svelte-ptp9c0{margin-top:2rem;padding:1rem;background-color:#2e2e2e;border-radius:4px}.result.svelte-ptp9c0 h2:where(.svelte-ptp9c0){color:#ffc72c;margin-top:0}pre.svelte-ptp9c0{white-space:pre-wrap;word-break:break-word}.grid-select.svelte-ptp9c0{display:grid;gap:10px;margin-top:10px}.resource-grid.svelte-ptp9c0,.tool-grid.svelte-ptp9c0{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.resource-remove-grid.svelte-ptp9c0{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.grid-item.svelte-ptp9c0{background-color:#2e2e2e;border:2px solid #444;border-radius:4px;padding:10px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px}.grid-item.svelte-ptp9c0:hover{background-color:#3e3e3e}.grid-item.selected.svelte-ptp9c0{border-color:#ffc72c;background-color:#3e3e3e}.resource-icon.svelte-ptp9c0{width:45px;height:45px;margin-bottom:10px;object-fit:cover}.item-text.svelte-ptp9c0{text-align:center;word-break:break-word;padding-top:5px;position:relative}.tool-grid.svelte-ptp9c0 .grid-item.selected:where(.svelte-ptp9c0) .item-text:where(.svelte-ptp9c0):after,.resource-remove-grid.svelte-ptp9c0 .grid-item.selected:where(.svelte-ptp9c0) .item-text:where(.svelte-ptp9c0):after{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid #ffc72c}.quantity-input.svelte-ptp9c0{display:flex;flex-direction:column;gap:10px}.quantity-input.svelte-ptp9c0 input[type=number]:where(.svelte-ptp9c0){width:100%}.slider.svelte-ptp9c0{-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:#2e2e2e;outline:none;opacity:.7;transition:opacity .2s}.slider.svelte-ptp9c0:hover{opacity:1}.slider.svelte-ptp9c0::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#ffc72c;cursor:pointer}.slider.svelte-ptp9c0::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#ffc72c;cursor:pointer}.main-page-link.svelte-ptp9c0{display:flex;justify-content:center;margin:2rem 0}.main-page-link.svelte-ptp9c0 .grid-item:where(.svelte-ptp9c0){background-color:#2e2e2e;border:2px solid #444;border-radius:4px;padding:15px 30px;text-align:center;cursor:pointer;transition:all .3s ease}.main-page-link.svelte-ptp9c0 .grid-item:where(.svelte-ptp9c0):hover{background-color:#3e3e3e;border-color:#ffc72c}.main-page-link.svelte-ptp9c0 a:where(.svelte-ptp9c0){color:#ffc72c;text-decoration:none;font-size:1.1rem}.main-page-link.svelte-ptp9c0 .item-text:where(.svelte-ptp9c0){display:block;padding:5px 0}.input-group-options.svelte-ptp9c0{display:flex;justify-content:space-between;margin-bottom:1rem}.option-item.svelte-ptp9c0{flex:1;margin-right:1rem}.option-item.svelte-ptp9c0:last-child{margin-right:0}.option-grid.svelte-ptp9c0{grid-template-columns:1fr}