:root{--md-sys-color-primary: #D0BCFF;--md-sys-color-on-primary: #381E72;--md-sys-color-primary-container: #4A4458;--md-sys-color-on-primary-container: #EADDFF;--md-sys-color-secondary: #CCC2DC;--md-sys-color-on-secondary: #332D41;--md-sys-color-secondary-container: #4A4458;--md-sys-color-on-secondary-container: #E8DEF8;--md-sys-color-tertiary: #EFB8C8;--md-sys-color-on-tertiary: #492532;--md-sys-color-tertiary-container: #633B48;--md-sys-color-on-tertiary-container: #FFD8E4;--md-sys-color-error: #F2B8B5;--md-sys-color-on-error: #601410;--md-sys-color-error-container: #8C1D18;--md-sys-color-on-error-container: #F9DEDC;--md-sys-color-background: #1C1B1F;--md-sys-color-on-background: #E6E1E5;--md-sys-color-surface: #1C1B1F;--md-sys-color-on-surface: #E6E1E5;--md-sys-color-surface-variant: #49454F;--md-sys-color-on-surface-variant: #CAC4D0;--md-sys-color-outline: #938F99;--md-sys-color-shadow: #000000;--md-sys-color-inverse-surface: #E6E1E5;--md-sys-color-inverse-on-surface: #313033;--md-sys-color-inverse-primary: #6750A4;--border-radius-small: 4px;--border-radius-medium: 8px;--border-radius-large: 16px;--border-radius-extra-large: 28px;--border-radius-full: 999px;--footer-height: 80px;--header-height: 60px;--slider-thumb-size: 18px;--slider-track-height: 4px;--slider-track-background-off: var(--md-sys-color-surface-variant);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;font-family:Roboto,sans-serif;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-layout{display:flex;flex-direction:column;height:100%;position:relative}.app-header{background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);padding:12px 24px;box-shadow:0 2px 4px #0003;text-align:center;flex-shrink:0;height:var(--header-height);box-sizing:border-box;z-index:10}.app-header h1{margin:0;font-size:1.25rem;font-weight:500;line-height:calc(var(--header-height) - 24px)}.app-main-content{flex-grow:1;height:calc(100vh - var(--header-height) - var(--footer-height));padding:16px;display:flex;justify-content:center;align-items:center;overflow:hidden;box-sizing:border-box}#background-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:var(--md-sys-color-background);transition:background-image .5s ease-out;opacity:.5}#prompt-grid-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:100%;max-height:100%;overflow-x:auto;overflow-y:hidden;padding:4px;box-sizing:border-box}.app-footer{height:var(--footer-height);box-sizing:border-box;padding:0 20px;display:flex;justify-content:center;align-items:center;background-color:var(--md-sys-color-surface-variant);border-top:1px solid var(--md-sys-color-outline);width:100%;position:fixed;bottom:0;left:0;z-index:20;flex-shrink:0}.toast-container{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-150%);background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-bottom-left-radius:var(--border-radius-medium);border-bottom-right-radius:var(--border-radius-medium);box-shadow:0 4px 8px #0003;display:flex;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;font-size:.875rem;padding:16px 24px;box-sizing:border-box}.toast-container.showing{transform:translate(-50%) translateY(0)}.toast-message-content{display:flex;justify-content:space-between}.toast-text{flex-grow:1;line-height:1.4}.toast-close-button{background:none;border:none;color:var(--md-sys-color-inverse-on-surface);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);margin-left:8px}.toast-close-button:hover{background-color:#ffffff1a}.toast-close-button .material-symbols-outlined{font-size:1.25rem}play-pause-button .icon-button{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;width:56px;height:56px;border-radius:var(--border-radius-extra-large);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px rgba(var(--md-sys-color-shadow),.2);transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s;outline-offset:2px}play-pause-button .icon-button:hover{transform:scale(1.05);box-shadow:0 4px 10px rgba(var(--md-sys-color-shadow),.25)}play-pause-button .icon-button:active{transform:scale(.98)}play-pause-button .icon-button svg{width:28px;height:28px;fill:currentColor}play-pause-button .loader-svg{animation:spin 1s linear infinite;transform-origin:center}play-pause-button .loader-bg{fill:none;stroke:currentColor;stroke-width:2.5;opacity:.3}play-pause-button .loader-fg{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:45}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}prompt-controller{display:flex;aspect-ratio:1 / 1;min-width:100px;min-height:100px}.prompt-card{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:var(--border-radius-large);padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000004d;transition:box-shadow .2s ease-in-out;width:100%;height:100%;box-sizing:border-box}.prompt-card:hover{box-shadow:0 4px 8px rgba(var(--md-sys-color-shadow),.15)}.prompt-halo{position:absolute;top:50%;left:50%;width:200%;height:200%;border-radius:50%;background-color:var(--prompt-halo-color, var(--md-sys-color-primary));transform:translate(-50%,-50%) scale(.8);pointer-events:none;z-index:0;transition:opacity .3s ease,transform .3s ease;opacity:0}.prompt-text-input{font-size:calc(.6em + .5vmin);font-weight:500;padding:6px 8px;border-radius:var(--border-radius-medium);background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline);text-align:center;outline:none;width:calc(100% - 16px);box-sizing:border-box;z-index:1;transition:border-color .2s;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-height:2.8em}.prompt-text-input:focus{border-color:var(--slider-thumb-color, var(--md-sys-color-primary));box-shadow:0 0 0 2px var(--slider-thumb-color-focus, var(--md-sys-color-primary-container))}prompt-controller[filtered] .prompt-card{border:2px solid var(--md-sys-color-error)}prompt-controller[filtered] .prompt-text-input{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-color:var(--md-sys-color-error)}.slider-container{width:100%;display:flex;align-items:center;height:calc(var(--slider-thumb-size) + 8px);margin:4px 0;box-sizing:border-box;padding-left:calc(var(--slider-thumb-size) / 2);padding-right:calc(var(--slider-thumb-size) / 2)}.weight-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--slider-track-height);background:transparent;outline:none;cursor:pointer;border-radius:var(--border-radius-full);margin:0;padding:0;display:block}.weight-slider::-webkit-slider-runnable-track{width:100%;height:var(--slider-track-height);cursor:pointer;background:linear-gradient(to right,var(--slider-thumb-color, var(--md-sys-color-primary)) var(--slider-fill-percent, 0%),var(--slider-track-background-off) var(--slider-fill-percent, 0%));border-radius:var(--border-radius-full);border:none}.weight-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-color, var(--md-sys-color-primary));border-radius:50%;border:none;cursor:pointer;box-shadow:0 0 2px #0000004d;transition:transform .1s ease-out;margin-top:calc((var(--slider-track-height) - var(--slider-thumb-size)) / 2);position:relative;z-index:2}.weight-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.weight-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.weight-slider::-moz-range-track{width:100%;height:var(--slider-track-height);cursor:pointer;background:var(--slider-track-background-off);border-radius:var(--border-radius-full);border:none}.weight-slider::-moz-range-progress{height:var(--slider-track-height);background-color:var(--slider-thumb-color, var(--md-sys-color-primary));border-radius:var(--border-radius-full);border:none}.weight-slider::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-color, var(--md-sys-color-primary));border-radius:50%;border:none;cursor:pointer;box-shadow:0 0 2px #0000004d;transition:transform .1s ease-out}.weight-slider::-moz-range-thumb:hover{transform:scale(1.1)}.weight-slider::-moz-range-thumb:active{transform:scale(1.05)}