.randomize-view.svelte-3fgr1w{display:flex;flex-direction:column;align-items:center;padding:1em;box-sizing:border-box;width:100%;max-width:500px;overflow:hidden;position:relative}.position-display-wrapper.svelte-3fgr1w{display:flex;flex-direction:column;align-items:center;gap:1.5em;width:100%}.positions-page-content.svelte-3fgr1w>.tab-panel-content.active.randomize-view:where(.svelte-3fgr1w){overflow-y:hidden;justify-content:flex-start;align-items:center;padding-bottom:calc(var(--bottom-nav-height) + 130px + 1em)}.randomize-position-name.svelte-3fgr1w{font-size:1.8em;font-weight:500;color:var(--purple-dark-onBackground);text-align:center;margin-bottom:.25em;margin-top:2em}.randomize-image-container.svelte-3fgr1w{width:100%;max-width:400px;aspect-ratio:4 / 3;background-color:var(--purple-dark-surface);border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center}.randomize-position-image.svelte-3fgr1w{width:100%;height:100%;object-fit:contain}.duration-controls-svelte.svelte-3fgr1w{display:flex;justify-content:space-around;width:100%;max-width:450px;gap:1em;padding:.25em 0}.duration-input-group-svelte.svelte-3fgr1w{display:flex;flex-direction:column;align-items:flex-start;gap:.3em;position:relative}.duration-input-group-svelte.svelte-3fgr1w label:where(.svelte-3fgr1w){font-size:.75em;color:var(--purple-dark-onSurfaceVariant);text-transform:uppercase}.duration-input-group-svelte.svelte-3fgr1w select:where(.svelte-3fgr1w){padding:.7em 2.5em .7em 1.2em;border-radius:20px;border:1px solid var(--purple-dark-outline);background-color:var(--purple-dark-surfaceContainerHighest);color:var(--purple-dark-onSurface);font-size:1em;font-weight:500;min-width:100px;text-align:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23CCCCCC'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7em center;background-size:1.2em}.duration-input-group-svelte.svelte-3fgr1w select:where(.svelte-3fgr1w):hover{border-color:var(--purple-dark-primary)}.duration-input-group-svelte.svelte-3fgr1w select:where(.svelte-3fgr1w) option:where(.svelte-3fgr1w){background-color:var(--purple-dark-surface);color:var(--purple-dark-onSurface)}.fixed-bottom-bar-container.svelte-3fgr1w{position:fixed;bottom:var(--bottom-nav-height);left:0;right:0;padding:.75em var(--fab-margin);background-color:var(--purple-dark-background);box-shadow:0 -1px 4px #00000026;z-index:900;display:flex;flex-direction:column;align-items:center;gap:.5em}.playback-controls-svelte.svelte-3fgr1w{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:360px}.control-button.svelte-3fgr1w{background-color:var(--purple-dark-primary);color:var(--purple-dark-onPrimary);border:none;border-radius:28px;padding:.75em 1em;font-size:1em;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5em;transition:background-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000001a,0 1px 2px #00000014}.control-button.svelte-3fgr1w:hover{background-color:var(--purple-dark-primaryContainer);color:var(--purple-dark-onPrimaryContainer);box-shadow:0 2px 4px #00000026,0 2px 6px #0000001a}.control-button.svelte-3fgr1w .material-icons:where(.svelte-3fgr1w){font-size:24px}.play-pause-button-svelte.svelte-3fgr1w{flex-grow:1;max-width:180px;padding:.9em 1.5em;font-size:1.1em}.prev-button-svelte.svelte-3fgr1w,.next-button-svelte.svelte-3fgr1w{padding:.75em;min-width:56px;min-height:56px;border-radius:50%}.prev-button-svelte.svelte-3fgr1w .material-icons:where(.svelte-3fgr1w),.next-button-svelte.svelte-3fgr1w .material-icons:where(.svelte-3fgr1w){margin:0}.library-grid.svelte-3fgr1w{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1em;padding:0 1em calc(var(--bottom-nav-height) + 16px + 56px + 16px) 1em}.library-item-wrapper.svelte-3fgr1w{cursor:pointer}.empty-state-message.svelte-3fgr1w{text-align:center;color:var(--purple-dark-onSurfaceVariant);margin-top:2em;font-size:1em}.fab-add-position.svelte-3fgr1w{background-color:var(--purple-dark-primaryContainer);color:var(--purple-dark-onPrimaryContainer);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #00000026;cursor:pointer;border:none;position:fixed;right:16px;bottom:calc(var(--bottom-nav-height) + 16px);z-index:1000;transition:background-color .2s}.fab-add-position.svelte-3fgr1w:hover{background-color:var(--purple-dark-primary);color:var(--purple-dark-onPrimary)}.fab-add-position.svelte-3fgr1w .material-icons:where(.svelte-3fgr1w){font-size:28px}.modal-overlay.svelte-3fgr1w{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1050}.modal-content.svelte-3fgr1w{background-color:var(--purple-dark-surfaceContainerHigh, var(--purple-dark-surface));color:var(--purple-dark-onSurface);padding:1.5em;border-radius:16px;width:calc(100% - 32px);max-width:400px;box-shadow:0 8px 24px #00000040;display:flex;flex-direction:column;gap:1em}.modal-content.svelte-3fgr1w h3:where(.svelte-3fgr1w){margin-top:0;margin-bottom:.5em;color:var(--purple-dark-onSurface);font-size:1.5em;text-align:center}.modal-image-placeholder.svelte-3fgr1w,.modal-image-preview.svelte-3fgr1w{width:100%;aspect-ratio:16 / 9;background-color:var(--purple-dark-surfaceContainerLowest, #333);border-radius:8px;display:flex;justify-content:center;align-items:center;color:var(--purple-dark-onSurfaceVariant);object-fit:cover}.modal-image-placeholder.svelte-3fgr1w .material-icons:where(.svelte-3fgr1w){font-size:48px}.modal-input.svelte-3fgr1w{width:100%;padding:.75em 1em;border-radius:8px;border:1px solid var(--purple-dark-outlineVariant);background-color:var(--purple-dark-surfaceContainer, var(--purple-dark-surface));color:var(--purple-dark-onSurface);font-size:1em}.modal-input.svelte-3fgr1w::placeholder{color:var(--purple-dark-onSurfaceVariant)}.modal-actions.svelte-3fgr1w{display:flex;justify-content:flex-end;gap:.75em;margin-top:1em}.modal-button.svelte-3fgr1w{padding:.6em 1.2em;border-radius:20px;border:none;cursor:pointer;font-weight:500;text-transform:uppercase;font-size:.875em;letter-spacing:.05em}.modal-button.cancel.svelte-3fgr1w{background-color:transparent;color:var(--purple-dark-primary);border:1px solid var(--purple-dark-outline)}.modal-button.cancel.svelte-3fgr1w:hover{background-color:var(--purple-dark-primaryContainerOpacityHover)}.modal-button.save.svelte-3fgr1w{background-color:var(--purple-dark-primary);color:var(--purple-dark-onPrimary)}.modal-button.save.svelte-3fgr1w:hover{background-color:var(--purple-dark-primaryContainer);color:var(--purple-dark-onPrimaryContainer)}.select-image-button.svelte-3fgr1w{background-color:var(--purple-dark-tertiaryContainer);color:var(--purple-dark-onTertiaryContainer);width:100%;margin-top:.5em}.select-image-button.svelte-3fgr1w:hover{opacity:.9}.filter-chips-container.svelte-3fgr1w{display:flex;gap:.75em;margin-bottom:1em;padding:0 1em;justify-content:center}.filter-chip.svelte-3fgr1w{padding:.5em 1em;border-radius:16px;border:1px solid var(--purple-dark-outline);background-color:var(--purple-dark-surface);color:var(--purple-dark-onSurfaceVariant);cursor:pointer;display:flex;align-items:center;gap:.5em;font-size:.875em;transition:background-color .2s,color .2s,border-color .2s}.filter-chip.svelte-3fgr1w:hover{background-color:var(--purple-dark-surfaceContainerHover)}.filter-chip.active.svelte-3fgr1w{background-color:var(--purple-dark-secondaryContainer);color:var(--purple-dark-onSecondaryContainer);border-color:var(--purple-dark-secondaryContainer)}.filter-chip.svelte-3fgr1w .chip-icon:where(.svelte-3fgr1w){font-size:18px}.swipe-instruction.svelte-3fgr1w{text-align:center;font-size:.875em;color:var(--purple-dark-onSurfaceVariant);margin-bottom:1em;margin-top:.5em}