:root{--md-primary:#006e3c;--md-on-primary:#fff;--md-primary-container:#74ff9f;--md-on-primary-container:#00210f;--md-secondary:#4f6353;--md-on-secondary:#fff;--md-secondary-container:#d2e8d4;--md-on-secondary-container:#0d1f13;--md-tertiary:#3b6470;--md-on-tertiary:#fff;--md-tertiary-container:#bfe9f7;--md-on-tertiary-container:#001f27;--md-error:#ba1a1a;--md-on-error:#fff;--md-error-container:#ffdad6;--md-on-error-container:#410002;--md-background:#f6fbf3;--md-on-background:#181d18;--md-surface:#f6fbf3;--md-on-surface:#181d18;--md-surface-variant:#dde5db;--md-on-surface-variant:#414941;--md-outline:#717971;--md-outline-variant:#c1c9bf;--md-surface-container-lowest:#fff;--md-surface-container-low:#f0f6ed;--md-surface-container:#eaf1e8;--md-surface-container-high:#e5ebe2;--md-surface-container-highest:#dfe5dc;--md-inverse-surface:#2d322d;--md-inverse-on-surface:#eef2ea;--md-inverse-primary:#50e07f;--md-on-surface-rgb:24, 29, 24;--md-primary-rgb:0, 110, 60;--md-corner-xs:4px;--md-corner-sm:8px;--md-corner-md:12px;--md-corner-lg:16px;--md-corner-xl:28px;--md-corner-2xl:36px;--md-corner-full:999px;--r-card:28px;--r-control:16px;--r-chip:10px;--r-full:999px;--md-slider-active-track-height:16px;--md-slider-inactive-track-height:16px;--md-slider-active-track-color:var(--md-primary);--md-slider-inactive-track-color:var(--md-surface-container-highest);--md-slider-active-track-shape:8px;--md-slider-inactive-track-shape:8px;--md-slider-handle-width:4px;--md-slider-handle-height:32px;--md-slider-handle-shape:var(--r-full);--md-slider-handle-color:var(--md-primary);--md-slider-hover-handle-color:var(--md-primary);--md-slider-focus-handle-color:var(--md-primary);--md-slider-pressed-handle-color:var(--md-primary);--md-slider-state-layer-size:36px;--md-slider-hover-state-layer-opacity:0;--md-slider-pressed-state-layer-opacity:0;--md-slider-label-container-color:var(--md-primary);--md-slider-label-label-text-color:var(--md-on-primary);--md-slider-with-tick-marks-active-container-color:var(--md-on-primary);--md-slider-with-tick-marks-inactive-container-color:var(--md-primary);--md-elevation-1:0 1px 2px #0000004d, 0 1px 3px 1px #00000026;--md-elevation-2:0 1px 2px #0000004d, 0 2px 6px 2px #00000026;--md-elevation-3:0 4px 8px 3px #00000026, 0 1px 3px #0000004d;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-spring:linear(0, .45 6%, .82 13%, 1.04 19%, 1.11 24%, 1.08 30%, 1 44%, .98 56%, 1);--dur-press:.14s;--dur-short:.2s;--dur-medium:.32s;--md-state-hover:.08;--md-state-focus:.1;--md-state-press:.1;--md-sys-color-primary:var(--md-primary);--md-sys-color-on-primary:var(--md-on-primary);--md-sys-color-primary-container:var(--md-primary-container);--md-sys-color-on-primary-container:var(--md-on-primary-container);--md-sys-color-secondary-container:var(--md-secondary-container);--md-sys-color-on-secondary-container:var(--md-on-secondary-container);--md-sys-color-tertiary-container:var(--md-tertiary-container);--md-sys-color-on-tertiary-container:var(--md-on-tertiary-container);--md-sys-color-surface:var(--md-surface);--md-sys-color-on-surface:var(--md-on-surface);--md-sys-color-surface-variant:var(--md-surface-variant);--md-sys-color-on-surface-variant:var(--md-on-surface-variant);--md-sys-color-surface-container-highest:var(--md-surface-container-highest);--md-sys-color-outline:var(--md-outline);--md-sys-color-outline-variant:var(--md-outline-variant);--md-sys-color-error:var(--md-error);--md-ref-typeface-brand:"Roboto Flex";--md-ref-typeface-plain:"Roboto Flex";--md-icon-font:"Material Symbols Rounded";--md-filled-button-container-height:48px;--md-filled-tonal-button-container-height:48px;--md-outlined-button-container-height:48px;--md-filled-button-label-text-weight:600;--md-filled-tonal-button-label-text-weight:600;--md-outlined-button-label-text-weight:600;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}md-slider{width:100%}.md-sym{font-family:Material Symbols Rounded}.actions{gap:12px;display:flex}.action-btn{--md-filled-button-container-height:56px;--md-filled-button-label-text-weight:700;flex:2}.action-btn md-icon{font-variation-settings:"FILL" 1}.action-btn--cancel md-icon{color:var(--md-on-error-container)}.actions md-outlined-button{--md-outlined-button-container-height:56px}.action-save{flex:1}.app-shell--desktop .action-btn{flex:2}.app-shell--desktop .action-save{flex:1}.action-btn--cancel{--md-filled-button-container-color:var(--md-error-container);--md-filled-button-label-text-color:var(--md-on-error-container);--md-filled-button-icon-color:var(--md-on-error-container);--md-filled-button-hover-label-text-color:var(--md-on-error-container);--md-filled-button-hover-icon-color:var(--md-on-error-container);--md-filled-button-focus-label-text-color:var(--md-on-error-container);--md-filled-button-pressed-label-text-color:var(--md-on-error-container);--md-filled-button-pressed-icon-color:var(--md-on-error-container)}:root[data-theme=dark]{--md-primary:#50e07f;--md-on-primary:#00391d;--md-primary-container:#00522b;--md-on-primary-container:#74ff9f;--md-secondary:#b6ccb8;--md-on-secondary:#213527;--md-secondary-container:#374b3c;--md-on-secondary-container:#d2e8d4;--md-tertiary:#a3cddb;--md-on-tertiary:#033541;--md-tertiary-container:#224c58;--md-on-tertiary-container:#bfe9f7;--md-error:#ffb4ab;--md-on-error:#690005;--md-error-container:#93000a;--md-on-error-container:#ffdad6;--md-background:#0c110c;--md-on-background:#dfe4db;--md-surface:#0c110c;--md-on-surface:#dfe4db;--md-surface-variant:#414941;--md-on-surface-variant:#c1c9bf;--md-outline:#8b938a;--md-outline-variant:#414941;--md-surface-container-lowest:#070b07;--md-surface-container-low:#161b16;--md-surface-container:#1a1f1a;--md-surface-container-high:#242924;--md-surface-container-highest:#2f342e;--md-inverse-surface:#dfe4db;--md-inverse-on-surface:#2d322d;--md-inverse-primary:#006e3c;--md-on-surface-rgb:223, 228, 219;--md-primary-rgb:80, 224, 127}@media (prefers-color-scheme:dark){:root[data-theme=system],:root:not([data-theme]){--md-primary:#50e07f;--md-on-primary:#00391d;--md-primary-container:#00522b;--md-on-primary-container:#74ff9f;--md-secondary:#b6ccb8;--md-on-secondary:#213527;--md-secondary-container:#374b3c;--md-on-secondary-container:#d2e8d4;--md-tertiary:#a3cddb;--md-on-tertiary:#033541;--md-tertiary-container:#224c58;--md-on-tertiary-container:#bfe9f7;--md-error:#ffb4ab;--md-on-error:#690005;--md-error-container:#93000a;--md-on-error-container:#ffdad6;--md-background:#0c110c;--md-on-background:#dfe4db;--md-surface:#0c110c;--md-on-surface:#dfe4db;--md-surface-variant:#414941;--md-on-surface-variant:#c1c9bf;--md-outline:#8b938a;--md-outline-variant:#414941;--md-surface-container-lowest:#070b07;--md-surface-container-low:#161b16;--md-surface-container:#1a1f1a;--md-surface-container-high:#242924;--md-surface-container-highest:#2f342e;--md-inverse-surface:#dfe4db;--md-inverse-on-surface:#2d322d;--md-inverse-primary:#006e3c;--md-on-surface-rgb:223, 228, 219;--md-primary-rgb:80, 224, 127}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--md-background);color:var(--md-on-background);-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-family:Roboto Flex,system-ui,sans-serif}h1,h2,h3{margin:0}.md-title-large{letter-spacing:0;font-size:22px;font-weight:600;line-height:28px}.md-label-large{letter-spacing:.1px;font-size:14px;font-weight:600;line-height:20px}.md-overline{letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px}.md-body-medium{letter-spacing:.2px;font-size:14px;font-weight:400;line-height:20px}.md-body-small{letter-spacing:.3px;font-size:12px;font-weight:400;line-height:16px}.md-icon{white-space:nowrap;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-user-select:none;user-select:none;font-family:Material Symbols Rounded;font-style:normal;font-weight:400;line-height:1}.md-segmented{border-radius:var(--md-corner-full);background:var(--md-surface-container-lowest);border:1.5px solid var(--md-outline-variant);gap:3px;width:100%;padding:3px;display:flex}.md-segment{border-radius:var(--md-corner-full);min-height:40px;color:var(--md-on-surface-variant);letter-spacing:.1px;white-space:nowrap;cursor:pointer;transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-press) var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.md-segment:after{content:"";opacity:0;transition:opacity var(--dur-press) var(--ease-out);pointer-events:none;background:currentColor;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.md-segment:hover:after{opacity:var(--md-state-hover)}}.md-segment:active{transform:scale(.95)}.md-segment[aria-pressed=true]{background:var(--md-primary);color:var(--md-on-primary);box-shadow:var(--md-elevation-1)}.md-segment .md-icon{font-size:18px}.md-segment:disabled{cursor:not-allowed;color:rgba(var(--md-on-surface-rgb), .38)}.md-segment:disabled:after{opacity:0}.md-slider-field{display:block}.md-slider-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.md-slider-label{color:var(--md-on-surface)}.md-slider-value{border-radius:var(--r-chip);background:var(--md-surface-container-highest);color:var(--md-on-surface-variant);font-variant-numeric:tabular-nums;letter-spacing:.2px;align-items:center;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex}.m3slider{--handle-w:4px;--handle-h:30px;--track-h:16px;--gap:6px;--track-inner:7px;align-items:center;height:36px;display:flex;position:relative}.m3slider__inactive,.m3slider__active{height:var(--track-h);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.m3slider__inactive{left:calc(var(--frac) * (100% - var(--handle-w)) + var(--handle-w) + var(--gap));border-radius:var(--track-inner) var(--r-full) var(--r-full) var(--track-inner);background:var(--md-surface-container-highest);right:0}.m3slider__active{width:max(0px, calc(var(--frac) * (100% - var(--handle-w)) - var(--gap)));border-radius:var(--r-full) var(--track-inner) var(--track-inner) var(--r-full);background:var(--md-primary);left:0}.m3slider__handle{top:50%;left:calc(var(--frac) * (100% - var(--handle-w)));width:var(--handle-w);height:var(--handle-h);border-radius:var(--r-full);background:var(--md-primary);pointer-events:none;position:absolute;transform:translateY(-50%)}.m3slider__halo{top:50%;left:calc(var(--frac) * (100% - var(--handle-w)) + var(--handle-w) / 2);border-radius:var(--r-full);background:var(--md-primary);opacity:0;pointer-events:none;width:14px;height:40px;transition:opacity var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);position:absolute;transform:translate(-50%,-50%)scaleY(.7)}@media (hover:hover) and (pointer:fine){.m3slider:hover .m3slider__halo{opacity:.1;transform:translate(-50%,-50%)scaleY(1)}}.m3slider:active .m3slider__halo{opacity:.14;transform:translate(-50%,-50%)scaleY(1)}.m3slider__input{appearance:none;cursor:pointer;opacity:0;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.m3slider__input::-webkit-slider-thumb{appearance:none;width:28px;height:28px}.m3slider__input::-moz-range-thumb{border:none;width:28px;height:28px}.m3slider[data-disabled]{opacity:.38}.m3slider[data-disabled] .m3slider__input{cursor:not-allowed}.md-file{aspect-ratio:16/10;border:1px solid var(--md-outline-variant);border-radius:var(--r-control);background:var(--md-surface-container-highest);width:100%;color:var(--md-on-surface);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out), transform var(--dur-press) var(--ease-out);display:block;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.md-file:hover{border-color:var(--md-primary);box-shadow:inset 0 0 0 2px var(--md-primary)}.md-file:hover .md-file__thumb{transform:scale(1.04)}.md-file:hover .md-file__overlay{background:#14141499}}.md-file:has(input:focus-visible){outline:3px solid var(--md-primary);outline-offset:2px}.md-file:active{transform:scale(.985)}.md-file:active .md-file__overlay{transform:scale(.96)}.md-file__thumb{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform var(--dur-medium) var(--ease-out);display:block}.md-file__overlay{color:#ffffffeb;border-radius:var(--md-corner-full);-webkit-backdrop-filter:blur(10px)saturate(1.3);transition:background var(--dur-short) var(--ease-out), transform var(--dur-press) var(--ease-out);background:#14141452;align-items:center;gap:7px;padding:8px 14px 8px 12px;font-weight:500;display:inline-flex;position:absolute;bottom:12px;left:12px;box-shadow:inset 0 0 0 1px #ffffff1a,0 2px 8px #0003}.md-file__overlay .md-icon{font-size:18px}.md-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.md-file--disabled{opacity:.38;pointer-events:none}.md-section{background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--r-card);flex-direction:column;gap:16px;padding:20px;display:flex}.md-section__head{color:var(--md-on-surface-variant);align-items:center;gap:10px;display:flex}.md-section__head .md-icon{color:var(--md-primary);font-size:20px}.md-field{flex-direction:column;gap:8px;display:flex}.md-field__label{color:var(--md-on-surface-variant)}.md-hint{border-radius:var(--r-chip);background:color-mix(in srgb, var(--md-tertiary) 14%, transparent);color:var(--md-on-surface-variant);align-self:flex-start;align-items:center;gap:6px;margin-top:2px;padding:5px 12px 5px 9px;display:inline-flex}.md-hint .md-icon{color:var(--md-tertiary);font-size:16px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-scroll{display:contents}.md-appbar{z-index:10;background:color-mix(in srgb, var(--md-surface) 72%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.5);border:1px solid color-mix(in srgb, var(--md-on-surface) 8%, transparent);width:calc(100% - 24px);max-width:1340px;height:66px;animation:appbar-in var(--dur-medium) var(--ease-out) both;border-radius:26px;align-items:center;gap:13px;margin:12px auto 0;padding:0 8px 0 10px;display:flex;position:sticky;top:12px;box-shadow:inset 0 1px #ffffff0f,0 2px 6px -3px #0000002e}.md-appbar__logo{width:46px;height:46px;animation:appbar-item-in var(--dur-medium) var(--ease-out) both;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;animation-delay:60ms;display:inline-flex;overflow:hidden}.md-appbar__goat{width:46px;height:46px}.md-appbar__titles{animation:appbar-item-in var(--dur-medium) var(--ease-out) both;flex-direction:column;gap:1px;animation-delay:.11s;display:flex}.md-appbar__wordmark{letter-spacing:-.3px;color:var(--md-on-surface);font-weight:800}.md-appbar__actions{--md-icon-button-icon-color:var(--md-on-surface-variant);--md-icon-button-icon-size:24px;animation:appbar-item-in var(--dur-medium) var(--ease-out) both;align-items:center;gap:4px;margin-left:auto;animation-delay:.16s;display:flex}.md-appbar__actions md-icon{transition:transform var(--dur-medium) var(--ease-spring)}@media (hover:hover) and (pointer:fine){.md-appbar__actions md-icon-button:hover md-icon{transform:rotate(-20deg)}}@keyframes appbar-in{0%{opacity:0;transform:translateY(-12px)}}@keyframes appbar-item-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes logo-halo{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.md-appbar,.md-appbar__logo,.md-appbar__titles,.md-appbar__actions,.md-appbar__logo:before{animation:none}.md-appbar__logo,.md-appbar__logo:hover,.md-appbar__logo:hover .md-icon,.md-appbar__actions md-icon-button:hover md-icon{transform:none}}.md-footer{justify-content:center;padding:20px 20px 12px;display:flex}.md-footer__text{color:var(--md-on-surface-variant);opacity:.7}.md-footer__link{color:var(--md-primary);transition:border-color var(--dur-short) var(--ease-out);border-bottom:1px solid #0000;font-weight:600;text-decoration:none}.md-footer__link:hover{border-bottom-color:currentColor}.app-main{flex:1;grid-template-columns:1fr;align-content:center;align-items:start;gap:20px;width:100%;max-width:1120px;margin:0 auto;padding:24px 20px 40px;display:grid}.canvas-card{background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--r-card);flex-direction:column;gap:12px;padding:12px;display:flex;position:sticky;top:96px}.canvas-card__head{color:var(--md-on-surface-variant);align-items:center;gap:8px;padding:6px 8px 4px;display:flex}.canvas-card__head .md-icon{color:var(--md-primary);font-size:18px}.canvas-card__head .md-overline{letter-spacing:1.2px}.canvas-card__chip{border-radius:var(--r-full);background:var(--md-primary-container);color:var(--md-on-primary-container);align-items:center;gap:8px;margin-left:auto;padding:4px 12px 4px 4px;font-size:13px;font-weight:600;display:inline-flex}.canvas-card__chip img{border-radius:var(--r-full);object-fit:cover;object-position:center top;width:24px;height:24px}.app-canvas{justify-content:center;display:flex}.app-controls,.controls-grid,.slider-grid{flex-direction:column;gap:16px;display:flex}@media (width>=905px){.app-shell--desktop .app-main{grid-template-columns:minmax(0,540px) minmax(560px,640px);justify-content:center;gap:20px;max-width:1380px;padding:28px}.app-shell--desktop .canvas-card{position:static}.app-shell--desktop .controls-grid{grid-template-columns:1fr 1fr;align-content:center;gap:16px;display:grid}.app-shell--desktop .controls-grid>.section--framing{grid-column:1/-1}.app-shell--desktop .section--framing .slider-grid{flex-direction:row}.app-shell--desktop .section--framing .slider-grid>*{flex:1}}.app-shell--mobile{height:100dvh;position:relative;overflow:hidden}.app-shell--mobile .app-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding-top:72px;padding-bottom:calc(92px + env(safe-area-inset-bottom));flex:1;display:block;overflow-y:auto}.app-shell--mobile .md-appbar{z-index:20;gap:11px;width:calc(100% - 20px);height:62px;margin:10px auto 0;padding:0 6px 0 10px;position:absolute;top:0;left:0;right:0}.app-shell--mobile .md-appbar__logo{border-radius:16px;width:42px;height:42px}.app-shell--mobile .md-appbar__logo .md-icon{font-size:23px}.app-shell--mobile .md-appbar__wordmark{font-size:1.28rem}.app-shell--mobile .app-main{gap:16px;padding:16px 16px 24px}.app-shell--mobile .canvas-card{background:0 0;border:none;padding:0;position:static}.app-shell--mobile .canvas-card__head{display:none}.app-shell--mobile .md-section{gap:14px;padding:16px}.app-shell--mobile .md-footer{padding:12px 16px 16px}.app-shell--mobile .m-settings{gap:14px}.app-shell--mobile .m-divider{border:0;border-top:1px solid var(--md-outline-variant);height:0;margin:0}.app-shell--mobile .m-photo{border-radius:var(--r-control);background:var(--md-surface-container-high);border:1px solid var(--md-outline-variant);color:var(--md-on-surface);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--dur-short) var(--ease-out), transform var(--dur-press) var(--ease-out);align-items:center;gap:12px;padding:8px 14px 8px 8px;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.app-shell--mobile .m-photo:hover{border-color:var(--md-primary)}}.app-shell--mobile .m-photo:active{transform:scale(.99)}.app-shell--mobile .m-photo:has(input:focus-visible){outline:3px solid var(--md-primary);outline-offset:2px}.app-shell--mobile .m-photo__thumb{border-radius:var(--r-chip);object-fit:cover;object-position:center top;background:var(--md-surface-container-highest);flex-shrink:0;width:46px;height:46px}.app-shell--mobile .m-photo__label{flex:1;min-width:0}.app-shell--mobile .m-photo__icon{color:var(--md-on-surface-variant);flex-shrink:0;font-size:22px}.app-shell--mobile .m-photo input{opacity:0;cursor:pointer;position:absolute;inset:0}.app-shell--mobile .m-photo--disabled{opacity:.38;pointer-events:none}.m-player-seg{gap:4px;width:100%;display:flex}.m-player-seg__item{background:var(--md-surface-container-high);min-height:46px;color:var(--md-on-surface-variant);letter-spacing:.1px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-press) var(--ease-out);border:none;flex:1;justify-content:center;align-items:center;gap:9px;padding:0 8px;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex}.m-player-seg__item:first-child{border-radius:40px 12px 12px 40px}.m-player-seg__item:last-child{border-radius:12px 40px 40px 12px}.m-player-seg__item:active{transform:scale(.97)}.m-player-seg__item[aria-pressed=true]{background:var(--md-primary);color:var(--md-on-primary)}.m-player-seg__item:focus-visible{outline:3px solid var(--md-primary);outline-offset:2px}.m-player-seg__avatar{border-radius:var(--md-corner-full);object-fit:cover;object-position:center top;flex-shrink:0;width:30px;height:30px;box-shadow:inset 0 0 0 1px #0000002e}.m-player-seg--disabled{opacity:.5;pointer-events:none}.app-shell .md-segmented{background:0 0;border:none;gap:4px;padding:0}.app-shell .md-segment{background:var(--md-surface-container-high);border-radius:12px}.app-shell .md-segment:first-child{border-radius:40px 12px 12px 40px}.app-shell .md-segment:last-child{border-radius:12px 40px 40px 12px}.app-shell .md-segment[aria-pressed=true]{background:var(--md-secondary-container);color:var(--md-on-secondary-container);box-shadow:none}.app-shell--mobile .actions{left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));z-index:10;filter:drop-shadow(0 8px 20px #00000073);pointer-events:none;gap:3px;width:50%;min-width:188px;max-width:250px;margin:0 auto;padding:0;position:fixed}.app-shell--mobile .actions>*{pointer-events:auto}.app-shell--mobile .action-btn{--md-filled-button-container-shape-start-start:28px;--md-filled-button-container-shape-end-start:28px;--md-filled-button-container-shape-start-end:8px;--md-filled-button-container-shape-end-end:8px}.app-shell--mobile .actions md-outlined-button{--md-outlined-button-container-shape-start-start:8px;--md-outlined-button-container-shape-end-start:8px;--md-outlined-button-container-shape-start-end:28px;--md-outlined-button-container-shape-end-end:28px;--md-outlined-button-with-leading-icon-leading-space:0px;--md-outlined-button-with-leading-icon-trailing-space:0px;background:var(--md-primary);--md-outlined-button-outline-width:0px;--md-outlined-button-label-text-color:var(--md-on-primary);--md-outlined-button-icon-color:var(--md-on-primary);--md-outlined-button-hover-label-text-color:var(--md-on-primary);--md-outlined-button-hover-icon-color:var(--md-on-primary);--md-outlined-button-pressed-label-text-color:var(--md-on-primary);--md-outlined-button-pressed-icon-color:var(--md-on-primary);--md-outlined-button-disabled-icon-color:var(--md-on-primary);--md-outlined-button-disabled-icon-opacity:1;--md-outlined-button-disabled-label-text-color:var(--md-on-primary);--md-outlined-button-disabled-label-text-opacity:1;border-radius:8px 28px 28px 8px;flex:0 0 66px}.app-shell--mobile .actions md-outlined-button[disabled]{opacity:.5}.stagger>*{opacity:0;animation:section-in var(--dur-medium) var(--ease-out) forwards;transform:translateY(10px)}.stagger>:first-child{animation-delay:40ms}.stagger>:nth-child(2){animation-delay:90ms}.stagger>:nth-child(3){animation-delay:.14s}.stagger>:nth-child(4){animation-delay:.19s}@keyframes section-in{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.stagger>*{opacity:1;animation:none;transform:none}*,:after,:before{transition-duration:.01ms!important}}