.bookmark-container.svelte-z4hxpi.svelte-z4hxpi{display:flex;flex-direction:column;gap:.5rem;left:calc(100% - 1.5rem);position:absolute;top:1rem;width:fit-content}.bookmark-tab.svelte-z4hxpi.svelte-z4hxpi{align-items:center;background:#333;border:2px solid #1c1c1c;border-left:none;border-radius:0 6px 6px 0;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:flex-start;padding:.5rem 1rem .5rem 2rem;text-wrap:nowrap;transition:all .1s ease;width:fit-content}.bookmark-tab.svelte-z4hxpi.svelte-z4hxpi:hover{background:#4d4d4d;color:#71b3ff}.bookmark-tab.active.svelte-z4hxpi.svelte-z4hxpi{background:#2c2c2c;color:#5bd9ff;transform:translate(.5rem)}.bookmark-tab.svelte-z4hxpi .icon.svelte-z4hxpi{align-items:center;display:inline-flex;justify-content:center}.bookmark-tab.svelte-z4hxpi .label.svelte-z4hxpi{font-weight:600;-webkit-user-select:none;user-select:none}.material-bookmark-tab.svelte-z4hxpi.svelte-z4hxpi{align-items:center;background:#333;border:2px solid #1c1c1c;border-left:none;border-radius:0 6px 6px 0;display:inline-flex;gap:.5rem;padding:.25rem .75rem .25rem 2rem;transition:all .1s ease;width:fit-content}.material-bookmark-tab.active.svelte-z4hxpi.svelte-z4hxpi{background:#2c2c2c;transform:translate(.5rem)}.material-bookmark-tab.svelte-z4hxpi .sub-tab.svelte-z4hxpi{align-items:center;background:#404040;border:1px solid #1c1c1c;border-radius:4px;display:flex;font-weight:700;height:32px;justify-content:center;padding:1px;transition:all .1s ease;width:32px}.material-bookmark-tab.svelte-z4hxpi .sub-tab img.svelte-z4hxpi{filter:drop-shadow(2.5px 2.5px 0px rgba(25,25,25,.5))}.material-bookmark-tab.svelte-z4hxpi .sub-tab.svelte-z4hxpi:hover{background:#505050;color:#71b3ff}.material-bookmark-tab.svelte-z4hxpi .sub-tab.active.svelte-z4hxpi{background:#2c2c2c;color:#5bd9ff}.material-bookmark-tab.svelte-z4hxpi .material-label.svelte-z4hxpi{font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap;-webkit-user-select:none;user-select:none}.add-material-btn.svelte-z4hxpi.svelte-z4hxpi{margin-top:.5rem;opacity:.7;padding:.5rem .5rem .5rem 2rem}.add-material-btn.svelte-z4hxpi.svelte-z4hxpi:hover{background:#404040;color:#5bd9ff;opacity:1}.material-tabs-container.svelte-z4hxpi.svelte-z4hxpi{display:flex;flex-direction:column;gap:.5rem;margin-right:-.5rem;max-height:450px;overflow-x:visible;overflow-y:auto;padding-right:.5rem;position:relative}.material-tabs-container.svelte-z4hxpi.svelte-z4hxpi::-webkit-scrollbar{width:6px}.material-tabs-container.svelte-z4hxpi.svelte-z4hxpi::-webkit-scrollbar-track{background:#1c1c1c;border-radius:3px}.material-tabs-container.svelte-z4hxpi.svelte-z4hxpi::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.material-tabs-container.svelte-z4hxpi.svelte-z4hxpi::-webkit-scrollbar-thumb:hover{background:#505050}.sub-tab.svelte-z4hxpi img.svelte-z4hxpi{height:24px;object-fit:contain;width:24px}.material-stats-form.svelte-1i6szkk.svelte-1i6szkk.svelte-1i6szkk{background:#2c2c2c;outline:2px solid #1c1c1c;border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr 1fr;height:100%;padding:2rem;position:relative;width:100%}.material-stats-form.svelte-1i6szkk h2.svelte-1i6szkk.svelte-1i6szkk{color:#fff;margin:0 0 1.5rem;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;text-wrap:nowrap}.form-element.svelte-1i6szkk.svelte-1i6szkk.svelte-1i6szkk{margin-bottom:2rem;position:relative;width:100%}.form-element.text.svelte-1i6szkk.svelte-1i6szkk.svelte-1i6szkk{height:3rem}.form-element.text.svelte-1i6szkk label.svelte-1i6szkk.svelte-1i6szkk{align-items:center;border-top-left-radius:4px;border-top-right-radius:4px;color:#464646;display:inline-flex;font-weight:500;height:100%;justify-content:flex-start;left:.6rem;padding:.5rem;pointer-events:none;position:absolute;top:0;transform:translateY(0);transition:.2s ease;width:100%}.form-element.text.svelte-1i6szkk input.svelte-1i6szkk.svelte-1i6szkk{background:#1c1c1c;border:1px solid #3c3c3c;border-radius:4px;color:#fff;height:100%;padding:.5rem 1rem;width:100%}.form-element.text.svelte-1i6szkk input.svelte-1i6szkk.svelte-1i6szkk::placeholder{color:transparent}.form-element.text.svelte-1i6szkk input.svelte-1i6szkk.svelte-1i6szkk:focus{border-color:#4c4c4c;outline:none}.form-element.text.svelte-1i6szkk input.svelte-1i6szkk.svelte-1i6szkk:invalid{border-color:#f44}.form-element.text.svelte-1i6szkk input.svelte-1i6szkk:focus+label.svelte-1i6szkk,.form-element.text.svelte-1i6szkk input.svelte-1i6szkk:not(:placeholder-shown)+label.svelte-1i6szkk{color:#fff;font-size:14px;left:-4px;transform:translateY(-2.25rem)}.delete-material-btn.svelte-1i6szkk.svelte-1i6szkk.svelte-1i6szkk{align-items:center;background:none;border:none;border-radius:8px;color:#f44;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.delete-material-btn.svelte-1i6szkk.svelte-1i6szkk.svelte-1i6szkk:hover{background:#ff44441a}.modal-actions.svelte-1i6szkk.svelte-1i6szkk.svelte-1i6szkk{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.modal-actions.svelte-1i6szkk button.svelte-1i6szkk.svelte-1i6szkk{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .2s ease}.modal-actions.svelte-1i6szkk button.cancel-btn.svelte-1i6szkk.svelte-1i6szkk{background:transparent;border:1px solid #ccc;color:var(--color-text-secondary)}.modal-actions.svelte-1i6szkk button.cancel-btn.svelte-1i6szkk.svelte-1i6szkk:hover{background:#2c2c2c}.modal-actions.svelte-1i6szkk button.delete-btn.svelte-1i6szkk.svelte-1i6szkk{background:#f44;color:#fff}.modal-actions.svelte-1i6szkk button.delete-btn.svelte-1i6szkk.svelte-1i6szkk:hover{background:#f22}.grid-wide.svelte-1i6szkk.svelte-1i6szkk.svelte-1i6szkk{grid-column:1/3}.image-picker.svelte-4x21s3.svelte-4x21s3{border:2px dashed #ccc;display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease;width:fit-content;height:fit-content}.image-picker.svelte-4x21s3.svelte-4x21s3:hover{border:2px dashed #fff}.image-picker.dragging.svelte-4x21s3.svelte-4x21s3{background-color:#ffffff1a;border:2px dashed #fff}.picker-button.svelte-4x21s3.svelte-4x21s3{background:none;border:none;border-radius:4px;cursor:pointer;height:128px;position:relative;transition:all .2s ease;width:128px}.picker-button.svelte-4x21s3.svelte-4x21s3:hover{border-color:#fff}.picker-button.svelte-4x21s3:hover .placeholder.svelte-4x21s3{color:#fff}.preview-image.svelte-4x21s3.svelte-4x21s3{filter:drop-shadow(5px 5px 0px rgba(25,25,25,.2));height:100%;object-fit:contain;width:100%}.placeholder.svelte-4x21s3.svelte-4x21s3{align-items:center;color:#ccc;display:flex;height:100%;justify-content:center;width:100%}.background-image.svelte-4x21s3.svelte-4x21s3{filter:blur(0px);height:100%;image-rendering:pixelated;left:0;position:absolute;top:0;width:100%}.placeholder-background.svelte-4x21s3.svelte-4x21s3{filter:brightness(.5);height:100%;image-rendering:pixelated;object-fit:contain;opacity:.4;width:100%}.actions-container.svelte-4x21s3.svelte-4x21s3{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;opacity:0;position:absolute;right:-1.5rem;top:-1.5rem;transform:translate(-1rem);transition:all .2s cubic-bezier(.175,.885,.32,1.275);z-index:10}.actions-container.svelte-4x21s3 .delete-btn.svelte-4x21s3{background:#323232bf;border:2px solid rgb(25,25,25);border-radius:6px;color:#f44;cursor:pointer;padding:.25rem;transition:all .2s ease}.actions-container.svelte-4x21s3 .delete-btn.svelte-4x21s3:hover{background:#323232}.picker-button.svelte-4x21s3:hover .actions-container.svelte-4x21s3{opacity:1;transform:translate(0)}.picker-button.svelte-4x21s3:has(img:active) .actions-container.svelte-4x21s3{visibility:hidden}.download-examples-btn.svelte-sfr50i.svelte-sfr50i{display:inline-flex;position:absolute;left:-3rem;top:1rem;align-items:center;justify-content:center;width:fit-content;padding:.5rem;border:2px solid #1c1c1c;border-right:none;border-radius:6px 0 0 6px;background:#333;color:#fff;cursor:pointer;transition:all .1s ease;z-index:-1}.download-examples-btn.svelte-sfr50i.svelte-sfr50i:hover{background:#ffffff1a}.modal-content.svelte-sfr50i h2.svelte-sfr50i{margin:0}.modal-actions.svelte-sfr50i.svelte-sfr50i{display:flex;justify-content:center;margin-top:2rem;gap:1rem}.modal-actions.left-aligned.svelte-sfr50i.svelte-sfr50i{justify-content:flex-start}.download-btn.svelte-sfr50i.svelte-sfr50i{display:flex;align-items:center;padding:.5rem 1rem;gap:.25rem;border:none;border-radius:4px;background:#44f;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.download-btn.svelte-sfr50i.svelte-sfr50i:hover{background:#22f}.download-btn.metallic.svelte-sfr50i.svelte-sfr50i{background:#3d6469}.download-btn.metallic.svelte-sfr50i.svelte-sfr50i:hover{background:#2c828d}.download-btn.non-metallic.svelte-sfr50i.svelte-sfr50i{background:#617744}.download-btn.non-metallic.svelte-sfr50i.svelte-sfr50i:hover{background:#679629}.material-assets-form.svelte-1bw2dyd.svelte-1bw2dyd{position:relative;width:100%;height:100%;padding:2rem;border-radius:8px;outline:2px solid #1c1c1c;background:#2c2c2c}.material-assets-form.svelte-1bw2dyd h2.svelte-1bw2dyd{margin:0 0 1.5rem;overflow:hidden;color:#fff;text-overflow:ellipsis;text-transform:capitalize;text-wrap:nowrap}.textures-grid.svelte-1bw2dyd.svelte-1bw2dyd{display:grid;grid-template-columns:repeat(4,minmax(64px,1fr));width:100%;gap:2rem}.form-element.svelte-1bw2dyd.svelte-1bw2dyd{display:flex;flex-direction:column;align-items:center;gap:.5rem}.form-element.svelte-1bw2dyd .label-container.svelte-1bw2dyd{color:#fff;font-weight:400;font-size:.75rem;letter-spacing:.05rem;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;line-height:1.1}.form-element.svelte-1bw2dyd .extra-signifier.optional.svelte-1bw2dyd{color:#44baff}.form-element.svelte-1bw2dyd .extra-signifier.version.svelte-1bw2dyd{color:#ffae44}.grid-wide.svelte-1bw2dyd.svelte-1bw2dyd{grid-column:1/3}.delete-material-btn.svelte-1bw2dyd.svelte-1bw2dyd{display:inline-flex;position:absolute;top:1rem;right:1rem;align-items:center;justify-content:center;padding:.5rem;border:none;border-radius:8px;background:none;color:#f44;cursor:pointer;transition:all .2s ease}.delete-material-btn.svelte-1bw2dyd.svelte-1bw2dyd:hover{background:#ff44441a}.modal-actions.svelte-1bw2dyd.svelte-1bw2dyd{display:flex;justify-content:center;margin-top:2rem;gap:1rem}.modal-actions.svelte-1bw2dyd button.svelte-1bw2dyd{padding:.5rem 1.5rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-actions.svelte-1bw2dyd button.cancel-btn.svelte-1bw2dyd{border:1px solid #ccc;background:transparent;color:var(--color-text-secondary)}.modal-actions.svelte-1bw2dyd button.cancel-btn.svelte-1bw2dyd:hover{background:#2c2c2c}.modal-actions.svelte-1bw2dyd button.delete-btn.svelte-1bw2dyd{background:#f44;color:#fff}.modal-actions.svelte-1bw2dyd button.delete-btn.svelte-1bw2dyd:hover{background:#f22}.material-recipes-form.svelte-1ba92e3.svelte-1ba92e3.svelte-1ba92e3{position:relative;width:100%;height:100%;padding:2rem;outline:2px solid #1c1c1c;border-radius:8px;background:#2c2c2c}.material-recipes-form.svelte-1ba92e3 h2.svelte-1ba92e3.svelte-1ba92e3{margin:0 0 1.5rem;overflow:hidden;color:#fff;text-overflow:ellipsis;text-transform:capitalize;text-wrap:nowrap}.grid.svelte-1ba92e3.svelte-1ba92e3.svelte-1ba92e3{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:1rem}.grid.svelte-1ba92e3 .form-element.svelte-1ba92e3.svelte-1ba92e3{margin-bottom:.75rem}.delete-material-btn.svelte-1ba92e3.svelte-1ba92e3.svelte-1ba92e3{display:inline-flex;position:absolute;top:1rem;right:1rem;align-items:center;justify-content:center;padding:.5rem;border:none;border-radius:8px;background:none;color:#f44;cursor:pointer;transition:all .2s ease}.delete-material-btn.svelte-1ba92e3.svelte-1ba92e3.svelte-1ba92e3:hover{background:#ff44441a}.modal-actions.svelte-1ba92e3.svelte-1ba92e3.svelte-1ba92e3{display:flex;justify-content:center;margin-top:2rem;gap:1rem}.modal-actions.svelte-1ba92e3 button.svelte-1ba92e3.svelte-1ba92e3{padding:.5rem 1.5rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-actions.svelte-1ba92e3 button.cancel-btn.svelte-1ba92e3.svelte-1ba92e3{border:1px solid #ccc;background:transparent;color:var(--color-text-secondary)}.modal-actions.svelte-1ba92e3 button.cancel-btn.svelte-1ba92e3.svelte-1ba92e3:hover{background:#2c2c2c}.modal-actions.svelte-1ba92e3 button.delete-btn.svelte-1ba92e3.svelte-1ba92e3{background:#f44;color:#fff}.modal-actions.svelte-1ba92e3 button.delete-btn.svelte-1ba92e3.svelte-1ba92e3:hover{background:#f22}.form-element.svelte-1ba92e3.svelte-1ba92e3.svelte-1ba92e3{position:relative;width:100%;margin-bottom:2rem}.form-element.text.svelte-1ba92e3.svelte-1ba92e3.svelte-1ba92e3{height:3rem}.form-element.text.svelte-1ba92e3 label.svelte-1ba92e3.svelte-1ba92e3{display:inline-flex;display:flex;position:absolute;top:0;left:.6rem;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:.5rem;gap:.5rem;transform:translateY(0);border-top-right-radius:4px;border-top-left-radius:4px;color:#464646;font-weight:500;font-weight:600;pointer-events:none;transition:.2s ease}.form-element.text.svelte-1ba92e3 input.svelte-1ba92e3.svelte-1ba92e3{width:100%;height:100%;padding:.5rem 1rem;border:1px solid #3c3c3c;border-radius:4px;background:#1c1c1c;color:#fff}.form-element.text.svelte-1ba92e3 input.svelte-1ba92e3.svelte-1ba92e3::placeholder{color:transparent}.form-element.text.svelte-1ba92e3 input.svelte-1ba92e3.svelte-1ba92e3:focus{border-color:#4c4c4c;outline:none}.form-element.text.svelte-1ba92e3 input.svelte-1ba92e3.svelte-1ba92e3:invalid{border-color:#f44}.form-element.text.svelte-1ba92e3 input.svelte-1ba92e3:focus+label.svelte-1ba92e3,.form-element.text.svelte-1ba92e3 input.svelte-1ba92e3:not(:placeholder-shown)+label.svelte-1ba92e3{left:-4px;transform:translateY(-2.25rem);color:#fff;font-size:14px}.form-element.text.svelte-1ba92e3 input:focus+label img.svelte-1ba92e3.svelte-1ba92e3,.form-element.text.svelte-1ba92e3 input:not(:placeholder-shown)+label img.svelte-1ba92e3.svelte-1ba92e3{filter:brightness(0) invert(1)}.form-element.text.svelte-1ba92e3 input.svelte-1ba92e3:focus+label.square.svelte-1ba92e3,.form-element.text.svelte-1ba92e3 input.svelte-1ba92e3:not(:placeholder-shown)+label.square.svelte-1ba92e3{color:#00e5ff}.form-element.text.svelte-1ba92e3 input.svelte-1ba92e3:focus+label.triangle.svelte-1ba92e3,.form-element.text.svelte-1ba92e3 input.svelte-1ba92e3:not(:placeholder-shown)+label.triangle.svelte-1ba92e3{color:#ff3b3b}.form-element.text.svelte-1ba92e3 input.svelte-1ba92e3:focus+label.circle.svelte-1ba92e3,.form-element.text.svelte-1ba92e3 input.svelte-1ba92e3:not(:placeholder-shown)+label.circle.svelte-1ba92e3{color:#00ff4f}.form-element.svelte-1ba92e3 small.svelte-1ba92e3.svelte-1ba92e3{display:block;position:absolute;bottom:-1.5rem;margin-top:.25rem;color:#888;font-size:.9rem}.grid-wide.svelte-1ba92e3.svelte-1ba92e3.svelte-1ba92e3{grid-column:1/3}.recipe-carousel.svelte-1ba92e3.svelte-1ba92e3.svelte-1ba92e3{position:relative;width:350px;height:158px;margin-top:1rem;margin-bottom:2rem}.framed-image.svelte-1ba92e3.svelte-1ba92e3.svelte-1ba92e3{width:450px;height:157.5px;margin-bottom:2rem;box-shadow:0 0 10px #00000080}.next-recipe-btn.svelte-1ba92e3.svelte-1ba92e3.svelte-1ba92e3{display:flex;position:absolute;right:.5rem;bottom:.5rem;align-items:center;width:fit-content;padding:.5rem 1rem;gap:.5rem;border:none;border-radius:4px;background:#3c3c3c;color:#fff;font-size:.9rem;font-family:inherit;cursor:pointer;transition:background-color .2s ease}.next-recipe-btn.svelte-1ba92e3.svelte-1ba92e3.svelte-1ba92e3:hover{background-color:#4c4c4c}.next-recipe-btn.svelte-1ba92e3 .recipe-counter.svelte-1ba92e3.svelte-1ba92e3{font-size:.8rem;opacity:.7}.faded-text.svelte-1n7y35i.svelte-1n7y35i{color:#bbb}.export-pack-btn.svelte-1n7y35i.svelte-1n7y35i{align-items:center;background:none;border:none;border-radius:4px;color:#f5f5f5;display:inline-flex;height:32px;justify-content:center;padding:0;transition:transform .1s .05s ease-out;width:32px}.export-pack-btn.svelte-1n7y35i.svelte-1n7y35i:hover{color:#41f57d}.version-select.svelte-1n7y35i.svelte-1n7y35i{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;position:relative}.version-select.svelte-1n7y35i .packwiz-instructions-btn.svelte-1n7y35i{margin-top:0;position:absolute;right:0;top:-.5rem}.packwiz-instructions-btn.svelte-1n7y35i.svelte-1n7y35i{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:1rem;padding:.4rem .8rem;text-decoration:none;transition:all .2s ease}.packwiz-instructions-btn.svelte-1n7y35i.svelte-1n7y35i:hover{background:#ffffff26;border-color:#ffffff4d}.modal-actions.svelte-1n7y35i.svelte-1n7y35i{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.modal-actions.svelte-1n7y35i .ok-btn.svelte-1n7y35i{background:#4a9eff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 2rem;transition:all .2s ease}.modal-actions.svelte-1n7y35i .ok-btn.svelte-1n7y35i:hover{background:#3b8de6}h2.svelte-1n7y35i.svelte-1n7y35i{margin:0}img.svelte-1n7y35i.svelte-1n7y35i{border:2px solid #3a3a3a;border-radius:8px;margin-top:1rem}.version-dropdown.svelte-1n7y35i.svelte-1n7y35i{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#2a2a2a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em;border:1px solid #3a3a3a;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2.5rem .75rem .75rem;transition:all .2s ease;width:100%;font-family:monospace}.version-dropdown.svelte-1n7y35i.svelte-1n7y35i:hover{background-color:#3a3a3a;border-color:#5bd9ff}.version-dropdown.svelte-1n7y35i.svelte-1n7y35i:focus{border-color:#5bd9ff;outline:none}.version-dropdown.svelte-1n7y35i option.svelte-1n7y35i{background:#2a2a2a;color:#fff;padding:.5rem}.version-select.svelte-1n7y35i.svelte-1n7y35i{margin:1.5rem 0}.pack-settings-form.svelte-1bvu6k2.svelte-1bvu6k2.svelte-1bvu6k2{display:flex;position:relative;flex-direction:column;width:100%;height:100%;padding:2rem;gap:1rem;outline:2px solid #1c1c1c;border-radius:8px;background:#303030}.pack-settings-top.svelte-1bvu6k2.svelte-1bvu6k2.svelte-1bvu6k2{height:128px;gap:1rem}.pack-settings-middle.svelte-1bvu6k2.svelte-1bvu6k2.svelte-1bvu6k2{align-items:flex-start;height:48px;min-height:48px;gap:.5rem}.pack-settings-bottom.svelte-1bvu6k2.svelte-1bvu6k2.svelte-1bvu6k2{max-height:328px;margin-top:auto;padding:.5rem;overflow-y:hidden;outline:2px solid #1c1c1c;border-radius:16px;background:linear-gradient(0,#222,#333)}.pack-settings-bottom.svelte-1bvu6k2 .weapon-texture-preview-container.svelte-1bvu6k2.svelte-1bvu6k2{flex-wrap:wrap;height:100%;overflow-y:auto;gap:.15rem;border-radius:8px;background:#8b8b8b}.pack-settings-bottom.svelte-1bvu6k2 .weapon-texture-preview-container.svelte-1bvu6k2.svelte-1bvu6k2::-webkit-scrollbar{width:10px;height:10px}.pack-settings-bottom.svelte-1bvu6k2 .weapon-texture-preview-container.svelte-1bvu6k2.svelte-1bvu6k2::-webkit-scrollbar-track{border-radius:0 5px 5px 0;background:#8b8b8b}.pack-settings-bottom.svelte-1bvu6k2 .weapon-texture-preview-container.svelte-1bvu6k2.svelte-1bvu6k2::-webkit-scrollbar-thumb{border:0;border-radius:25px;background:#adc4ca}.pack-settings-bottom.svelte-1bvu6k2 .weapon-texture-preview-container.svelte-1bvu6k2.svelte-1bvu6k2::-webkit-scrollbar-thumb:hover{background:#a3a3a3}.weapon-texture-preview.svelte-1bvu6k2.svelte-1bvu6k2.svelte-1bvu6k2{display:flex;align-items:center;justify-content:flex-start;padding:.4rem}.weapon-texture-preview.svelte-1bvu6k2 .texture-image.svelte-1bvu6k2.svelte-1bvu6k2{width:48px;height:48px;object-fit:contain;border-radius:2px;image-rendering:pixelated}.text-input-container.svelte-1bvu6k2.svelte-1bvu6k2.svelte-1bvu6k2{position:relative;width:100%;height:48px}.text-input-container.svelte-1bvu6k2.svelte-1bvu6k2.svelte-1bvu6k2:first-child{margin-top:1rem;margin-bottom:.5rem}.text-input-container.svelte-1bvu6k2.svelte-1bvu6k2.svelte-1bvu6k2:last-child{margin-top:1rem}.text-input-container.svelte-1bvu6k2 label.svelte-1bvu6k2.svelte-1bvu6k2{position:absolute;top:.85rem;left:1rem;color:#464646;font-weight:500;pointer-events:none;transition:all .2s ease}.text-input-container.svelte-1bvu6k2 input.svelte-1bvu6k2.svelte-1bvu6k2{width:100%;height:100%;padding:.5rem 1rem;border:1px solid #3c3c3c;border-radius:4px;background:#1c1c1c;color:#fff}.text-input-container.svelte-1bvu6k2 input.svelte-1bvu6k2.svelte-1bvu6k2::placeholder{color:transparent}.text-input-container.svelte-1bvu6k2 input.svelte-1bvu6k2.svelte-1bvu6k2:focus{border-color:#4c4c4c;outline:none}.text-input-container.svelte-1bvu6k2 input.svelte-1bvu6k2.svelte-1bvu6k2:invalid{border-color:#f44}.text-input-container.svelte-1bvu6k2 input.svelte-1bvu6k2:focus+label.svelte-1bvu6k2,.text-input-container.svelte-1bvu6k2 input.svelte-1bvu6k2:not(:placeholder-shown)+label.svelte-1bvu6k2{top:-1rem;left:.25rem;color:#fff;font-size:12px}.pack-name-display.svelte-1bvu6k2.svelte-1bvu6k2.svelte-1bvu6k2{position:relative;overflow-wrap:anywhere;width:100%}.pack-name-display.svelte-1bvu6k2.svelte-1bvu6k2.svelte-1bvu6k2:after{position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(to left,#303030,#19191900 10%);content:""}.w-100.svelte-1bvu6k2.svelte-1bvu6k2.svelte-1bvu6k2{width:100%}.flex-row.svelte-1bvu6k2.svelte-1bvu6k2.svelte-1bvu6k2{display:flex;flex-direction:row}.flex-col.svelte-1bvu6k2.svelte-1bvu6k2.svelte-1bvu6k2{display:flex;flex-direction:column}small.svelte-1bvu6k2.svelte-1bvu6k2.svelte-1bvu6k2{display:block;position:absolute;top:-1.2rem;right:0;color:#888;font-size:12px;pointer-events:none}.import-btn.svelte-1r2j6s2.svelte-1r2j6s2{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:4px;background:none;color:#f5f5f5;cursor:pointer;transition:transform .1s .05s ease-out}.import-btn.svelte-1r2j6s2.svelte-1r2j6s2:hover{color:#41f57d}.modal-content.svelte-1r2j6s2.svelte-1r2j6s2{color:#fff}.modal-content.svelte-1r2j6s2 h2.svelte-1r2j6s2{margin-top:0}.error-text.svelte-1r2j6s2.svelte-1r2j6s2{color:#f44}.import-form.svelte-1r2j6s2.svelte-1r2j6s2{display:flex;flex-direction:column;margin:1.5rem 0;gap:1rem}.zip-file-input-cta-text.svelte-1r2j6s2.svelte-1r2j6s2{position:relative;display:flex;flex-direction:column;gap:.5rem}.zip-file-input-cta-text.svelte-1r2j6s2 .zip-file-input-icon.svelte-1r2j6s2{position:absolute;left:-3rem;display:flex;align-items:center;justify-content:center}.form-element.svelte-1r2j6s2.svelte-1r2j6s2{display:flex;flex-direction:column;gap:.5rem}.form-element.svelte-1r2j6s2 label.svelte-1r2j6s2{color:#fff;font-weight:500;font-size:.9rem}.form-element.svelte-1r2j6s2 input.svelte-1r2j6s2{width:100%;padding:.5rem 1rem;border:1px solid #3c3c3c;border-radius:4px;background:#1c1c1c;color:#fff}.form-element.svelte-1r2j6s2 input.svelte-1r2j6s2:focus{border-color:#4c4c4c;outline:none}.form-element.svelte-1r2j6s2 input.svelte-1r2j6s2:disabled{background:#2c2c2c;color:#888;cursor:not-allowed}.form-element.svelte-1r2j6s2 input.error.svelte-1r2j6s2{border-color:#f44}.form-element.svelte-1r2j6s2 small.svelte-1r2j6s2{color:#f44;font-size:.8rem}.file-input-wrapper.svelte-1r2j6s2.svelte-1r2j6s2{margin:1rem 0}.file-input-wrapper.dragging.svelte-1r2j6s2 .file-input-label.svelte-1r2j6s2{border-style:solid;border-color:#5bd9ff;background:#4c4c4c}.file-input.svelte-1r2j6s2.svelte-1r2j6s2{display:none}.file-input-label.svelte-1r2j6s2.svelte-1r2j6s2{display:flex;align-items:center;justify-content:center;padding:1.5rem;gap:.5rem;border:2px dashed #666;border-radius:4px;background:#3c3c3c;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease}.file-input-label.svelte-1r2j6s2.svelte-1r2j6s2:hover{border-color:#888;background:#4c4c4c}.modal-actions.svelte-1r2j6s2.svelte-1r2j6s2{display:flex;justify-content:center;margin-top:2rem;gap:1rem}.modal-actions.svelte-1r2j6s2 button.svelte-1r2j6s2{padding:.5rem 1.5rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-actions.svelte-1r2j6s2 button.cancel-btn.svelte-1r2j6s2{border:1px solid #ccc;background:transparent;color:var(--color-text-secondary)}.modal-actions.svelte-1r2j6s2 button.cancel-btn.svelte-1r2j6s2:hover{background:#2c2c2c}.modal-actions.svelte-1r2j6s2 button.import-btn-action.svelte-1r2j6s2{background:#4caf50;color:#fff}.modal-actions.svelte-1r2j6s2 button.import-btn-action.svelte-1r2j6s2:hover:not(:disabled){background:#45a049}.modal-actions.svelte-1r2j6s2 button.import-btn-action.svelte-1r2j6s2:disabled{background:#666;cursor:not-allowed;opacity:.6}.info-tab.svelte-1m5kn1w.svelte-1m5kn1w{align-items:center;background:#333;border:2px solid #1c1c1c;border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer;display:inline-flex;justify-content:flex-start;padding:.5rem;position:absolute;right:1rem;top:-3rem;transition:all .1s ease;width:fit-content}.info-tab.svelte-1m5kn1w.svelte-1m5kn1w:hover{background:#4d4d4d;color:#71b3ff}.info-tab.disabled.svelte-1m5kn1w.svelte-1m5kn1w{background:#333;color:#555;cursor:not-allowed}h2.svelte-1m5kn1w.svelte-1m5kn1w{margin:0}.modal-actions.svelte-1m5kn1w.svelte-1m5kn1w{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.modal-actions.svelte-1m5kn1w .ok-btn.svelte-1m5kn1w{background:#4a9eff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 2rem;transition:all .2s ease}.modal-actions.svelte-1m5kn1w .ok-btn.svelte-1m5kn1w:hover{background:#3b8de6}.info-modal.svelte-1m5kn1w.svelte-1m5kn1w{max-height:80vh;overflow-y:auto;padding-right:1rem;scrollbar-color:#4a9eff #1c1c1c;scrollbar-width:thin}.info-modal.svelte-1m5kn1w h2.svelte-1m5kn1w{background:#141414;padding-bottom:1rem;position:sticky;top:0;z-index:100}.info-modal.svelte-1m5kn1w .modal-actions.svelte-1m5kn1w{background:#141414;bottom:0;padding-top:1rem;position:sticky;z-index:100}.info-modal.svelte-1m5kn1w.svelte-1m5kn1w::-webkit-scrollbar{height:8px;width:8px}.info-modal.svelte-1m5kn1w.svelte-1m5kn1w::-webkit-scrollbar-track{background:#1c1c1c;border-radius:4px}.info-modal.svelte-1m5kn1w.svelte-1m5kn1w::-webkit-scrollbar-thumb{background:#4a9eff;border-radius:4px}.info-modal.svelte-1m5kn1w.svelte-1m5kn1w::-webkit-scrollbar-thumb:hover{background:#3b8de6}.back-btn-container.svelte-pg9ti0.svelte-pg9ti0{display:block;height:50px;margin-bottom:1rem}.back-btn-container.svelte-pg9ti0 div.svelte-pg9ti0{height:100%}.page-container.svelte-pg9ti0.svelte-pg9ti0{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100dvh - 16px);font-family:Quicksand,"sans-serif"}.transition-wrapper.svelte-pg9ti0.svelte-pg9ti0{display:flex;position:relative;align-items:center;justify-content:center;width:100%;max-width:600px;height:100%}.view-container.svelte-pg9ti0.svelte-pg9ti0{display:flex;position:absolute;top:50%;left:50%;flex-direction:column;width:100%;height:fit-content;transform:translate(-50%,-50%)}.pack-list-container.svelte-pg9ti0.svelte-pg9ti0{display:flex;flex-direction:column;align-items:center;width:fit-content;margin:2rem auto 0;padding:3rem;border:10px solid #353535;border-radius:8px;background:#282828;box-shadow:inset 0 0 10px #1c1c1c}.pack-list.svelte-pg9ti0.svelte-pg9ti0{display:grid;grid-template-rows:repeat(3,128px);grid-template-columns:repeat(3,128px);justify-content:center;width:calc(384px + 6rem);height:fit-content;max-height:calc(384px + 6rem);gap:3rem}.pack-list.svelte-pg9ti0>.svelte-pg9ti0{transition:transform .2s ease,opacity .2s ease}.pack-item.svelte-pg9ti0.svelte-pg9ti0{display:flex;position:relative;width:128px;height:128px;gap:1rem}.pack-item.svelte-pg9ti0.svelte-pg9ti0:not(.dragging):not(.placeholder){transition:all .2s ease}.pack-item.svelte-pg9ti0:not(.dragging):not(.placeholder) img.svelte-pg9ti0{cursor:grab;transition:all .2s ease}.pack-item.svelte-pg9ti0:not(.dragging):not(.placeholder) img.svelte-pg9ti0:hover{opacity:.9}.pack-item.svelte-pg9ti0:not(.dragging):not(.placeholder) img.svelte-pg9ti0:active{transform:scale(.75);cursor:grabbing;opacity:.5}.pack-item.placeholder.svelte-pg9ti0.svelte-pg9ti0{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.pack-item.svelte-pg9ti0 .pack-inner.svelte-pg9ti0{position:relative;width:100%;height:100%;padding:0;border:none;background:none}.pack-item.svelte-pg9ti0 .pack-inner .pack-label.svelte-pg9ti0{display:inline;position:absolute;bottom:-.5rem;left:0;width:100%;padding:.25rem .5rem;overflow:hidden;border-radius:4px;background:#f2f2f2;box-shadow:0 4px #8c8c8c;color:#313131;font-weight:600;font-size:1rem;line-height:1;letter-spacing:.05em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;text-wrap:nowrap;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.pack-item.svelte-pg9ti0 .pack-inner:hover .pack-label.svelte-pg9ti0{transform:scale(.9);opacity:0}.pack-item.svelte-pg9ti0 .pack-inner .actions-container.svelte-pg9ti0{display:flex;position:absolute;bottom:-3.25rem;left:0;flex-direction:row;align-items:flex-start;justify-content:space-evenly;width:100%;height:48px;transform:translateY(-1.5rem);opacity:0;transition:transform .1s cubic-bezier(.175,.885,.32,1.275)}.pack-item.svelte-pg9ti0 .pack-inner .actions-container button.svelte-pg9ti0{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:4px;background:none;color:#f5f5f5}.pack-item.svelte-pg9ti0 .pack-inner .actions-container .edit-pack-btn.svelte-pg9ti0:hover{color:#5bd9ff}.pack-item.svelte-pg9ti0 .pack-inner .actions-container .delete-pack-btn.svelte-pg9ti0{transition:transform .1s .05s ease-out}.pack-item.svelte-pg9ti0 .pack-inner .actions-container .delete-pack-btn.svelte-pg9ti0:hover{color:#ff4e74}.pack-item.svelte-pg9ti0 .pack-inner:hover .actions-container.svelte-pg9ti0{transform:translateY(0);opacity:1}.pack-item.svelte-pg9ti0 .pack-inner:has(img:active) .actions-container.svelte-pg9ti0{visibility:hidden}.create-pack-btn-container.svelte-pg9ti0.svelte-pg9ti0{display:flex;flex-direction:column;justify-content:center;width:fit-content;gap:1rem}.number-of-packs-created.svelte-pg9ti0.svelte-pg9ti0{color:#7e7e7e;font-weight:600}.form-wrapper.svelte-pg9ti0.svelte-pg9ti0{position:relative;width:600px;height:600px}.modal-content.svelte-pg9ti0 p.svelte-pg9ti0{font-size:.9rem;opacity:.8}.modal-actions.svelte-pg9ti0.svelte-pg9ti0{display:flex;justify-content:center;margin-top:2rem;gap:1rem}.modal-actions.svelte-pg9ti0 button.svelte-pg9ti0{padding:.5rem 1.5rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-actions.svelte-pg9ti0 button.cancel-btn.svelte-pg9ti0{border:1px solid #ccc;background:transparent;color:var(--color-text-secondary)}.modal-actions.svelte-pg9ti0 button.cancel-btn.svelte-pg9ti0:hover{background:#2c2c2c}.modal-actions.svelte-pg9ti0 button.delete-btn.svelte-pg9ti0{background:#f44;color:#fff}.modal-actions.svelte-pg9ti0 button.delete-btn.svelte-pg9ti0:hover{background:#f22}.modal-actions.svelte-pg9ti0 button.ok-btn.svelte-pg9ti0{padding:.5rem 2rem;background:#4a9eff;color:#fff}.modal-actions.svelte-pg9ti0 button.ok-btn.svelte-pg9ti0:hover{background:#3b8de6}.blurb.svelte-pg9ti0.svelte-pg9ti0{color:#85c0ff}.creation-options.svelte-pg9ti0.svelte-pg9ti0{display:flex;flex-direction:column;margin-top:1.5rem;gap:1rem}.option-btn.svelte-pg9ti0.svelte-pg9ti0{width:100%;padding:1rem;border:1px solid #3a3a3a;border-radius:8px;background:#2a2a2a;text-align:left;cursor:pointer;transition:all .2s ease}.option-btn.svelte-pg9ti0.svelte-pg9ti0:hover:not(.disabled){border-color:#5bd9ff;background:#3a3a3a}.option-btn.svelte-pg9ti0 .option-title.svelte-pg9ti0{display:block;margin-bottom:.25rem;font-weight:600;font-size:1.1rem}.option-btn.svelte-pg9ti0 .option-desc.svelte-pg9ti0{display:block;font-size:.9rem;opacity:.8}.template-options.svelte-pg9ti0.svelte-pg9ti0{display:flex;flex-direction:column;margin-top:1.5rem;gap:1rem}.template-btn.svelte-pg9ti0.svelte-pg9ti0{display:flex;align-items:center;width:100%;padding:1rem;gap:1rem;border:1px solid #3a3a3a;border-radius:8px;background:#2a2a2a;text-align:left;cursor:pointer;transition:all .2s ease}.template-btn.svelte-pg9ti0.svelte-pg9ti0:hover{border-color:#5bd9ff;background:#3a3a3a}.template-btn.svelte-pg9ti0 .template-preview.svelte-pg9ti0{width:64px;height:64px}.template-btn.svelte-pg9ti0 .template-preview img.svelte-pg9ti0{width:100%;height:100%;object-fit:contain}.template-btn.svelte-pg9ti0 .template-info.svelte-pg9ti0{display:flex;flex-direction:column;gap:.25rem;text-transform:capitalize}.template-btn.svelte-pg9ti0 .template-title.svelte-pg9ti0{font-weight:600;font-size:1.1rem}.template-btn.svelte-pg9ti0 .template-desc.svelte-pg9ti0{font-size:.9rem;opacity:.8}.storage-meter.svelte-pg9ti0.svelte-pg9ti0{position:relative;margin:1rem 0;padding:1rem;border:1px solid #3a3a3a;border-radius:8px;background:#5c5c5c33}.storage-meter.svelte-pg9ti0 .storage-disclaimer.svelte-pg9ti0{display:inline-flex;position:absolute;top:4px;align-items:center;justify-content:center;width:100%;color:#a7a7a7;font-size:.6rem}.storage-meter.svelte-pg9ti0 h3.svelte-pg9ti0{margin-bottom:1rem}.storage-meter.svelte-pg9ti0 .meter-bar.svelte-pg9ti0{width:100%;height:24px;margin-bottom:.5rem;overflow:hidden;border-radius:12px;background:#00000080}.storage-meter.svelte-pg9ti0 .meter-fill.svelte-pg9ti0{height:100%;transition:width .3s ease,background-color .3s ease}.storage-meter.svelte-pg9ti0 .meter-labels.svelte-pg9ti0{display:flex;justify-content:space-between;font-size:.9rem;opacity:.8}.back-btn-container.svelte-pg9ti0 .flex-row.svelte-pg9ti0{display:flex;align-items:center}.gap-2.svelte-pg9ti0.svelte-pg9ti0{gap:.5rem}.mobile-warning.svelte-pg9ti0.svelte-pg9ti0{display:flex;z-index:1000;position:fixed;top:0;left:0;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;padding:1rem .5rem;overflow:hidden;gap:1rem;background-color:#0e0e0ef2}.mobile-warning.svelte-pg9ti0 p.svelte-pg9ti0{max-width:500px;text-align:center}.mobile-warning.svelte-pg9ti0 button.svelte-pg9ti0{margin:.5rem;padding:.5rem 1rem;border:none;border-radius:8px;font-weight:700;font-size:1rem}
