:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#2c7be5;--primary-on:#fff;--primary-container:#b5d1f6;--primary-container-on:#fff;--secondary:#2a4a73;--secondary-on:#fff;--tertiary:#7d5260;--tertiary-on:#fff;--error:#b3261e;--error-on:#fff;--surface:#e5e7eb;--surface-on:#1d1b20;--surface-container:#f5f7fa;--outline:#79747e;--outline-on:#cac4d0;--type-size-display:3rem;--type-size-display-letter-spacing:.5rem;--type-size-display-line-height:3rem;--type-size-heading:2.5rem;--type-size-heading-letter-spacing:.2rem;--type-size-heading-line-height:2.5rem;--type-size-title:2rem;--type-size-title-letter-spacing:.2rem;--type-size-title-line-height:2.8rem;--type-size-label:1.4rem;--type-size-label-letter-spacing:.1rem;--type-size-label-line-height:2rem;--type-size-body:1.6rem;--type-size-body-letter-spacing:.1rem;--type-size-body-line-height:2rem;--type-size-body-s:1.2rem;--type-size-body-s-letter-spacing:0rem;--type-size-body-s-line-height:1.8rem;--space-large:2.5rem;--space-middle:1.5rem;--space-small:.6rem;--header-height:7rem;--footer-height:60rem;--border-radius:.4rem;margin:0;font-family:system-ui,Helvetica,Arial,sans-serif;font-size:62.5%}.type-display{font-size:var(--type-size-display);letter-spacing:var(--type-size-display-letter-spacing);line-height:var(--type-size-display-line-height)}.type-heading{font-size:var(--type-size-heading);letter-spacing:var(--type-size-heading-letter-spacing);line-height:var(--type-size-heading-line-height)}.type-title{font-size:var(--type-size-title);letter-spacing:var(--type-size-title-letter-spacing);line-height:var(--type-size-title-line-height)}.type-label{font-size:var(--type-size-label);letter-spacing:var(--type-size-label-letter-spacing);line-height:var(--type-size-label-line-height)}.type-body{font-size:var(--type-size-body);letter-spacing:var(--type-size-body-letter-spacing);line-height:var(--type-size-body-line-height)}.type-body-s{font-size:var(--type-size-body-s);letter-spacing:var(--type-size-body-s-letter-spacing);line-height:var(--type-size-body-s-line-height)}.font-bold{font-weight:600}.primary{background-color:var(--primary);color:var(--primary-on)}.primary-container{background-color:var(--primary-container)}.secondary{background-color:var(--secondary);color:var(--secondary-on)}.tertiary{background-color:var(--tertiary);color:var(--tertiary-on)}.error{background-color:var(--error);color:var(--error-on)}.surface{background-color:var(--surface);color:var(--surface-on)}.surface-container{background-color:var(--surface-container);color:var(--surface-on)}.primary-text{color:var(--primary)}.secondary-text{color:var(--secondary)}.surface-text{color:var(--surface-on)}.label-text{color:var(--outline)}.error-text{color:var(--error)}.text-center{text-align:center}.text-right{text-align:right}.vertical-center{vertical-align:middle}.ml-l{margin-left:var(--space-large)}.ml-m{margin-left:var(--space-middle)}.ml-s{margin-left:var(--space-small)}.mr-l{margin-right:var(--space-large)}.mr-m{margin-right:var(--space-middle)}.mr-s{margin-right:var(--space-small)}.mt-l{margin-top:var(--space-large)}.mt-m{margin-top:var(--space-middle)}.mt-s{margin-top:var(--space-small)}.mb-l{margin-bottom:var(--space-large)}.mb-m{margin-bottom:var(--space-middle)}.mb-s{margin-bottom:var(--space-small)}.pl-l{padding-left:var(--space-large)}.pl-m{padding-left:var(--space-middle)}.pl-s{padding-left:var(--space-small)}.pr-l{padding-right:var(--space-large)}.pr-m{padding-right:var(--space-middle)}.pr-s{padding-right:var(--space-small)}.pt-l{padding-top:var(--space-large)}.pt-m{padding-top:var(--space-middle)}.pt-s{padding-top:var(--space-small)}.pb-l{padding-bottom:var(--space-large)}.pb-m{padding-bottom:var(--space-middle)}.pb-s{padding-bottom:var(--space-small)}.px-l{padding-left:var(--space-large);padding-right:var(--space-large)}.px-m{padding-left:var(--space-middle);padding-right:var(--space-middle)}.px-s{padding-left:var(--space-small);padding-right:var(--space-small)}.py-l{padding-top:var(--space-large);padding-bottom:var(--space-large)}.py-m{padding-top:var(--space-middle);padding-bottom:var(--space-middle)}.py-s{padding-top:var(--space-small);padding-bottom:var(--space-small)}.pointer{cursor:pointer}.underline{text-decoration:underline}.btn{border-radius:var(--border-radius);padding:1rem;transition:all .15s linear}.btn:hover{opacity:.8}.btn:disabled{opacity:.3}.btn-full{text-align:center;width:100%}.input{background-color:var(--surface-container);color:var(--surface-on);width:100%;padding:var(--space-small);border:1px solid var(--outline-on);font-size:var(--type-size-label);border-radius:.6rem;align-items:center;transition:all .2s linear;display:flex}.input input,.input select{border:none;outline:none;width:100%}.input:focus-within{border:1px solid var(--primary);background-color:var(--surface-container);outline:none}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.divider{border-bottom:1px solid var(--outline-on);margin:var(--space-middle) 0}.divider-vertical{border-right:1px solid var(--outline-on);margin:0 var(--space-middle);height:100%}.flex{display:flex}.flex-space-between{justify-content:space-between}.flex-center{justify-content:center}.flex-right{justify-content:right}.flex-align-center{align-items:center}.flex-align-end{align-items:end}.flex-fullsize{flex:1}.flex-wrap{flex-wrap:wrap}.relative{position:relative}.absolute{position:absolute;top:0;bottom:0}.w-full{width:100%}.h-full{height:100%}.header-padding{padding-top:var(--header-height)}.footer-padding{padding-bottom:var(--footer-height)}.container{padding:var(--space-small);position:relative}.container.transparent{background:0 0}.fullscreen{width:100vw;height:100vh;position:fixed;top:0;left:0}*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.15}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;clear:both;height:0;color:inherit;border-top-width:1px;margin:0;overflow:visible}pre{font-family:monospace;font-size:inherit}address{font-style:inherit}a{color:inherit;background-color:#0000;text-decoration:none}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:inherit}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{appearance:none;vertical-align:middle;color:inherit;font:inherit;text-align:inherit;text-transform:inherit;background:0 0;border-radius:0;margin:0;padding:0}[type=checkbox]{appearance:checkbox}[type=radio]{appearance:radio}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{min-width:0;margin:0;padding:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#ff4b3b;--primary-on:#fff;--primary-container:#b5d1f6;--primary-container-on:#fff;--secondary:#2a4a73;--secondary-on:#fff;--tertiary:#7d5260;--tertiary-on:#fff;--error:#ff1333;--error-on:#fff;--surface:#16161a;--surface-on:#fff;--surface-on-invert:#000;--surface-on-variant:#c4c5cf;--surface-container:#202025;--surface-container-lowest:#00000080;--overlay-faint:#ffffff0f;--overlay-strong:#ffffff1a;--outline:#adb3bb;--outline-on:#cac4d0;--outline-variant:#ffffff1a;--outline-strong:#383b3e;--type-size-display:6rem;--type-size-display-letter-spacing:0rem;--type-size-display-line-height:7rem;--type-size-heading:4rem;--type-size-heading-letter-spacing:.3rem;--type-size-heading-line-height:6rem;--type-size-title:2.4rem;--type-size-title-letter-spacing:0rem;--type-size-title-line-height:3rem;--type-size-label:1.4rem;--type-size-body:1.6rem;--type-size-body-letter-spacing:.02rem;--type-size-xs:1.2rem;--type-size-xs-line-height:1.5;--type-size-xs-letter-spacing:.04em;--type-size-sm:1.3rem;--type-size-sm-line-height:1.5;--type-size-sm-letter-spacing:.02em;--type-size-base:1.5rem;--type-size-base-line-height:1.5;--type-size-base-letter-spacing:.04em;--type-size-lg:1.8rem;--type-size-lg-line-height:1.4;--type-size-lg-letter-spacing:.02em;--type-size-xl:2rem;--type-size-xl-line-height:1.4;--type-size-xl-letter-spacing:.02em;--type-size-2xl:2.4rem;--type-size-2xl-line-height:1.4;--type-size-2xl-letter-spacing:.02em;--type-size-3xl:2.8rem;--type-size-3xl-line-height:1.4;--type-size-3xl-letter-spacing:.02em;--border-radius-m:8px;--border-radius-l:12px;--header-height:6.5rem;--foot-bar-height:2.2rem;font-family:Noto Sans JP,游ゴシック体,YuGothic,sans-serif}body{background:var(--surface);color:var(--surface-on);overflow-x:clip}body.no-scroll{position:fixed;inset:0}.btn{border-radius:var(--border-radius-l);height:40px;font-weight:700;font-size:var(--type-size-sm);letter-spacing:var(--type-size-sm-letter-spacing);line-height:var(--type-size-sm-line-height);color:#fff;background:var(--primary);cursor:pointer;justify-content:center;align-items:center;padding:7px 14px;display:inline-flex;position:relative;box-shadow:inset 0 0 12px #ffffff4d}.btn:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(156deg,#ffffff4d 0%,#fff0 27.4%,#ffffff0a 70.7%,#fff3 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn:disabled{box-shadow:none;color:#444c58;cursor:default;background:#ffffff1a}.btn.alert{background:var(--error);box-shadow:none;border:1px solid var(--outline-strong);color:var(--surface-on-invert)}.btn.alert:hover{background-image:linear-gradient(#ffffff0d,#ffffff0d)}.btn.outline,.btn.text,.btn.ghost{box-shadow:none;background:0 0}.btn.outline:before,.btn.text:before,.btn.ghost:before,.btn.alert:before,.btn:disabled:before{content:none}.btn.outline{color:var(--primary);border:.8px solid #ff44334d}.btn.text{border:.8px solid var(--outline-strong)}.btn.outline:hover,.btn.text:hover,.btn.ghost:hover{background:#ffffff0d}.btn.selected{background:var(--overlay-faint)}.btn.outline:disabled,.btn.text:disabled,.btn.ghost:disabled{color:#616d7d;background:0 0}.btn.outline:disabled{border-color:var(--outline-strong)}.btn.outline.alert{border-color:var(--error);color:var(--error);background:0 0}.btn.text.alert,.btn.ghost.alert{border-color:var(--outline-strong);color:var(--error);background:0 0}.btn.outline.alert:hover,.btn.text.alert:hover,.btn.ghost.alert:hover{background:#ffffff0d}.btn.m,.btn.s{font-size:var(--type-size-xs);letter-spacing:var(--type-size-xs-letter-spacing);line-height:var(--type-size-xs-line-height);padding:7px 10px}.btn.m{height:32px}.btn.s{height:28px}.btn.s.outline,.btn.s.text{border-width:.5px}.btn.icon{aspect-ratio:1;width:auto;padding:0}.btn.icon img{width:16px;height:16px}.btn.ghost.icon:disabled{opacity:.5}.input{border:.5px solid var(--outline-strong);border-radius:var(--border-radius-m);width:100%;height:40px;font-weight:500;font-size:var(--type-size-sm);letter-spacing:.04em;line-height:var(--type-size-sm-line-height);color:#fff;background:#ffffff05;padding:8px 12px}.menu{background:var(--surface-container);border-radius:var(--border-radius-m);flex-direction:column;width:164px;padding:8px 0;display:flex}.menu[popover]{border:none;margin:0;position:fixed;inset:auto;overflow:visible}.menu[popover]:not(:popover-open){display:none}.menu-item{border-radius:var(--border-radius-m);height:40px;font-weight:500;font-size:var(--type-size-sm);letter-spacing:.04em;line-height:var(--type-size-sm-line-height);color:#fff;cursor:pointer;align-items:center;gap:8px;padding:4px 12px;display:flex}.menu-item:hover{background:#ffffff05}.menu-item.distruct{color:var(--error)}.menu-item img{width:24px;height:24px}.type-xs{font-size:var(--type-size-xs);letter-spacing:var(--type-size-xs-letter-spacing);line-height:var(--type-size-xs-line-height)}.type-sm{font-weight:500;font-size:var(--type-size-sm);letter-spacing:.04em;line-height:var(--type-size-sm-line-height)}.type-sm-bold{font-weight:700;font-size:var(--type-size-sm);letter-spacing:var(--type-size-sm-letter-spacing);line-height:var(--type-size-sm-line-height)}.type-base-bold{font-weight:700;font-size:var(--type-size-base);letter-spacing:var(--type-size-base-letter-spacing);line-height:var(--type-size-base-line-height)}.type-lg-bold{font-weight:700;font-size:var(--type-size-lg);letter-spacing:var(--type-size-lg-letter-spacing);line-height:var(--type-size-lg-line-height)}.type-xl-bold{font-weight:700;font-size:var(--type-size-xl);letter-spacing:var(--type-size-xl-letter-spacing);line-height:var(--type-size-xl-line-height)}.geologica{font-family:Geologica,sans-serif;font-style:normal;font-weight:500}.oranienbaum{font-family:Oranienbaum,serif;font-style:normal;font-weight:400}.space-mono{font-family:Space Mono,monospace;font-style:normal;font-weight:400}.yu-mincho{font-family:游明朝体,Yu Mincho,YuMincho;font-style:normal;font-weight:400}.main{width:100vw;height:inherit}.container{padding:var(--space-large);background:var(--surface);height:inherit;overflow-x:hidden}.loading{z-index:99999;background:var(--surface);width:100vw;height:100vh;color:var(--surface-on);justify-content:center;align-items:center;margin:0;display:flex;position:fixed;top:0;left:0}.loading-container{display:flex}.background-glow{pointer-events:none;z-index:-1;width:100vw;height:auto;position:fixed;bottom:0;left:0}.modal-backdrop{z-index:10;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-container);border-radius:var(--border-radius-m);flex-direction:column;width:507px;max-width:calc(100vw - 32px);display:flex}.modal-header{color:#fff;padding:20px 24px 16px}.modal-body{flex-direction:column;gap:8px;padding:16px 24px;display:flex}.modal-footer{justify-content:flex-end;align-items:center;gap:6px;padding:20px 24px;display:flex}.modal-field{color:#fff;flex-direction:column;gap:6px;display:flex}.index-base{--index-sidebar-width:200px;height:calc(100dvh - var(--foot-bar-height));margin:calc(-1 * var(--space-large));grid-template-columns:var(--index-sidebar-width) 1fr;min-height:0;display:grid}.index-sidebar{border-right:1px solid var(--outline-variant);flex-direction:column;padding:0 10px;display:flex}.index-logo{letter-spacing:.02em;text-align:center;margin:24px 0;font-size:2.2rem;line-height:1.5;transform:matrix(1,0,-.09,1,0,0)}.index-nav{flex-direction:column;gap:8px;margin-top:20px;display:flex}.index-nav-item{border-radius:var(--border-radius-m);text-align:left;cursor:pointer;align-items:center;height:44px;padding:7px 16px;display:flex;position:relative}.index-nav-item:hover{background:#ffffff0d}.index-nav-item.selected{background-blend-mode:normal, hard-light, normal, normal, hue, normal;background:radial-gradient(93.47% 111.69% at 48.47% 0,#2002e500 0%,#2002e53d 100%),radial-gradient(53.17% 97.5% at 50% 112.5%,#ffffff1a 0%,#fff0 100%),radial-gradient(33.84% 132.59% at 39.95% -13.93%,#ffca0966 0%,#fd3c6f00 100%),radial-gradient(42.33% 124.7% at 18.53% -13.75%,#fd3c7066 0%,#fd3c6f00 100%),radial-gradient(39.12% 204.23% at 89.12% 125.12%,#c756f799 0%,#c756f700 100%),#ff4b3b99;box-shadow:inset 0 2px 15px #ffffff80}.index-nav-item.selected:before,.index-preset.selected:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#fff3,#fff3),linear-gradient(102.57deg,#cc54ea -1.42%,#ff4083 48.8%,#ff8442 75.35%,#ff5806 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.index-user-wrap{flex-direction:column;margin-top:auto;margin-bottom:16px;display:flex;position:relative}.index-user{border-radius:var(--border-radius-l);cursor:pointer;background:#ffffff0d;align-items:center;gap:8px;width:100%;padding:11px;display:flex}.index-user-avatar{background:#fff3;border-radius:50%;flex:none;width:24px;height:24px}.index-user-mail{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.index-content{min-height:0;padding:56px 8rem;overflow-y:auto}.index-heading{text-align:center;margin-bottom:48px}.index-upload-panel{isolation:isolate;cursor:pointer;border-radius:var(--border-radius-m);background:radial-gradient(93.47% 111.69% at 48.47% 0%, #2002e500 0%, #2002e566 100%), radial-gradient(53.17% 97.5% at 50% 112.5%, #fff6 0%, #fff0 100%), radial-gradient(33.84% 132.59% at 39.95% -13.93%, #ffca09cc 0%, #fd3c6f00 100%), radial-gradient(42.33% 124.7% at 18.53% -13.75%, #fd3c70cc 0%, #fd3c6f00 100%), radial-gradient(39.12% 204.23% at 89.12% 125.12%, #c756f7 0%, #c756f700 100%), var(--primary);background-blend-mode:normal, hard-light, normal, normal, hue, normal;justify-content:center;align-items:center;height:201px;padding:7px 14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 15px #ffffff80}.index-upload-panel.uploaded:after{content:"";background:#0006;position:absolute;inset:0}.index-upload-file{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.index-upload-thumb{border-radius:var(--border-radius-m);background:var(--surface-container-lowest);object-fit:contain;width:96px;height:96px;display:block}.index-upload-thumb.audio{justify-content:center;align-items:center;display:flex}.index-upload-thumb.audio img{width:40px;height:40px}.index-upload-file .index-upload-cta{margin-top:16px}.index-upload-ring{pointer-events:none;background:#ffffff03;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 36px #ffffff73,inset 0 0 36px #ffffff73,inset 0 0 36px #ffffff73}.index-upload-ring.l{opacity:.1;width:1044px;height:1044px}.index-upload-ring.m{opacity:.2;width:696px;height:696px}.index-upload-ring.s{opacity:.3;width:356px;height:356px}.index-upload-cta{z-index:1;color:#fff;align-items:center;gap:10px;display:flex;position:relative}.index-upload-cta img{width:24px;height:24px}.index-upload-progress{width:min(29.3rem,100%);color:var(--surface-on-variant);flex-direction:column;align-items:center;gap:8px;margin:24px auto 0;display:flex}.index-upload-progress-bar{background:var(--surface-container-lowest);border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.index-upload-progress-bar:after{content:"";border-radius:inherit;background:var(--primary);width:40%;animation:1.2s ease-in-out infinite index-upload-slide;position:absolute;inset:0 auto 0 0}@keyframes index-upload-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.index-create{width:min(29.3rem,100%);height:48px;margin:32px auto 0;display:flex}.index-presets{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;display:grid}.sm .index-presets{grid-template-columns:repeat(2,1fr)}.index-preset{border-radius:var(--border-radius-l);background:var(--surface-container);text-align:left;cursor:pointer;align-items:center;gap:12px;min-height:80px;padding:16px;display:flex;position:relative}.index-preset-text{flex-direction:column;justify-content:center;gap:7px;min-width:0;display:flex}.index-preset-radio{flex:none;width:20px;height:20px;position:relative}.index-preset-radio:before{content:"";border:1px solid var(--outline);border-radius:50%;position:absolute;inset:2px}.index-preset.selected .index-preset-radio:before{border-color:var(--primary);inset:1px}.index-preset.selected .index-preset-radio:after{content:"";background:var(--primary);border-radius:50%;position:absolute;inset:6px;box-shadow:0 0 8px #ff4b3bcc}.index-preset-desc{color:var(--surface-on-variant)}.index-divider{border-top:1px solid var(--outline-variant);margin-top:40px;margin-bottom:40px}.index-section-title{margin-bottom:16px}.index-project-grid{gap:var(--space-middle);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));display:grid}.index-project-card{cursor:pointer;transition:all .15s linear}.index-project-card:hover{opacity:.8}.index-project-thumb{aspect-ratio:16/9;background-color:var(--surface-container-lowest);border-radius:var(--border-radius);width:100%;margin-bottom:var(--space-small);background-position:50%;background-size:cover}.index-project-name{justify-content:space-between;align-items:center;display:flex}.index-project-menu-wrap{display:flex;position:relative}.index-project-menu{cursor:pointer;padding:2px;display:flex}.index-project-menu img{width:20px;height:20px}.index-project-empty{color:var(--outline)}.overlay{z-index:9999998;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.overlay-progress{animation:1.5s ease-in-out infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overlay-item{background:var(--surface);color:var(--surface-on);border-radius:var(--border-radius);padding:var(--space-large)}.overlay-alert{width:30rem}.editor-base{--editor-controls-width:219px;--editor-history-width:0px;--editor-inspector-width:360px;--editor-titlebar-height:36px;--editor-toolbar-height:40px;--scrollbar-size:16px;--editor-shadow-color:#00000073;--editor-shadow-ramp:var(--editor-shadow-color) 0%, color-mix(in srgb, var(--editor-shadow-color) 74%, transparent) 19%, color-mix(in srgb, var(--editor-shadow-color) 54%, transparent) 34%, color-mix(in srgb, var(--editor-shadow-color) 38%, transparent) 47%, color-mix(in srgb, var(--editor-shadow-color) 28%, transparent) 56%, color-mix(in srgb, var(--editor-shadow-color) 19%, transparent) 65%, color-mix(in srgb, var(--editor-shadow-color) 13%, transparent) 73%, color-mix(in srgb, var(--editor-shadow-color) 7%, transparent) 80%, color-mix(in srgb, var(--editor-shadow-color) 4%, transparent) 86%, color-mix(in srgb, var(--editor-shadow-color) 2%, transparent) 91%, transparent 100%;--editor-playhead:#d9d9d9;height:calc(100dvh - var(--foot-bar-height));margin:calc(-1 * var(--space-large));--editor-header-gap:8px;grid-template-columns:var(--editor-history-width) 1fr;row-gap:var(--editor-header-gap);grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid;position:relative}.editor-base.with-history{--editor-history-width:219px}.editor-base:before{content:"";top:var(--editor-titlebar-height);bottom:0;left:calc(var(--editor-history-width) + var(--editor-controls-width) - 1px);background:var(--outline-variant);width:1px;position:absolute}.editor-history{grid-area:1/1/-1;min-height:0}.editor-header{grid-area:1/2;grid-template-columns:var(--editor-controls-width) 1fr;grid-template-rows:auto auto;display:grid}.editor-titlebar{height:var(--editor-titlebar-height);grid-column:1/-1;align-items:center;gap:8px;padding:4px;display:flex}.editor-toolbar{height:var(--editor-toolbar-height);grid-column:1/-1;grid-template-columns:var(--editor-controls-width) 1fr;display:grid;position:relative}.editor-toolbar-controls{align-items:center;gap:8px;padding:0 10px;display:flex}.editor-toolbar .btn.icon img{width:20px;height:20px}.editor-valley-icon{width:20px;height:20px;display:block;position:relative}.editor-valley-mask{background:currentColor;width:100%;height:100%;display:block;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.editor-valley-step{color:currentColor;font-size:.9rem;font-weight:700;line-height:1;position:absolute;top:-3px;right:-3px}.editor-toolbar-lanes{scrollbar-width:none;align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex;overflow-x:auto}.editor-toolbar-shadow{width:var(--editor-shadow-size);background:linear-gradient(to left, var(--editor-shadow-ramp));pointer-events:none;position:absolute;top:0;bottom:0;right:0}.editor-base:has(.editor-body.with-vscroll) .editor-toolbar-lanes{margin-right:var(--scrollbar-size)}.editor-base:has(.editor-body.with-vscroll) .editor-toolbar-shadow{right:var(--scrollbar-size)}.editor-toolbar-lanes::-webkit-scrollbar{display:none}.editor-toolbar-lanes>*{flex:none}.editor-toolbar-group{align-items:center;gap:2px;display:flex}.editor-toolbar-group.zoom{gap:4px}.editor-toolbar-separator{border-left:1px solid var(--outline-strong);height:24px}.editor-time-display{background:var(--surface-container-lowest);border-radius:var(--border-radius-m);height:28px;color:var(--surface-on);font-variant-numeric:tabular-nums;align-items:center;padding:0 12px;display:flex}.editor-zoom-slider{appearance:none;height:var(--zoom-thumb);background:linear-gradient(var(--outline), var(--outline)) var(--zoom-notch-x,-99px) center / 2px 7px no-repeat, linear-gradient(var(--outline), var(--outline)) center / calc(100% - var(--zoom-thumb)) 1px no-repeat;cursor:pointer}.editor-zoom-slider::-webkit-slider-thumb{appearance:none;width:var(--zoom-thumb);height:var(--zoom-thumb);background:var(--zoom-marker-url) center / contain no-repeat}.editor-zoom-slider::-moz-range-thumb{width:var(--zoom-thumb);height:var(--zoom-thumb);background:var(--zoom-marker-url) center / contain no-repeat;border:none}.editor-stats{display:inline-flex}.editor-stats .btn.selected{color:var(--primary)}.editor-stats-pop{z-index:3;background:var(--surface-container);border:1px solid var(--outline-strong);border-radius:var(--border-radius-m);min-width:260px;position:fixed;overflow:hidden}.editor-stats-head{color:var(--surface-on-variant);border-bottom:1px solid var(--outline-variant);padding:6px 10px}.editor-stats-row{color:var(--surface-on);justify-content:space-between;gap:10px;padding:4px 10px;display:flex}.editor-stats-num{color:var(--surface-on-variant);font-variant-numeric:tabular-nums}.editor-body{--editor-ruler-height:24px;--editor-infobar-height:24px;--scrollbar-inset:4px;--scrollbar-thumb:#ffffff38;--scrollbar-thumb-hover:#ffffff61;grid-area:2/2;grid-template-columns:var(--editor-controls-width) 1fr 0px;grid-template-rows:var(--editor-ruler-height) 1fr var(--scrollbar-size) var(--editor-infobar-height);min-height:0;display:grid;position:relative}.editor-body.with-vscroll{grid-template-columns:var(--editor-controls-width) 1fr var(--scrollbar-size)}.editor-corner{grid-area:1/1}.editor-ruler{touch-action:none;grid-area:1/2;overflow:hidden}.editor-ruler canvas{width:100%;height:100%;display:block}.editor-infobar{border-top:1px solid var(--outline-variant);color:var(--surface-on-variant);white-space:nowrap;grid-area:4/2/auto/-1;align-items:center;padding:0 10px;font-size:1.2rem;display:flex;overflow:hidden}.editor-scrollbar{position:relative}.editor-scrollbar.vertical{width:var(--scrollbar-size);grid-area:1/3/span 2}.editor-scrollbar.horizontal{height:var(--scrollbar-size);grid-area:3/2}.editor-vshadow{height:var(--editor-shadow-size);pointer-events:none;z-index:1;grid-row:2}.editor-vshadow.lanes{grid-column:2}.editor-vshadow.controls{grid-column:1}.editor-vshadow.top{background:linear-gradient(to bottom, var(--editor-shadow-ramp));align-self:start}.editor-vshadow.bottom{background:linear-gradient(to top, var(--editor-shadow-ramp));align-self:end}.editor-scrollbar-thumb{border-radius:calc(var(--scrollbar-size) / 2);background:var(--scrollbar-thumb);cursor:pointer;touch-action:none;position:absolute}.editor-scrollbar.vertical .editor-scrollbar-thumb{left:var(--scrollbar-inset);right:var(--scrollbar-inset)}.editor-scrollbar.horizontal .editor-scrollbar-thumb{top:var(--scrollbar-inset);bottom:var(--scrollbar-inset)}.editor-scrollbar-thumb:hover,.editor-scrollbar-thumb:active{background:var(--scrollbar-thumb-hover)}.editor-controls{touch-action:none;grid-area:2/1;min-height:0;overflow:hidden}.editor-lanes{touch-action:none;grid-area:2/2;min-height:0;position:relative;overflow:hidden}.editor-scroll-shadow{width:var(--editor-shadow-size);margin-top:calc(-1 * var(--editor-header-gap));background:linear-gradient(to left, var(--editor-shadow-ramp));pointer-events:none;z-index:1;grid-area:1/2/span 2;justify-self:end}.editor-scroll-shadow.left{background:linear-gradient(to right, var(--editor-shadow-ramp));justify-self:start;margin-top:0}.editor-lanes.select-tool{cursor:text}.editor-track-stack{flex-direction:column;display:flex;position:relative}.editor-inspector{width:var(--editor-inspector-width);background:var(--surface-container);border-left:1px solid var(--outline-variant);z-index:2;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}.editor-inspector-header{border-bottom:1px solid var(--outline-variant);align-items:center;gap:8px;padding:10px 16px;display:flex;position:relative}.editor-inspector-picker{border-radius:var(--border-radius-m);color:var(--surface-on-variant);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:2px 6px;transition:background-color .15s linear;display:flex}.editor-inspector-picker:hover{background:var(--overlay-faint)}.editor-inspector-picker.static{cursor:default}.editor-inspector-menu{z-index:2;overscroll-behavior:none;background:var(--surface-container);border:1px solid var(--outline-strong);border-radius:var(--border-radius-m);max-height:320px;position:absolute;top:100%;left:12px;right:12px;overflow-y:auto}.editor-inspector-menu-head{color:var(--surface-on-variant);border-bottom:1px solid var(--outline-variant);padding:6px 10px}.editor-inspector-row{width:100%;color:var(--surface-on);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;gap:16px;padding:6px 10px;display:flex}.editor-inspector-row:hover,.editor-inspector-row.on{background:var(--overlay-strong)}.editor-inspector-row-range{color:var(--surface-on-variant);font-variant-numeric:tabular-nums}.editor-inspector-body{overscroll-behavior:none;min-height:0;padding:12px 16px;overflow-y:auto}.editor-inspector-param{margin-bottom:18px}.editor-inspector-param-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.editor-inspector-param-row{align-items:center;gap:12px;display:flex}.editor-inspector-slider-wrap{flex:1;height:24px;position:relative}.editor-inspector-track{border-radius:24px;height:8px;position:absolute;top:8px;left:12px;right:12px}.editor-inspector-slider{appearance:none;background:0 0;width:100%;position:absolute;inset:0}.editor-inspector-slider:not(:disabled){cursor:pointer}.editor-inspector-slider::-webkit-slider-runnable-track{background:0 0;height:8px}.editor-inspector-slider::-webkit-slider-thumb{appearance:none;background:var(--inspector-marker-url) center / contain no-repeat;width:24px;height:24px;margin-top:-8px}.editor-inspector-slider::-moz-range-track{background:0 0;height:8px}.editor-inspector-slider::-moz-range-thumb{background:var(--inspector-marker-url) center / contain no-repeat;border:none;width:24px;height:24px}.editor-inspector-value{border:.5px solid var(--outline-strong);border-radius:var(--border-radius-m);font-variant-numeric:tabular-nums;background:#0000004d;flex:none;justify-content:space-between;align-items:center;gap:6px;width:71px;height:32px;padding:4px 8px;display:flex}.editor-inspector-steppers{color:var(--surface-on-variant);opacity:.6;flex-direction:column;font-size:10px;display:flex}.editor-inspector-steppers button{color:inherit;background:0 0;border:none;padding:0;display:flex}.editor-inspector-steppers button:not(:disabled){cursor:pointer}.editor-inspector-note{color:var(--surface-on-variant);opacity:.7}.editor-lane{position:relative;overflow:hidden}.editor-lane:before,.editor-lane:after{content:"";background:var(--outline-variant);z-index:3;pointer-events:none;height:1px;position:absolute;left:0;right:0}.editor-lane:before{top:0}.editor-lane:after{bottom:0}.haptic-clip,.spectrogram-clip{background:linear-gradient(var(--surface-container-lowest), var(--surface-container-lowest)), var(--surface);border-radius:var(--editor-clip-radius);overflow:hidden}.spectrogram-clip{margin-top:3px;position:relative}.spectrogram-canvas{pointer-events:none;height:100%;position:absolute;top:0}.spectrogram-loading{color:var(--surface-on-variant);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.editor-lane-canvas{pointer-events:none;width:100%;position:absolute;top:0;left:0}.haptic-clip-border{border-radius:var(--editor-clip-radius);box-shadow:inset 0 0 0 var(--editor-clip-border) var(--primary);pointer-events:none;position:absolute;top:0;left:0}.editor-lane.inactive .haptic-clip,.editor-lane.inactive .spectrogram-clip,.editor-lane.inactive .haptic-clip-border,.editor-lane.inactive .editor-lane-canvas{opacity:.35}.editor-region-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.editor-playhead-clip{pointer-events:none;grid-area:1/2/span 2;position:relative;overflow:hidden}.editor-playhead{width:0;position:absolute;top:0;bottom:0}.editor-playhead:before{content:"";background:var(--editor-playhead);width:1px;position:absolute;top:1px;bottom:0;left:0}.editor-playhead img{width:25px;height:24px;position:absolute;top:-6px;left:-12px}.editor-hover-line{z-index:4;pointer-events:none;background:#ffffff73;width:1px;position:absolute;top:0;left:0}.editor-hover-time{color:var(--editor-playhead);white-space:nowrap;background:#0000008c;border-radius:4px;padding:1px 4px;font-size:1rem;line-height:1.4;position:absolute;top:2px;left:4px}.editor-hover-time.flip{left:auto;right:4px}.editor-controls{--track-panel-inset:7.5px;--track-panel-square:28px;--track-panel-space-s:4px;--track-panel-space-m:8px;--track-panel-radius:12px;--track-panel-bg:var(--surface-container);--track-panel-fg:var(--surface-on-variant);--track-panel-square-bg:var(--overlay-faint);--track-panel-segments-bg:var(--surface-container-lowest);--track-panel-segment-active-bg:#9193a1;--track-mute:#e81431;--track-audio-mute:#eef1f5;--track-solo:#f0c420}.editor-controls .editor-track-stack{padding:0 var(--track-panel-inset)}.track-panel{background:var(--track-panel-bg);border-radius:8px;flex-direction:column;flex:none;display:flex}.track-panel.focused{background-image:linear-gradient(var(--overlay-faint), var(--overlay-faint))}.track-panel-spectrum{position:relative;left:3px}.track-panel-spectrum.active{color:var(--primary)}.track-panel,.track-panel button{font-size:var(--type-size-xs);line-height:var(--type-size-xs-line-height);letter-spacing:var(--type-size-xs-letter-spacing)}.track-panel-head{height:var(--track-panel-head-height);padding:var(--track-panel-space-s);flex-direction:row;flex:none;justify-content:space-between;align-items:center;display:flex}.track-panel-toggles{gap:2px;display:flex}.track-panel-square{width:var(--track-panel-square);height:var(--track-panel-square);border-radius:var(--track-panel-radius);color:var(--track-panel-fg);cursor:pointer;justify-content:center;align-items:center;display:flex}.track-panel-square.filled{background:var(--track-panel-square-bg);color:var(--surface-on);font-weight:700}.track-panel-square.muted{background:var(--track-mute);color:var(--surface-on-invert)}.track-panel-square.soloed{background:var(--track-solo);color:var(--surface-on-invert)}.track-panel-square.audio-muted{background:var(--track-audio-mute);color:var(--surface-on-invert)}.track-panel-mask-icon{background:var(--track-panel-fg);width:16px;height:16px;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.track-panel-square.audio-muted .track-panel-mask-icon{background:currentColor}.track-panel-body{height:calc(var(--track-panel-default-height) - var(--track-panel-head-height));justify-content:center;gap:var(--track-panel-space-m);padding:0 var(--track-panel-space-m);flex-direction:column;flex:none;display:flex}.track-panel-title{color:var(--track-panel-fg);font-weight:700}.track-panel-views{align-items:center;gap:var(--track-panel-space-s);display:flex}.track-panel-segments{height:var(--track-panel-square);background:var(--track-panel-segments-bg);border-radius:var(--track-panel-radius);flex:1;display:flex}.track-panel-segment{border-radius:var(--border-radius);color:var(--track-panel-fg);cursor:pointer;flex:1;justify-content:center;align-items:center;display:flex}.track-panel-segment.active{background:var(--track-panel-segment-active-bg);border-radius:var(--track-panel-radius);color:var(--surface-on);font-weight:700;box-shadow:inset 0 0 12px #ffffff4d}