.image-picker.svelte-v1c071.svelte-v1c071{border:2px dashed #ccc;display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease;width:fit-content}.image-picker.svelte-v1c071.svelte-v1c071:hover{border:2px dashed #fff}.image-picker.dragging.svelte-v1c071.svelte-v1c071{background-color:#ffffff1a;border:2px dashed #fff}.picker-button.svelte-v1c071.svelte-v1c071{background:none;border:none;border-radius:4px;cursor:pointer;height:128px;position:relative;transition:all .2s ease;width:128px}.picker-button.svelte-v1c071.svelte-v1c071:hover{border-color:#fff}.picker-button.svelte-v1c071:hover .placeholder.svelte-v1c071{color:#fff}.preview-image.svelte-v1c071.svelte-v1c071{filter:drop-shadow(4px 4px 0px rgba(25,25,25,.3));height:100%;object-fit:contain;width:100%}.placeholder.svelte-v1c071.svelte-v1c071{align-items:center;color:#ccc;display:flex;height:100%;justify-content:center;width:100%}.background-image.svelte-v1c071.svelte-v1c071{filter:blur(0px);height:100%;image-rendering:pixelated;left:0;position:absolute;top:0;width:100%}.placeholder-background.svelte-v1c071.svelte-v1c071{filter:brightness(.5);height:100%;image-rendering:pixelated;object-fit:contain;opacity:.4;width:100%}.actions-container.svelte-v1c071.svelte-v1c071{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-v1c071 .delete-btn.svelte-v1c071{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-v1c071 .delete-btn.svelte-v1c071:hover{background:#323232}.picker-button.svelte-v1c071:hover .actions-container.svelte-v1c071{opacity:1;transform:translate(0)}.picker-button.svelte-v1c071:has(img:active) .actions-container.svelte-v1c071{visibility:hidden}.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-1c4csik.svelte-1c4csik.svelte-1c4csik{background:#2c2c2c;border: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-1c4csik h2.svelte-1c4csik.svelte-1c4csik{color:#fff;margin:0 0 1.5rem;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;text-wrap:nowrap}.form-element.svelte-1c4csik.svelte-1c4csik.svelte-1c4csik{margin-bottom:2rem;position:relative;width:100%}.form-element.text.svelte-1c4csik.svelte-1c4csik.svelte-1c4csik{height:3rem}.form-element.text.svelte-1c4csik label.svelte-1c4csik.svelte-1c4csik{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-1c4csik input.svelte-1c4csik.svelte-1c4csik{background:#1c1c1c;border:1px solid #3c3c3c;border-radius:4px;color:#fff;height:100%;padding:.5rem 1rem;width:100%}.form-element.text.svelte-1c4csik input.svelte-1c4csik.svelte-1c4csik::placeholder{color:transparent}.form-element.text.svelte-1c4csik input.svelte-1c4csik.svelte-1c4csik:focus{border-color:#4c4c4c;outline:none}.form-element.text.svelte-1c4csik input.svelte-1c4csik.svelte-1c4csik:invalid{border-color:#f44}.form-element.text.svelte-1c4csik input.svelte-1c4csik:focus+label.svelte-1c4csik,.form-element.text.svelte-1c4csik input.svelte-1c4csik:not(:placeholder-shown)+label.svelte-1c4csik{color:#fff;font-size:14px;left:-4px;transform:translateY(-2.25rem)}.delete-material-btn.svelte-1c4csik.svelte-1c4csik.svelte-1c4csik{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-1c4csik.svelte-1c4csik.svelte-1c4csik:hover{background:#ff44441a}.modal-actions.svelte-1c4csik.svelte-1c4csik.svelte-1c4csik{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.modal-actions.svelte-1c4csik button.svelte-1c4csik.svelte-1c4csik{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .2s ease}.modal-actions.svelte-1c4csik button.cancel-btn.svelte-1c4csik.svelte-1c4csik{background:transparent;border:1px solid #ccc;color:var(--color-text-secondary)}.modal-actions.svelte-1c4csik button.cancel-btn.svelte-1c4csik.svelte-1c4csik:hover{background:#2c2c2c}.modal-actions.svelte-1c4csik button.delete-btn.svelte-1c4csik.svelte-1c4csik{background:#f44;color:#fff}.modal-actions.svelte-1c4csik button.delete-btn.svelte-1c4csik.svelte-1c4csik:hover{background:#f22}.grid-wide.svelte-1c4csik.svelte-1c4csik.svelte-1c4csik{grid-column:1/3}.download-examples-btn.svelte-uj4eec.svelte-uj4eec{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .2s ease}.download-examples-btn.svelte-uj4eec.svelte-uj4eec:hover{background:#ffffff1a}.modal-content.svelte-uj4eec h2.svelte-uj4eec{margin:0}.modal-actions.svelte-uj4eec.svelte-uj4eec{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.modal-actions.left-aligned.svelte-uj4eec.svelte-uj4eec{justify-content:flex-start}.download-btn.svelte-uj4eec.svelte-uj4eec{align-items:center;background:#44f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.download-btn.svelte-uj4eec.svelte-uj4eec:hover{background:#22f}.download-btn.metallic.svelte-uj4eec.svelte-uj4eec{background:#3d6469}.download-btn.metallic.svelte-uj4eec.svelte-uj4eec:hover{background:#2c828d}.download-btn.non-metallic.svelte-uj4eec.svelte-uj4eec{background:#617744}.download-btn.non-metallic.svelte-uj4eec.svelte-uj4eec:hover{background:#679629}.material-assets-form.svelte-11nsulr.svelte-11nsulr{background:#2c2c2c;border:2px solid #1c1c1c;border-radius:8px;height:100%;padding:2rem;position:relative;width:100%}.material-assets-form.svelte-11nsulr h2.svelte-11nsulr{color:#fff;margin:0 0 1.5rem;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;text-wrap:nowrap}.textures-grid.svelte-11nsulr.svelte-11nsulr{display:grid;gap:2rem;grid-template-columns:repeat(3,minmax(64px,1fr));width:100%}.form-element.svelte-11nsulr.svelte-11nsulr{align-items:center;display:flex;flex-direction:column;gap:.5rem}.form-element.svelte-11nsulr label.svelte-11nsulr{color:#fff;font-size:.75rem;font-weight:400;letter-spacing:.05rem}.grid-wide.svelte-11nsulr.svelte-11nsulr{grid-column:1/3}.delete-material-btn.svelte-11nsulr.svelte-11nsulr{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-11nsulr.svelte-11nsulr:hover{background:#ff44441a}.download-examples-button-container.svelte-11nsulr.svelte-11nsulr{position:absolute;right:4rem;top:1rem}.material-recipes-form.svelte-1cf36bo.svelte-1cf36bo.svelte-1cf36bo{background:#2c2c2c;border:2px solid #1c1c1c;border-radius:8px;height:100%;padding:2rem;position:relative;width:100%}.material-recipes-form.svelte-1cf36bo h2.svelte-1cf36bo.svelte-1cf36bo{color:#fff;margin:0 0 1.5rem;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;text-wrap:nowrap}.grid.svelte-1cf36bo.svelte-1cf36bo.svelte-1cf36bo{display:grid;gap:1rem;grid-template-columns:1fr 1fr;grid-template-rows:auto}.grid.svelte-1cf36bo .form-element.svelte-1cf36bo.svelte-1cf36bo{margin-bottom:.75rem}.delete-material-btn.svelte-1cf36bo.svelte-1cf36bo.svelte-1cf36bo{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-1cf36bo.svelte-1cf36bo.svelte-1cf36bo:hover{background:#ff44441a}.modal-actions.svelte-1cf36bo.svelte-1cf36bo.svelte-1cf36bo{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.modal-actions.svelte-1cf36bo button.svelte-1cf36bo.svelte-1cf36bo{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .2s ease}.modal-actions.svelte-1cf36bo button.cancel-btn.svelte-1cf36bo.svelte-1cf36bo{background:transparent;border:1px solid #ccc;color:var(--color-text-secondary)}.modal-actions.svelte-1cf36bo button.cancel-btn.svelte-1cf36bo.svelte-1cf36bo:hover{background:#2c2c2c}.modal-actions.svelte-1cf36bo button.delete-btn.svelte-1cf36bo.svelte-1cf36bo{background:#f44;color:#fff}.modal-actions.svelte-1cf36bo button.delete-btn.svelte-1cf36bo.svelte-1cf36bo:hover{background:#f22}.form-element.svelte-1cf36bo.svelte-1cf36bo.svelte-1cf36bo{margin-bottom:2rem;position:relative;width:100%}.form-element.text.svelte-1cf36bo.svelte-1cf36bo.svelte-1cf36bo{height:3rem}.form-element.text.svelte-1cf36bo label.svelte-1cf36bo.svelte-1cf36bo{align-items:center;border-top-left-radius:4px;border-top-right-radius:4px;color:#464646;display:inline-flex;display:flex;font-weight:500;font-weight:600;gap:.5rem;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-1cf36bo input.svelte-1cf36bo.svelte-1cf36bo{background:#1c1c1c;border:1px solid #3c3c3c;border-radius:4px;color:#fff;height:100%;padding:.5rem 1rem;width:100%}.form-element.text.svelte-1cf36bo input.svelte-1cf36bo.svelte-1cf36bo::placeholder{color:transparent}.form-element.text.svelte-1cf36bo input.svelte-1cf36bo.svelte-1cf36bo:focus{border-color:#4c4c4c;outline:none}.form-element.text.svelte-1cf36bo input.svelte-1cf36bo.svelte-1cf36bo:invalid{border-color:#f44}.form-element.text.svelte-1cf36bo input.svelte-1cf36bo:focus+label.svelte-1cf36bo,.form-element.text.svelte-1cf36bo input.svelte-1cf36bo:not(:placeholder-shown)+label.svelte-1cf36bo{color:#fff;font-size:14px;left:-4px;transform:translateY(-2.25rem)}.form-element.text.svelte-1cf36bo input:focus+label img.svelte-1cf36bo.svelte-1cf36bo,.form-element.text.svelte-1cf36bo input:not(:placeholder-shown)+label img.svelte-1cf36bo.svelte-1cf36bo{filter:brightness(0) invert(1)}.form-element.text.svelte-1cf36bo input.svelte-1cf36bo:focus+label.square.svelte-1cf36bo,.form-element.text.svelte-1cf36bo input.svelte-1cf36bo:not(:placeholder-shown)+label.square.svelte-1cf36bo{color:#00e5ff}.form-element.text.svelte-1cf36bo input.svelte-1cf36bo:focus+label.triangle.svelte-1cf36bo,.form-element.text.svelte-1cf36bo input.svelte-1cf36bo:not(:placeholder-shown)+label.triangle.svelte-1cf36bo{color:#ff3b3b}.form-element.text.svelte-1cf36bo input.svelte-1cf36bo:focus+label.circle.svelte-1cf36bo,.form-element.text.svelte-1cf36bo input.svelte-1cf36bo:not(:placeholder-shown)+label.circle.svelte-1cf36bo{color:#00ff4f}.form-element.svelte-1cf36bo small.svelte-1cf36bo.svelte-1cf36bo{bottom:-1.5rem;color:#888;display:block;font-size:.9rem;margin-top:.25rem;position:absolute}.grid-wide.svelte-1cf36bo.svelte-1cf36bo.svelte-1cf36bo{grid-column:1/3}.recipe-carousel.svelte-1cf36bo.svelte-1cf36bo.svelte-1cf36bo{margin-top:1rem;position:relative;width:fit-content}.framed-image.svelte-1cf36bo.svelte-1cf36bo.svelte-1cf36bo{box-shadow:0 0 10px #00000080}.next-recipe-btn.svelte-1cf36bo.svelte-1cf36bo.svelte-1cf36bo{align-items:center;background:#3c3c3c;border:none;border-radius:4px;bottom:.5rem;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;position:absolute;right:.5rem;transition:background-color .2s ease;width:fit-content}.next-recipe-btn.svelte-1cf36bo.svelte-1cf36bo.svelte-1cf36bo:hover{background-color:#4c4c4c}.next-recipe-btn.svelte-1cf36bo .recipe-counter.svelte-1cf36bo.svelte-1cf36bo{font-size:.8rem;opacity:.7}.faded-text.svelte-u7elvi.svelte-u7elvi{color:#bbb}.export-pack-btn.svelte-u7elvi.svelte-u7elvi{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-u7elvi.svelte-u7elvi:hover{color:#41f57d}.version-select.svelte-u7elvi.svelte-u7elvi{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;position:relative}.version-select.svelte-u7elvi .packwiz-instructions-btn.svelte-u7elvi{margin-top:0;position:absolute;right:0;top:-.5rem}.packwiz-instructions-btn.svelte-u7elvi.svelte-u7elvi{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-u7elvi.svelte-u7elvi:hover{background:#ffffff26;border-color:#ffffff4d}.modal-actions.svelte-u7elvi.svelte-u7elvi{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.modal-actions.svelte-u7elvi .ok-btn.svelte-u7elvi{background:#4a9eff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 2rem;transition:all .2s ease}.modal-actions.svelte-u7elvi .ok-btn.svelte-u7elvi:hover{background:#3b8de6}h2.svelte-u7elvi.svelte-u7elvi{margin:0}img.svelte-u7elvi.svelte-u7elvi{border:2px solid #3a3a3a;border-radius:8px;margin-top:1rem}.version-dropdown.svelte-u7elvi.svelte-u7elvi{-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%}.version-dropdown.svelte-u7elvi.svelte-u7elvi:hover{background-color:#3a3a3a;border-color:#5bd9ff}.version-dropdown.svelte-u7elvi.svelte-u7elvi:focus{border-color:#5bd9ff;outline:none}.version-dropdown.svelte-u7elvi option.svelte-u7elvi{background:#2a2a2a;color:#fff;padding:.5rem}.version-select.svelte-u7elvi.svelte-u7elvi{margin:1.5rem 0}.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-1em5fad.svelte-1em5fad.svelte-1em5fad{display:block;height:50px;margin-bottom:1rem}.back-btn-container.svelte-1em5fad div.svelte-1em5fad.svelte-1em5fad{height:100%}.page-container.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100dvh - 16px);font-family:Quicksand,"sans-serif"}.transition-wrapper.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{display:flex;position:relative;align-items:center;justify-content:center;width:100%;max-width:600px;height:100%}.view-container.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{display:flex;position:absolute;top:50%;left:50%;flex-direction:column;width:100%;height:fit-content;transform:translate(-50%,-50%)}.pack-list-container.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{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-1em5fad.svelte-1em5fad.svelte-1em5fad{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-1em5fad>.svelte-1em5fad.svelte-1em5fad{transition:transform .2s ease,opacity .2s ease}.pack-item.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{display:flex;position:relative;width:128px;height:128px;gap:1rem}.pack-item.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad:not(.dragging):not(.placeholder){transition:all .2s ease}.pack-item.svelte-1em5fad:not(.dragging):not(.placeholder) img.svelte-1em5fad.svelte-1em5fad{cursor:grab;transition:all .2s ease}.pack-item.svelte-1em5fad:not(.dragging):not(.placeholder) img.svelte-1em5fad.svelte-1em5fad:hover{opacity:.9}.pack-item.svelte-1em5fad:not(.dragging):not(.placeholder) img.svelte-1em5fad.svelte-1em5fad:active{transform:scale(.75);cursor:grabbing;opacity:.5}.pack-item.placeholder.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.pack-item.svelte-1em5fad .pack-inner.svelte-1em5fad.svelte-1em5fad{position:relative;width:100%;height:100%;padding:0;border:none;background:none}.pack-item.svelte-1em5fad .pack-inner .pack-label.svelte-1em5fad.svelte-1em5fad{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-1em5fad .pack-inner:hover .pack-label.svelte-1em5fad.svelte-1em5fad{transform:scale(.9);opacity:0}.pack-item.svelte-1em5fad .pack-inner .actions-container.svelte-1em5fad.svelte-1em5fad{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-1em5fad .pack-inner .actions-container button.svelte-1em5fad.svelte-1em5fad{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-1em5fad .pack-inner .actions-container .edit-pack-btn.svelte-1em5fad.svelte-1em5fad:hover{color:#5bd9ff}.pack-item.svelte-1em5fad .pack-inner .actions-container .delete-pack-btn.svelte-1em5fad.svelte-1em5fad{transition:transform .1s .05s ease-out}.pack-item.svelte-1em5fad .pack-inner .actions-container .delete-pack-btn.svelte-1em5fad.svelte-1em5fad:hover{color:#ff4e74}.pack-item.svelte-1em5fad .pack-inner:hover .actions-container.svelte-1em5fad.svelte-1em5fad{transform:translateY(0);opacity:1}.pack-item.svelte-1em5fad .pack-inner:has(img:active) .actions-container.svelte-1em5fad.svelte-1em5fad{visibility:hidden}.create-pack-btn-container.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{display:flex;flex-direction:column;justify-content:center;width:fit-content;gap:1rem}.number-of-packs-created.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{color:#7e7e7e;font-weight:600}.form-wrapper.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{position:relative;width:600px;height:600px}.form-wrapper.svelte-1em5fad form.svelte-1em5fad.svelte-1em5fad{display:grid;position:relative;grid-template-columns:1fr 2fr;width:100%;height:100%;padding:2rem;gap:1rem;border:2px solid #1c1c1c;border-radius:8px;background:#2c2c2c}.form-wrapper.svelte-1em5fad .pack-settings-header.svelte-1em5fad.svelte-1em5fad{display:flex;grid-row:1/2;grid-column:1/3;align-items:center;justify-content:space-between;width:500px;max-width:500px;margin:0 0 .5rem;gap:1rem;font-size:medium}.form-wrapper.svelte-1em5fad .pack-settings-header.svelte-1em5fad>span.svelte-1em5fad{display:inline-flex;align-items:center;gap:.5rem}.form-wrapper.svelte-1em5fad .pack-settings-header>span .pack-name-container.svelte-1em5fad.svelte-1em5fad{max-width:475px;overflow:hidden;font-size:1.1rem;text-overflow:ellipsis}.form-wrapper.svelte-1em5fad .form-element.svelte-1em5fad.svelte-1em5fad{position:relative;width:100%;margin-bottom:2.5rem}.form-wrapper.svelte-1em5fad .form-element.text.svelte-1em5fad.svelte-1em5fad{height:3rem}.form-wrapper.svelte-1em5fad .form-element.text label.svelte-1em5fad.svelte-1em5fad{display:inline-flex;position:absolute;top:0;left:.6rem;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:.5rem;transform:translateY(0);border-top-right-radius:4px;border-top-left-radius:4px;color:#464646;font-weight:500;pointer-events:none;transition:.2s ease}.form-wrapper.svelte-1em5fad .form-element.text input.svelte-1em5fad.svelte-1em5fad{width:100%;height:100%;padding:.5rem 1rem;border-radius:4px}.form-wrapper.svelte-1em5fad .form-element.text input.svelte-1em5fad.svelte-1em5fad::placeholder{color:transparent}.form-wrapper.svelte-1em5fad .form-element.text input.svelte-1em5fad:focus+label.svelte-1em5fad,.form-wrapper.svelte-1em5fad .form-element.text input.svelte-1em5fad:not(:placeholder-shown)+label.svelte-1em5fad{left:-4px;transform:translateY(-2.25rem);color:#fff;font-size:14px}.form-wrapper.svelte-1em5fad .form-element.imagepicker.svelte-1em5fad.svelte-1em5fad{position:relative;width:fit-content;height:fit-content;margin:auto auto 1rem 0}.form-wrapper.svelte-1em5fad .grid-section-general.svelte-1em5fad.svelte-1em5fad{justify-content:space-between;max-height:124px;margin:auto 0 1rem;gap:1rem}.form-wrapper.svelte-1em5fad .grid-section-general div.svelte-1em5fad.svelte-1em5fad{margin:0}.form-wrapper.svelte-1em5fad .grid-section-mod-dependency.svelte-1em5fad.svelte-1em5fad{grid-column:1/3;padding:1rem 2rem;gap:1rem;border-radius:4px;background:#0000001a;box-shadow:inset 0 0 10px #1c1c1c}.form-wrapper.svelte-1em5fad .grid-section-mod-dependency h3.svelte-1em5fad.svelte-1em5fad{margin-bottom:1rem}.modal-content.svelte-1em5fad p.svelte-1em5fad.svelte-1em5fad{font-size:.9rem;opacity:.8}.modal-actions.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{display:flex;justify-content:center;margin-top:2rem;gap:1rem}.modal-actions.svelte-1em5fad button.svelte-1em5fad.svelte-1em5fad{padding:.5rem 1.5rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-actions.svelte-1em5fad button.cancel-btn.svelte-1em5fad.svelte-1em5fad{border:1px solid #ccc;background:transparent;color:var(--color-text-secondary)}.modal-actions.svelte-1em5fad button.cancel-btn.svelte-1em5fad.svelte-1em5fad:hover{background:#2c2c2c}.modal-actions.svelte-1em5fad button.delete-btn.svelte-1em5fad.svelte-1em5fad{background:#f44;color:#fff}.modal-actions.svelte-1em5fad button.delete-btn.svelte-1em5fad.svelte-1em5fad:hover{background:#f22}.modal-actions.svelte-1em5fad button.ok-btn.svelte-1em5fad.svelte-1em5fad{padding:.5rem 2rem;background:#4a9eff;color:#fff}.modal-actions.svelte-1em5fad button.ok-btn.svelte-1em5fad.svelte-1em5fad:hover{background:#3b8de6}.blurb.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{color:#85c0ff}.creation-options.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{display:flex;flex-direction:column;margin-top:1.5rem;gap:1rem}.option-btn.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{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-1em5fad.svelte-1em5fad.svelte-1em5fad:hover:not(.disabled){border-color:#5bd9ff;background:#3a3a3a}.option-btn.svelte-1em5fad .option-title.svelte-1em5fad.svelte-1em5fad{display:block;margin-bottom:.25rem;font-weight:600;font-size:1.1rem}.option-btn.svelte-1em5fad .option-desc.svelte-1em5fad.svelte-1em5fad{display:block;font-size:.9rem;opacity:.8}.template-options.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{display:flex;flex-direction:column;margin-top:1.5rem;gap:1rem}.template-btn.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{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-1em5fad.svelte-1em5fad.svelte-1em5fad:hover{border-color:#5bd9ff;background:#3a3a3a}.template-btn.svelte-1em5fad .template-preview.svelte-1em5fad.svelte-1em5fad{width:64px;height:64px}.template-btn.svelte-1em5fad .template-preview img.svelte-1em5fad.svelte-1em5fad{width:100%;height:100%;object-fit:contain}.template-btn.svelte-1em5fad .template-info.svelte-1em5fad.svelte-1em5fad{display:flex;flex-direction:column;gap:.25rem;text-transform:capitalize}.template-btn.svelte-1em5fad .template-title.svelte-1em5fad.svelte-1em5fad{font-weight:600;font-size:1.1rem}.template-btn.svelte-1em5fad .template-desc.svelte-1em5fad.svelte-1em5fad{font-size:.9rem;opacity:.8}.storage-meter.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{position:relative;margin:1rem 0;padding:1rem;border:1px solid #3a3a3a;border-radius:8px;background:#5c5c5c33}.storage-meter.svelte-1em5fad .storage-disclaimer.svelte-1em5fad.svelte-1em5fad{display:inline-flex;position:absolute;top:4px;align-items:center;justify-content:center;width:100%;color:#a7a7a7;font-size:.6rem}.storage-meter.svelte-1em5fad h3.svelte-1em5fad.svelte-1em5fad{margin-bottom:1rem}.storage-meter.svelte-1em5fad .meter-bar.svelte-1em5fad.svelte-1em5fad{width:100%;height:24px;margin-bottom:.5rem;overflow:hidden;border-radius:12px;background:#00000080}.storage-meter.svelte-1em5fad .meter-fill.svelte-1em5fad.svelte-1em5fad{height:100%;transition:width .3s ease,background-color .3s ease}.storage-meter.svelte-1em5fad .meter-labels.svelte-1em5fad.svelte-1em5fad{display:flex;justify-content:space-between;font-size:.9rem;opacity:.8}.back-btn-container.svelte-1em5fad .flex-row.svelte-1em5fad.svelte-1em5fad{display:flex;align-items:center}.gap-2.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{gap:.5rem}.download-frame-templates-container.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{position:absolute;top:1rem;right:1rem}.mobile-warning.svelte-1em5fad.svelte-1em5fad.svelte-1em5fad{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-1em5fad p.svelte-1em5fad.svelte-1em5fad{max-width:500px;text-align:center}.mobile-warning.svelte-1em5fad button.svelte-1em5fad.svelte-1em5fad{margin:.5rem;padding:.5rem 1rem;border:none;border-radius:8px;font-weight:700;font-size:1rem}