@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--md-sys-color-primary: #d0bcff;--md-sys-color-on-primary: #381e72;--md-sys-color-primary-container: #4f378b;--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-surface: #141218;--md-sys-color-on-surface: #e6e0e9;--md-sys-color-surface-variant: #49454f;--md-sys-color-outline: #938f99;--md-sys-color-surface-container: #1d1b20;--md-sys-color-surface-container-high: #2b2930;--md-sys-typescale-headline-large: 400 32px/40px "Roboto", sans-serif;--md-sys-typescale-title-medium: 500 16px/24px "Roboto", sans-serif;--md-sys-typescale-label-large: 500 14px/20px "Roboto", sans-serif;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-full: 9999px;--md-sys-elevation-level1: 0px 1px 2px rgba(0,0,0,.3), 0px 1px 3px 1px rgba(0,0,0,.15);--md-sys-elevation-level3: 0px 4px 8px 3px rgba(0,0,0,.15), 0px 1px 3px rgba(0,0,0,.3)}body,html,#root{margin:0;padding:0;width:100%;height:100%;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-title-medium);overflow:hidden}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:24px}.md3-shell{display:flex;height:100vh;width:100vw;flex-direction:column}.md3-top-bar{height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);z-index:10}.headline{font:var(--md-sys-typescale-headline-large);font-size:22px}.md3-stage{flex:1;position:relative;background-color:#000;border-radius:0 0 var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large);overflow:hidden;margin:0}.md3-stage canvas{display:block;width:100%;height:100%}.md3-controls{height:auto;min-height:120px;background-color:var(--md-sys-color-surface-container);display:flex;flex-direction:column;padding:24px 16px;gap:20px}.action-row{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px;margin:0 auto}.md3-fab{width:80px;height:80px;border-radius:24px;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--md-sys-elevation-level3);cursor:pointer;transition:transform .2s cubic-bezier(.2,0,0,1)}.md3-fab:hover{transform:scale(1.05);filter:brightness(1.1)}.md3-fab:active{transform:scale(.95)}.md3-fab:disabled{background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-outline);cursor:not-allowed}.md3-fab .material-symbols-outlined{font-size:36px}.md3-icon-btn{width:48px;height:48px;border-radius:50%;background:transparent;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-surface);cursor:pointer;display:flex;align-items:center;justify-content:center}.md3-icon-btn.filled{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border:none}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;justify-content:center}.md3-chip{height:32px;padding:0 16px;border-radius:8px;border:1px solid var(--md-sys-color-outline);background:transparent;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px}.md3-chip.selected{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border:none}.md3-scrim{position:fixed;inset:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.md3-dialog{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:28px;padding:24px;max-width:90%;width:400px;box-shadow:var(--md-sys-elevation-level3);text-align:center}.dialog-content img{width:100%;border-radius:16px;margin:16px 0;border:1px solid var(--md-sys-color-outline)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.md3-text-btn{background:transparent;border:none;color:var(--md-sys-color-primary);font:var(--md-sys-typescale-label-large);font-weight:500;padding:10px 24px;cursor:pointer;text-transform:uppercase}@media(min-width:768px){.md3-shell{flex-direction:row}.md3-top-bar{display:none}.md3-nav-rail{width:80px;height:100%;background-color:var(--md-sys-color-surface);display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:30px}.md3-stage{margin:16px;border-radius:24px}.md3-controls{width:320px;height:100%;border-left:1px solid var(--md-sys-color-outline);justify-content:center}.action-row{flex-direction:column-reverse;gap:40px}.md3-fab{width:96px;height:96px}.filter-row{flex-wrap:wrap}}