:root{--md-primary: #AAC7FF;--md-on-primary: #00102B;--md-primary-container: #284777;--md-on-primary-container: #D7E3FF;--md-secondary: #BFC6DC;--md-on-secondary: #283041;--md-secondary-container: #3A4257;--md-on-secondary-container: #DBE2F4;--md-tertiary: #D9BDE0;--md-on-tertiary: #3D2944;--md-tertiary-container: #553F5C;--md-on-tertiary-container: #F6D9FD;--md-error: #FFB4AB;--md-on-error: #690005;--md-error-container: #93000A;--md-on-error-container: #FFDAD6;--md-surface: #0E1320;--md-surface-container-lowest: #090D17;--md-surface-container-low: #141A28;--md-surface-container: #181E2D;--md-surface-container-high: #222A3A;--md-surface-container-highest: #2C3445;--md-on-surface: #E6E9F2;--md-on-surface-variant: #C2C7D6;--md-outline: #8B91A3;--md-outline-variant: #3B4252;--md-corner-xs: 4px;--md-corner-sm: 8px;--md-corner-md: 12px;--md-corner-lg: 16px;--md-corner-xl: 28px;--md-corner-full: 999px;--md-ease-emphasized: cubic-bezier(.2, 0, 0, 1);--md-font: "Roboto Flex", system-ui, -apple-system, sans-serif;--md-font-mono: "Roboto Mono", ui-monospace, "SF Mono", monospace;--md-maxw: 480px;--md-space: 16px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--md-surface);color:var(--md-on-surface);font-family:var(--md-font);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select,button{font-family:var(--md-font)}a{color:var(--md-primary)}:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.mono{font-family:var(--md-font-mono);font-variant-numeric:tabular-nums}.md-display{font-size:57px;line-height:64px;font-weight:500;letter-spacing:-.25px}.md-headline{font-size:24px;line-height:32px;font-weight:500}.md-title{font-size:18px;line-height:24px;font-weight:600}.md-body{font-size:15px;line-height:22px;font-weight:400}.md-label{font-size:13px;line-height:18px;font-weight:500;letter-spacing:.1px}.dim{color:var(--md-on-surface-variant)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app{display:flex;flex-direction:column;min-height:100%}.app__bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--md-surface);border-bottom:1px solid var(--md-outline-variant)}.app__title{font-size:20px;line-height:28px;font-weight:600;color:var(--md-on-surface)}.app__main{width:100%;max-width:var(--md-maxw);margin:0 auto;padding:16px;flex:1}.pill{font-size:13px;font-weight:500;padding:6px 12px;border-radius:var(--md-corner-sm);border:1px solid var(--md-outline-variant);color:var(--md-on-surface-variant);white-space:nowrap}.pill--ok{color:var(--md-on-secondary-container);background:var(--md-secondary-container);border-color:transparent}.pill--off{color:var(--md-on-error-container);background:var(--md-error-container);border-color:transparent}.screen{display:flex;flex-direction:column;gap:16px}.section-title{font-size:24px;line-height:32px;font-weight:500;margin:4px 0;color:var(--md-on-surface)}.error-note{color:var(--md-error)}.mode-list,.tpl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.mode-card{position:relative;width:100%;text-align:left;padding:20px;border-radius:var(--md-corner-lg);background:var(--md-surface-container-high);border:none;display:flex;flex-direction:column;gap:4px;transition:background .15s var(--md-ease-emphasized)}.mode-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--md-on-surface);opacity:0;transition:opacity .15s var(--md-ease-emphasized);pointer-events:none}.mode-card:active:after{opacity:.1}.mode-card__label{font-size:18px;line-height:24px;font-weight:600;color:var(--md-on-surface)}.mode-card__hint{color:var(--md-on-surface-variant);font-size:14px}.tpl-row{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:var(--md-corner-md);background:var(--md-surface-container);border:none;color:var(--md-on-surface)}.tpl-row:active{background:var(--md-surface-container-high)}.link-back{align-self:flex-start;background:none;border:none;color:var(--md-primary);padding:8px 12px;border-radius:var(--md-corner-full);font-weight:500;font-size:14px}.link-back:active{background:color-mix(in srgb,var(--md-primary) 12%,transparent)}.btn-secondary{margin-top:8px;padding:12px 20px;border-radius:var(--md-corner-full);font-weight:500;font-size:14px;background:var(--md-secondary-container);border:none;color:var(--md-on-secondary-container)}.btn-secondary:active{filter:brightness(1.1)}.btn-secondary:disabled{opacity:.5}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;font-weight:500;letter-spacing:.1px;color:var(--md-on-surface-variant)}.field__input,.field__textarea{width:100%;padding:14px;color:var(--md-on-surface);background:var(--md-surface-container-highest);border:none;border-bottom:1px solid var(--md-on-surface-variant);border-radius:var(--md-corner-sm) var(--md-corner-sm) 0 0}.field__input:focus,.field__textarea:focus{outline:none;border-bottom:2px solid var(--md-primary);padding-bottom:13px}.field__textarea{resize:vertical;line-height:1.5}.field__slider{display:flex;align-items:center;gap:16px}.field__slider input[type=range]{flex:1;accent-color:var(--md-primary);height:24px}.field__slider output{min-width:52px;text-align:right;color:var(--md-on-surface)}.field__seed{display:flex;gap:8px}.field__seed .field__input{flex:1}.icon-btn{width:48px;min-height:48px;border-radius:var(--md-corner-full);background:var(--md-surface-container-highest);border:none;color:var(--md-on-surface-variant)}.icon-btn--on{background:var(--md-primary-container);color:var(--md-on-primary-container)}.wf-selector{display:flex;flex-direction:column;gap:10px;margin:4px 0 12px}.wf-selector__field{display:flex;flex-direction:column;gap:6px}.wf-selector__label{font-size:13px;font-weight:500;letter-spacing:.1px;color:var(--md-on-surface-variant)}.wf-selector__select{width:100%;padding:14px;color:var(--md-on-surface);font-size:15px;background:var(--md-surface-container-highest);border:none;border-bottom:1px solid var(--md-on-surface-variant);border-radius:var(--md-corner-sm) var(--md-corner-sm) 0 0}.wf-selector__select:focus{outline:none;border-bottom:2px solid var(--md-primary);padding-bottom:13px}.wf-selector__capture{align-self:flex-start;padding:10px 18px;border-radius:var(--md-corner-full);font-weight:500;font-size:13px;background:var(--md-secondary-container);border:none;color:var(--md-on-secondary-container)}.wf-selector__capture:active{filter:brightness(1.1)}.wf-selector__capture:disabled{opacity:.5}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:36px;padding:6px 16px;border-radius:var(--md-corner-sm);background:transparent;border:1px solid var(--md-outline-variant);color:var(--md-on-surface-variant);font-weight:500}.chip--on{background:var(--md-secondary-container);border-color:transparent;color:var(--md-on-secondary-container)}.chip--on:before{content:"✓ ";font-weight:700}.advanced{border:1px solid var(--md-outline-variant);border-radius:var(--md-corner-md);padding:4px 16px;background:var(--md-surface-container-low)}.advanced summary{cursor:pointer;color:var(--md-on-surface-variant);padding:12px 0;font-weight:500;list-style-position:inside}.advanced .field{margin-top:16px}.advanced[open]{padding-bottom:16px}.btn-go{margin-top:8px;min-height:56px;padding:0 24px;border-radius:var(--md-corner-full);font-size:16px;font-weight:600;letter-spacing:.1px;background:var(--md-primary);color:var(--md-on-primary);border:none;transition:filter .15s var(--md-ease-emphasized)}.btn-go:active{filter:brightness(.92)}.btn-go:disabled{opacity:.5}.job{align-items:stretch}.readout{display:flex;align-items:baseline;justify-content:space-between;margin-top:32px}.readout__pct{font-size:57px;line-height:64px;font-weight:600;color:var(--md-on-surface);letter-spacing:-.25px}.readout__step{font-size:18px;color:var(--md-on-surface-variant)}.bar{height:4px;border-radius:var(--md-corner-full);background:var(--md-surface-container-highest);overflow:hidden}.bar__fill{height:100%;background:var(--md-primary);border-radius:var(--md-corner-full);transition:width .25s var(--md-ease-emphasized);animation:md-pulse 1.8s ease-in-out infinite}@keyframes md-pulse{0%,to{opacity:1}50%{opacity:.65}}.btn-cancel{margin-top:24px;min-height:48px;padding:0 24px;border-radius:var(--md-corner-full);background:transparent;border:1px solid var(--md-outline);color:var(--md-error);font-weight:500}.btn-cancel:active{background:color-mix(in srgb,var(--md-error) 10%,transparent)}.result{align-items:stretch}.result__media{width:100%;border-radius:var(--md-corner-lg);background:var(--md-surface-container);display:block}.result__actions{display:flex;gap:12px}.result__actions .btn-secondary,.result__actions .btn-go{flex:1;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.card-error{background:var(--md-error-container);color:var(--md-on-error-container);border:none;border-radius:var(--md-corner-lg);padding:24px;display:flex;flex-direction:column;gap:12px}.card-error h2{margin:0;font-size:24px;line-height:32px;font-weight:500}.card-canceled{background:var(--md-surface-container);color:var(--md-on-surface);border-radius:var(--md-corner-lg);padding:24px;display:flex;flex-direction:column;gap:12px}.card-canceled h2{margin:0;font-size:24px;line-height:32px;font-weight:500}.navbar{position:sticky;bottom:0;display:flex;background:var(--md-surface-container);border-top:1px solid var(--md-outline-variant)}.navbar__item{flex:1;min-height:56px;background:none;border:none;color:var(--md-on-surface-variant);font-weight:500}.navbar__item--on{color:var(--md-on-secondary-container)}.navbar__item--on .navbar__label{background:var(--md-secondary-container);padding:4px 16px;border-radius:var(--md-corner-full)}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{position:relative;width:100%;padding:0;border:none;border-radius:var(--md-corner-md);overflow:hidden;background:var(--md-surface-container)}.card__media{width:100%;aspect-ratio:1;object-fit:cover;display:block}.card__noimg{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.card__cap{position:absolute;left:8px;bottom:8px;font-size:11px;padding:2px 8px;border-radius:var(--md-corner-full);background:color-mix(in srgb,var(--md-surface) 70%,transparent);color:var(--md-on-surface)}.app__bar .link-back{padding:8px}
