: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);transition:opacity var(--hover-ms) linear;padding:1rem}.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;--overlay-hover:#ffffff0d;--hover-ms:.12s;--outline:#adb3bb;--outline-on:#cac4d0;--outline-variant:#ffffff1a;--outline-strong:#383b3e;--outline-glass:linear-gradient(156deg, #ffffff4d 0%, #fff0 27.4%, #ffffff0a 70.7%, #fff3 100%);--history-rail:#595a61;--history-lane-1:#78aa96;--history-lane-2:#c8a06e;--history-lane-3:#a08cc8;--history-lane-4:#73a0c3;--history-lane-5:#cd8c9b;--history-lane-6:#9baf73;--history-lane-7:#73b4b4;--history-lane-8:#c391b9;--history-dot-master:#7e76cc;--history-dot-track:#9193a1;--history-dot-off:#ffffff1f;--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;background:var(--outline-glass);-webkit-mask-composite:xor;pointer-events:none;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)}.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:after,.menu-item:after{content:"";border-radius:inherit;background:var(--overlay-hover);opacity:0;transition:opacity var(--hover-ms) linear;pointer-events:none;position:absolute;inset:0}.btn:hover:not(:disabled):after,.menu-item:hover:after{opacity:1}.btn:disabled:after{content:none}.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.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{--btn-icon:16px;aspect-ratio:1;width:auto;padding:0}.btn.icon img{width:var(--btn-icon);height:var(--btn-icon)}.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:1px solid var(--outline-strong);border-radius:var(--border-radius-m);flex-direction:column;width:164px;padding:8px 0;display:flex}.menu[popover]{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;--overlay-hover:#ffffff05;align-items:center;gap:8px;padding:4px 12px;display:flex;position:relative}.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-xs-bold{font-weight:700;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{font-size:var(--type-size-base);letter-spacing:var(--type-size-base-letter-spacing);line-height:var(--type-size-base-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:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-container);border:1px solid var(--outline-strong);border-radius:var(--border-radius-l);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:after{content:"";border-radius:inherit;background:var(--overlay-hover);opacity:0;transition:opacity var(--hover-ms) linear;pointer-events:none;position:absolute;inset:0}.index-nav-item:hover:after{opacity:1}.index-nav-item.off,.index-preset.off{opacity:.4;cursor:default}.index-nav-item.off:hover:after{opacity:0}.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{border-radius:50%;flex:none;width:20px;height:20px}.index-user-name{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}.index-upload-progress-bar.determinate:after{width:var(--progress);transition:width .5s;animation:none;transform:none}@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:opacity var(--hover-ms) 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{gap:var(--space-large);border:1px solid var(--outline-strong);border-radius:var(--border-radius-l);flex-direction:column;width:30rem;display:flex}.overlay-alert-actions{justify-content:flex-end;display:flex}.upload-status{align-items:center;gap:var(--space-small);min-width:0;margin-right:auto;display:flex}.upload-status-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:24ch;color:var(--surface-on-variant);overflow:hidden}.upload-status-dot{background:var(--primary);border-radius:50%;flex:none;width:5px;height:5px}.upload-status-dot.failed{background:var(--error)}.upload-status-bar{background:var(--overlay-strong);border-radius:2px;flex:none;width:54px;height:3px;position:relative;overflow:hidden}.upload-status-bar:after{content:"";border-radius:inherit;background:var(--primary);width:40%;animation:1.4s ease-in-out infinite upload-status-slide;position:absolute;inset:0 auto 0 0}@keyframes upload-status-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.upload-status-bar.determinate:after{width:var(--progress);transition:width .5s;animation:none;transform:none}@media (prefers-reduced-motion:reduce){.upload-status-bar:after{opacity:.5;width:100%;animation:none}.upload-status-bar.determinate:after{width:var(--progress);opacity:1;transition:none}}.upload-status-open,.upload-status-close{font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0}.upload-status-open{color:var(--primary);font-weight:700}.upload-status-close{color:var(--surface-on-variant);font-size:var(--type-size-base);line-height:1}.upload-status-open:hover,.upload-status-close:hover{opacity:.75}.editor-base{--editor-history-width:0px;--editor-inspector-col:0px;--editor-open-ease:cubic-bezier(.2, .7, .3, 1);--editor-lane-channel:#00000038;--editor-inspector-pad:16px;--editor-titlebar-height:36px;--editor-toolbar-height:60px;--scrollbar-size:16px;--editor-shadow-color:#00000073;--editor-panel-shadow-strength:.5;--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) minmax(0, 1fr) var(--editor-inspector-col);row-gap:var(--editor-header-gap);grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.editor-base.panels-animating{transition:grid-template-columns var(--editor-open-ms) var(--editor-open-ease)}.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-base.panels-animating:before{transition:left var(--editor-open-ms) var(--editor-open-ease)}.editor-history{grid-area:1/1/-1;width:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.editor-history-inner{width:var(--editor-history-panel);background:var(--surface-container);border-right:1px solid var(--outline-variant);visibility:hidden;transition:visibility 0s linear var(--editor-open-ms);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}.editor-base.with-history .editor-history-inner{visibility:visible;transition:none}.editor-history-header{border-bottom:1px solid var(--outline-variant);flex:none;justify-content:space-between;align-items:center;height:36px;padding:0 8px 0 12px;display:flex}.editor-history-body{flex-direction:column;flex:1;gap:4px;min-height:0;margin-top:3px;padding:0 4px 12px;display:flex;overflow-y:auto}.editor-history-jump{z-index:1;border-top:1px solid var(--outline-variant);flex:none;justify-content:center;align-items:center;gap:12px;height:32px;display:flex;position:relative}.editor-history-jump .btn{height:24px}.editor-history-list{gap:var(--history-gap);flex-direction:column;display:flex;position:relative}.editor-history-graph{z-index:0;pointer-events:none;position:absolute;top:0;left:4px;overflow:visible}.editor-history-row,.editor-history-flag,.editor-history-flag-line,.editor-history-stub,.editor-history-day,.editor-history-cap{padding-left:calc(4px + var(--editor-history-graph) + 8px);color:var(--surface-on-variant);border-radius:6px;flex:none;position:relative}.editor-history-cap,.editor-history-day{align-items:center;gap:6px;display:flex}.editor-history-cap{height:var(--history-h-cap)}.editor-history-day{height:var(--history-h-day);justify-content:center;padding-left:0}.editor-history-heading{height:var(--history-h-day);color:var(--surface-on-variant);flex:none;align-items:center;padding-left:8px;display:flex}.editor-history-row{height:var(--history-h-row);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:4px;width:100%;padding-right:48px;display:flex}.editor-history-row:disabled{cursor:default}.editor-history-row-change{max-width:100%;color:var(--surface-on);align-items:baseline;gap:4px;display:flex}.editor-history-row-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.editor-history-row-db{color:var(--surface-on-variant);flex:none;font-size:10.5px;font-weight:400}.editor-history-row-target{font-variant-numeric:tabular-nums;align-items:center;gap:6px;min-width:0;display:flex}.editor-history-row-target-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.editor-history-dots{flex:none;align-items:center;gap:2px;display:flex}.editor-history-dots i{background:var(--history-dot-off);border-radius:50%;width:6px;height:6px}.editor-history-dots i.on{background:var(--history-dot-track)}.editor-history-dots i.master{background:var(--history-dot-master)}.editor-history-time{font-variant-numeric:tabular-nums;flex:none;font-size:10.5px;display:none}.editor-history-row{padding-right:8px}.editor-history-snaps .editor-history-day{display:none}.editor-history-row .editor-history-time{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.editor-history-row.here:before,.editor-history-stub.here:before{content:"";border-left:6px solid var(--primary);border-top:4px solid #0000;border-bottom:4px solid #0000;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.editor-history-row.here{background:var(--overlay-faint)}.editor-history-row.past,.editor-history-flag.past{opacity:.38}.editor-history-row:not(:disabled):hover,.editor-history-flag:hover,.editor-history-stub:hover{background:var(--overlay-hover)}.editor-history-row.selected{background:color-mix(in srgb, var(--surface-on) 10%, transparent)}.editor-history-flag{background:color-mix(in srgb, var(--overlay-faint) 35%, transparent);align-items:center;gap:4px;height:36px;padding-right:8px;display:flex}.editor-history-flag-line{height:var(--history-h-flag);text-align:left;width:100%;color:var(--surface-on-variant);background:0 0;border:0;align-items:center;padding-right:8px;display:flex}.editor-history-flag-line.past{opacity:.38}.editor-history-flag-wrap{flex:1;min-width:0;display:flex}.editor-history-flag-main{min-width:0;height:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:0;display:flex}.editor-history-flag-main:disabled{cursor:default}.editor-history-flag-mark{color:var(--surface-on-variant);flex:none}.editor-history-flag.branch .editor-history-flag-mark{color:var(--history-lane-1)}.editor-history-flag.lit .editor-history-flag-mark{filter:drop-shadow(0 0 4px color-mix(in srgb, currentColor 90%, transparent))}.editor-history-heading.other{color:var(--history-lane-1)}.editor-history-flag-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--surface-on);flex:1;overflow:hidden}.editor-history-stub{height:var(--history-h-stub);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding-right:8px;display:flex}.editor-history-stub:hover{background:var(--overlay-faint)}.editor-history-chevron{justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.editor-history-snaps-frame{z-index:1;background:var(--surface-container);border-bottom:1px solid var(--outline-variant);max-height:30%;box-shadow:0 6px 0 var(--surface-container);flex-direction:column;flex:none;margin:-4px -4px 2px;padding-bottom:6px;display:flex;position:sticky;top:54px}.editor-history-snaps{flex-direction:column;gap:4px;min-height:0;padding:4px 4px 0;display:flex;overflow-y:auto}.editor-edge-shadow{height:var(--editor-shadow-size);pointer-events:none;z-index:1;opacity:calc(var(--edge-fade) * var(--editor-panel-shadow-strength));position:absolute;left:0;right:0}.editor-edge-shadow.top{background:linear-gradient(to bottom, var(--editor-shadow-ramp));top:0}.editor-edge-shadow.bottom{background:linear-gradient(to top, var(--editor-shadow-ramp));bottom:0}.editor-edge-shadow.top.hang{top:100%}.editor-edge-shadow.bottom.hang{top:auto;bottom:100%}.editor-history-snaps-frame>.editor-edge-shadow.bottom{bottom:6px}.editor-history-snaps-frame>.editor-edge-shadow.top.hang{top:calc(100% + 7px)}.editor-history-jump>.editor-edge-shadow.bottom.hang{bottom:calc(100% + 1px)}.editor-history-snaps .editor-history-flag{padding-left:8px}.editor-history-empty{height:36px;color:var(--surface-on-variant);border-radius:6px;align-items:center;padding:0 8px;display:flex}.editor-history-snapshot-menu{min-width:180px}.editor-history-qr{width:32px;height:32px;color:var(--surface-on-variant);letter-spacing:0;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;font-size:9px;display:flex;overflow:hidden}.editor-history-flag .editor-history-qr{width:26px;height:26px}.editor-history-qr.ready{cursor:pointer;background:#fff}.editor-history-qr.ready img{width:100%;height:100%}.editor-history-qr.pending{border:1px dashed var(--outline-variant);background:repeating-linear-gradient(135deg, var(--overlay-faint) 0 5px, transparent 5px 10px)}.editor-history-qr.failed{border:1px solid var(--primary);color:var(--primary)}.editor-history-save-wrap{z-index:1;background:var(--surface-container);margin:0 -4px;padding:4px 4px 0;display:block;position:sticky;top:0}.editor-history-save{width:calc(100% - 16px);margin:4px 8px 6px;display:flex}.editor-history-qr-large{background:#fff;border-radius:8px;width:280px;height:280px;margin:0 auto;display:block}.editor-history-qr-url{text-align:center;-webkit-user-select:text;user-select:text;word-break:break-all}.editor-history-resize{z-index:1;cursor:col-resize;touch-action:none;width:6px;position:absolute;top:0;bottom:0;right:0}.editor-history-resize:hover:after,.editor-history-resize:active:after{content:"";background:var(--primary);width:1px;position:absolute;top:0;bottom:0;right:0}.editor-header{grid-area:1/2;grid-template-columns:var(--editor-controls-width) 1fr;grid-template-rows:auto auto;display:grid}.editor-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.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:auto hidden}.editor-toolbar-shadow{width:var(--editor-shadow-size);max-width:calc(100% - var(--editor-controls-width));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-toolbar-shadow.left{right:auto;left:var(--editor-controls-width);background:linear-gradient(to right, var(--editor-shadow-ramp))}.editor-base:has(.editor-body.with-vscroll) .editor-toolbar-shadow{right:var(--scrollbar-size)}.editor-base:has(.editor-body.with-vscroll) .editor-toolbar-shadow.left{right:auto}.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;cursor:grab;width:var(--zoom-thumb);height:var(--zoom-thumb);background:var(--zoom-marker-url) center / contain no-repeat}.editor-zoom-slider::-moz-range-thumb{cursor:grab;width:var(--zoom-thumb);height:var(--zoom-thumb);background:var(--zoom-marker-url) center / contain no-repeat;border:none}.editor-zoom-field{text-align:center;width:72px;height:28px;color:var(--surface-on);background:var(--surface-container-lowest);border-radius:var(--border-radius-m);font-variant-numeric:tabular-nums;border:none;flex:none;padding:0 12px}.editor-number-field-box:focus-within{outline:1px solid var(--primary);outline-offset:-1px}.editor-number-field:focus{outline:none}.editor-inspector-resize{z-index:1;cursor:col-resize;touch-action:none;width:7px;margin-left:-3px;position:absolute;top:0;bottom:0;left:0}.editor-inspector-resize:hover:after,.editor-inspector-resize:active:after{content:"";background:var(--primary);width:1px;position:absolute;top:0;bottom:0;left:3px}.editor-inspector-section-resize{z-index:1;cursor:row-resize;touch-action:none;height:7px;margin-top:-3px;position:absolute;top:0;left:0;right:0}.editor-btn-set{box-shadow:inset 0 0 0 1px var(--outline-variant);border-radius:12px;display:flex}.editor-btn-set>.btn{border-radius:0}.editor-btn-set>.btn:first-child{border-radius:12px 0 0 12px}.editor-btn-set>.btn:last-child{border-radius:0 12px 12px 0}.editor-btn-set>.btn+.btn{box-shadow:inset 1px 0 0 var(--outline-variant)}.editor-inspector-section-resize:hover:after,.editor-inspector-section-resize:active:after{content:"";background:var(--primary);height:1px;position:absolute;top:3px;left:0;right:0}.editor-stats{display:inline-flex}.editor-stats .btn.selected{color:var(--primary)}.editor-debug-field{font-size:var(--type-size-xs);color:var(--on-surface);justify-content:space-between;align-items:center;gap:10px;padding:3px 8px;display:flex}.editor-debug-knob{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;width:78px}.editor-debug-knob:focus-visible{outline:1px solid var(--outline-strong)}.editor-debug-section{z-index:1;background:var(--surface-container);border-top:1px solid var(--outline-variant);color:var(--surface-on);padding:8px 10px 6px;position:sticky;top:0}.editor-stats-head+.editor-debug-section{border-top:0}.editor-debug-group{color:var(--surface-on-variant);font-size:var(--type-size-xs);padding:6px 8px 2px 14px}.editor-debug-item{cursor:pointer;transition:background-color var(--hover-ms) linear;align-items:center;gap:8px;padding:4px 10px 4px 16px;display:flex}.editor-debug-item:hover{background:var(--overlay-faint)}.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;max-height:calc(100dvh - var(--editor-titlebar-height) - var(--editor-toolbar-height) - var(--editor-header-gap) - var(--foot-bar-height) - 16px);overscroll-behavior:none;position:fixed;overflow:hidden auto}.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) minmax(0, 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) minmax(0, 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);font-size:var(--type-size-xs);white-space:nowrap;text-overflow:ellipsis;grid-area:4/2/auto/-1;align-items:center;padding:0 10px;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:grab;touch-action:none;transition:background-color var(--hover-ms) linear;position:absolute}.editor-scrollbar-thumb:active{cursor:grabbing}.editor-zoom-slider:active::-webkit-slider-thumb{cursor:grabbing}.editor-marker-slider:active::-webkit-slider-thumb{cursor:grabbing}.editor-player-seek:active::-webkit-slider-thumb{cursor:grabbing}.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);max-width:100%;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}.editor-lanes.select-tool{cursor:text}.editor-track-stack{flex-direction:column;display:flex;position:relative}.editor-inspector{--editor-inspector-head-row:22px;z-index:2;width:var(--editor-inspector-width);background:var(--surface-container);border-left:1px solid var(--outline-variant);flex-direction:column;grid-area:1/3/-1;min-width:0;min-height:0;display:flex;position:relative}.editor-inspector-sections{flex-direction:column;flex:1;min-height:0;display:flex}.editor-inspector-toggle{margin-left:-8px}.editor-inspector-handle{height:var(--editor-titlebar-height);z-index:3;padding:0 calc(var(--editor-inspector-pad) - 4px) 0 calc(var(--editor-inspector-pad) - 5px);border:1px solid var(--outline-strong);background:var(--surface-container);cursor:pointer;transition:background-color var(--hover-ms) linear, transform var(--editor-open-ms) var(--editor-open-ease), opacity var(--editor-open-ms) var(--editor-open-ease);border-top:none;border-right:none;border-radius:0 0 0 6px;align-items:center;display:flex;position:absolute;top:0;right:0}.editor-inspector-handle:hover{background:color-mix(in srgb, var(--surface-container) 84%, #fff 16%)}.editor-inspector-handle img,.editor-inspector-toggle.btn.icon img,.editor-history-toggle.btn.icon img{width:18px;height:18px}.editor-inspector-picker-wrap{display:contents}.editor-inspector-header{height:var(--editor-titlebar-height);padding:0 var(--editor-inspector-pad);border-bottom:1px solid var(--outline-variant);flex:none;align-items:center;gap:8px;display:flex;position:relative}.editor-inspector-picker{height:var(--editor-inspector-head-row);border-radius:var(--border-radius-m);color:var(--surface-on-variant);cursor:pointer;transition:background-color var(--hover-ms) linear;background:0 0;border:none;align-items:center;gap:4px;padding:0 6px;display:flex}.editor-inspector-picker:hover{background:var(--overlay-faint)}.editor-inspector-picker.static{cursor:default}.editor-inspector-menu{width:calc(var(--editor-inspector-width) - 16px);overscroll-behavior:none;background:var(--surface-container);border:1px solid var(--outline-strong);border-radius:var(--border-radius-m);max-height:320px;margin:0;padding:0;position:fixed;inset:auto;overflow:hidden 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;position:relative}.editor-inspector-row.on{background:var(--overlay-strong)}.editor-inspector-row:after{content:"";border-radius:inherit;background:var(--overlay-hover);opacity:0;transition:opacity var(--hover-ms) linear;pointer-events:none;position:absolute;inset:0}.editor-inspector-row:hover:after{opacity:1}.editor-inspector-row-range{color:var(--surface-on-variant);font-variant-numeric:tabular-nums}.editor-inspector-body-frame{flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.editor-inspector-body{padding:0 var(--editor-inspector-pad) 12px;overscroll-behavior:none;min-height:0;overflow:hidden auto}.editor-inspector-section-header{padding:12px var(--editor-inspector-pad) 20px;border-top:1px solid var(--outline-variant);flex:none;align-items:center;gap:8px;display:flex;position:relative}.editor-inspector-section-header.bottom,.editor-inspector-footer.bottom{margin-top:auto}.editor-inspector-header+.editor-inspector-section-header{border-top:none}.editor-inspector-section-title{min-height:var(--editor-inspector-head-row);color:var(--surface-on);align-items:center;display:flex}.editor-inspector-section-body{padding:0 var(--editor-inspector-pad) 12px;flex:none}.editor-inspector-footer{padding:8px var(--editor-inspector-pad);border-top:1px solid var(--outline-variant);gap:8px;display:flex}.editor-inspector-footer>span{flex:1 1 0;min-width:0;display:flex}.editor-inspector-footer .btn{white-space:nowrap;flex:1 1 0;gap:6px;min-width:0;padding-left:10px;padding-right:10px}.editor-preview-row{gap:12px;padding-bottom:12px}.editor-preview-foot{display:contents}.editor-preview-row.column{flex-direction:column;align-items:stretch;gap:2px}.editor-preview-row.column .editor-preview-qr{align-self:center;margin-bottom:10px}.editor-preview-row.column .editor-preview-foot{align-items:center;gap:12px;display:flex}.editor-preview-row.column .editor-preview-text{flex-direction:row;align-items:baseline;gap:8px}.editor-preview-qr{width:min(var(--preview-qr), 100%);aspect-ratio:1;color:var(--surface-on-variant);background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.editor-preview-qr.ready{cursor:pointer;background:#fff}.editor-preview-qr.ready img{width:100%;height:100%}.editor-preview-qr.pending{border:1px dashed var(--outline-variant);background:repeating-linear-gradient(135deg, var(--overlay-faint) 0 5px, transparent 5px 10px)}.editor-preview-qr.failed{border:1px solid var(--primary);color:var(--primary)}.editor-preview-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.editor-preview-row .editor-inspector-section-title{white-space:nowrap;min-width:0}.editor-preview-target,.editor-preview-state{color:var(--surface-on-variant);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.editor-preview-state:before{content:"";vertical-align:1px;background:var(--surface-on-variant);border-radius:3px;width:6px;height:6px;margin-right:6px;display:inline-block}.editor-preview-state.latest:before{background:#4bd6a6}.editor-preview-state.changed:before,.editor-preview-state.failed:before{background:var(--primary)}.editor-preview-state.none:before,.editor-preview-state.busy:before{display:none}.editor-preview-button{flex:none}.editor-player-screen{width:calc(100% + var(--editor-inspector-pad) * 2);margin-inline:calc(-1 * var(--editor-inspector-pad));aspect-ratio:16/9;height:var(--player-screen-h,auto);background:#000;display:block}.editor-player-video{object-fit:contain;width:100%;height:100%;display:block}.editor-player-screen.empty .editor-player-video{opacity:0}.editor-player-controls{align-items:center;gap:8px;margin-top:8px;display:flex}.editor-player-controls .btn.icon{--btn-icon:20px}.editor-player-seek-wrap{--seek-track-h:4px;min-width:0;height:var(--seek-thumb);flex:1;position:relative}.editor-player-track{left:0;right:0;top:calc((var(--seek-thumb) - var(--seek-track-h)) / 2);height:var(--seek-track-h);border-radius:var(--seek-track-h);position:absolute}.editor-player-seek{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;position:absolute;inset:0}.editor-player-seek::-webkit-slider-runnable-track{background:0 0;height:100%}.editor-player-seek::-webkit-slider-thumb{appearance:none;cursor:grab;width:var(--seek-thumb);height:var(--seek-thumb);background:var(--primary);border-radius:50%}.editor-player-seek::-moz-range-thumb{cursor:grab;width:var(--seek-thumb);height:var(--seek-thumb);background:var(--primary);border:none;border-radius:50%}.editor-player-time{color:var(--surface-on-variant);font-variant-numeric:tabular-nums}.editor-inspector-param{margin-bottom:18px}.editor-inspector-param-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.editor-inspector-mean{font-size:var(--type-size-xs);color:var(--surface-on-variant);border:1px solid var(--outline);border-radius:var(--border-radius);padding:1px 6px;line-height:14px}.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:0;right:0}.editor-inspector-dot{background:var(--surface-on-variant);opacity:.7;pointer-events:none;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;top:10px}.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-marker-slider::-webkit-slider-thumb{appearance:none;cursor:grab;width:var(--marker-w);background:var(--marker-url) var(--marker-x) center / 24px 24px no-repeat;height:24px;margin-top:-8px}.editor-inspector-slider::-moz-range-track{background:0 0;height:8px}.editor-marker-slider::-moz-range-thumb{cursor:grab;width:var(--marker-w);background:var(--marker-url) var(--marker-x) center / 24px 24px no-repeat;border:none;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:84px;height:32px;padding:4px 8px;display:flex}.editor-inspector-value-input{width:100%;min-width:0;color:inherit;font:inherit;font-variant-numeric:inherit;background:0 0;border:none;padding:0}.editor-inspector-value-text{letter-spacing:normal}.editor-inspector-steppers{-webkit-user-select:none;user-select:none;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-body.empty .editor-inspector-param,.editor-inspector-param.dim{opacity:.4}.editor-lane{background:var(--editor-lane-channel);position:relative;overflow:hidden}.editor-lane.master{background:var(--editor-master-lane,var(--editor-lane-channel))}.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{opacity:0;visibility:hidden;transition:opacity 0s linear var(--editor-open-ms), visibility 0s linear var(--editor-open-ms);margin-top:3px;position:relative}.editor-lane.spectrum-open .spectrogram-clip{opacity:1;visibility:visible;transition:none}.editor-lane.collapsed .spectrogram-clip{opacity:0;visibility:hidden;transition:none}.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-body-drop:10px;--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-panel-outer-radius:8px;--track-panel-tail-height:calc(var(--track-panel-square) + var(--track-panel-space-s) * 2);--track-panel-sunken-bg:transparent;--track-panel-sunken-line:#00000080;--track-panel-sunken-lip:#ffffff17;--track-panel-raised-lip:#ffffff24;--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:var(--track-panel-outer-radius);flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.track-panel.master{background:var(--editor-master-panel,var(--track-panel-bg))}.track-panel.focused{background-image:linear-gradient(var(--overlay-faint), var(--overlay-faint))}.track-panel-spectrum-area{opacity:0;transition:opacity 0s linear var(--editor-open-ms);left:0;right:0;top:var(--track-panel-split);border-top:calc(var(--track-panel-gap) - 1px) solid var(--track-panel-sunken-line);border-radius:0 0 var(--track-panel-outer-radius) var(--track-panel-outer-radius);background:var(--track-panel-sunken-bg);box-shadow:inset 0 1px 0 var(--track-panel-sunken-lip);position:absolute;bottom:0}.track-panel.spectrum-open .track-panel-spectrum-area{opacity:1;transition:opacity var(--editor-open-ms) var(--editor-open-ease)}.track-panel,.editor-lane,.haptic-clip-border{transition:height var(--editor-open-ms) var(--editor-open-ease)}.lane-resizing .track-panel,.lane-resizing .editor-lane,.lane-resizing .haptic-clip-border{transition:none}.lane-resizing{-webkit-user-select:none;user-select:none}.track-panel-tail{left:0;right:0;top:calc(var(--track-panel-split) - var(--track-panel-tail-height));height:var(--track-panel-tail-height);padding:var(--track-panel-space-s);border-radius:0 0 var(--track-panel-outer-radius) var(--track-panel-outer-radius);background:inherit;flex-direction:row;justify-content:flex-end;align-items:center;display:flex;position:absolute}.track-panel.collapsed .track-panel-tail{visibility:hidden}.track-panel-tail img{display:block}.track-panel.layout-grouped .track-panel-head{gap:6px;padding-left:8px}.track-panel-tick{background:var(--outline-variant);border-radius:2px;flex:none;width:3px;height:14px}.track-panel.focused .track-panel-tick{background:var(--primary)}.track-panel.layout-grouped .track-panel-head .track-panel-title{min-width:0;font-size:var(--type-size-sm);letter-spacing:var(--type-size-sm-letter-spacing);color:var(--surface-on);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.track-panel.layout-grouped .track-panel-body{padding:0 var(--track-panel-space-m)}.track-panel.layout-grouped .track-panel-tail{top:calc(var(--track-panel-default-height) - var(--track-panel-tail-height));justify-content:flex-start;gap:2px}.track-panel.layout-grouped .track-panel-square{font-weight:700}.track-panel.layout-grouped .track-panel-square.spectrum-on{background:var(--overlay-faint)}.track-panel.layout-grouped{--track-panel-segment-active-bg:color-mix(in srgb, var(--surface-container) 82%, #fff 18%)}.track-panel.layout-grouped .track-panel-segment.active{box-shadow:inset 0 1px 0 var(--track-panel-raised-lip)}.track-panel.layout-grouped .track-panel-views{min-width:0}.track-panel.layout-grouped .track-panel-segments{height:calc(var(--track-panel-square) + var(--track-panel-space-s))}.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,.track-panel-body{z-index:1;background:inherit;position:relative}.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;position:relative}.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) - var(--track-panel-tail-height));justify-content:center;gap:var(--track-panel-space-m);padding:calc(var(--track-panel-body-drop) * 2) var(--track-panel-space-m) 0;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{--overlay-hover:#ffffff1a;border-radius:var(--track-panel-radius);color:var(--track-panel-fg);cursor:pointer;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.track-panel-square:after,.track-panel-segment:after{content:"";border-radius:inherit;background:var(--overlay-hover);opacity:0;transition:opacity var(--hover-ms) linear;pointer-events:none;position:absolute;inset:0}.track-panel-square:hover:after,.track-panel-segment:hover:after{opacity:1}.track-panel-segment.active{background:var(--track-panel-segment-active-bg);color:var(--surface-on);font-weight:700;box-shadow:inset 0 0 12px #ffffff4d}.editor-base.with-inspector .editor-inspector-handle,.editor-base.inspector-closing .editor-inspector-handle{opacity:0;pointer-events:none;transition:none;transform:translate(8px)}.narrow-gate{z-index:2000;padding:var(--space-large);background:var(--surface);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.narrow-gate-bg{object-fit:cover;pointer-events:none;width:187%;height:auto;min-height:100%;position:absolute;top:0;left:-26%}.narrow-gate:after{content:"";pointer-events:none;opacity:.15;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='3 0 0 0 -1 3 0 0 0 -1 3 0 0 0 -1 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.narrow-gate-card{z-index:1;align-items:center;gap:var(--space-large);width:fit-content;max-width:100%;padding:var(--space-large) var(--space-middle);border-radius:var(--border-radius-m);background:var(--overlay-strong);color:var(--surface-on);text-align:center;flex-direction:column;display:flex;position:relative}.narrow-gate-logo{font-size:var(--type-size-3xl);line-height:var(--type-size-3xl-line-height);letter-spacing:var(--type-size-3xl-letter-spacing);transform:skew(-5deg)}.narrow-gate-card:before{content:"";border-radius:inherit;background:var(--outline-glass);-webkit-mask-composite:xor;pointer-events:none;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}.narrow-gate-card p{white-space:pre-line}
