*,:before,:after,::placeholder{opacity:1;box-sizing:border-box;font:inherit;color:inherit;background:0 0;border:none;outline:none;margin:0;padding:0;line-height:1.5;text-decoration:none}::-moz-focus-outer{border:none}::-moz-focus-inner{border:none}.z-button{cursor:pointer;outline-offset:3px;color:var(--z-button-text);background:var(--z-button-fill);border-radius:6px;outline:2px solid #0000;padding:6px 24px;font-weight:500;transition:outline-color .1s}.z-button:hover:not(:active){filter:brightness(1.15)}.z-button:focus-visible{outline-color:var(--z-focus)}.z-button[aria-busy=true]{color:#0000;position:relative}.z-button[aria-busy=true]:before{content:"";border:3px solid #0000;border-top-color:var(--z-button-text);border-radius:50%;width:24px;height:24px;animation:.5s linear infinite z-spin;display:block;position:absolute;inset:calc(50% - 12px)}.z-button--icon{width:36px;height:36px;padding:6px}.z-button--icon>svg{border-radius:3px;width:24px;height:24px;overflow:hidden}.z-button--primary{--z-button-text:var(--z-button-primary-text);--z-button-fill:var(--z-button-primary-fill)}.z-button--secondary{--z-button-text:var(--z-button-secondary-text);--z-button-fill:var(--z-button-secondary-fill)}.z-button--tertiary{--z-button-text:var(--z-button-tertiary-text);--z-button-fill:var(--z-button-tertiary-fill)}.z-card{background:var(--z-foreground);border:1px solid var(--z-border);border-radius:12px;padding:24px}.z-checkbox{display:flex}.z-checkbox input{appearance:none;border:2px solid var(--z-input-border);outline-offset:3px;cursor:pointer;border-radius:6px;outline:2px solid #0000;width:24px;height:24px;transition:border-color .1s,outline-color .1s}.z-checkbox input:after{content:"";transform-origin:100% 100%;border-bottom:3px solid #0000;border-right:3px solid #0000;width:9px;height:15px;margin-top:2px;margin-left:-1px;transition:border-color .1s;display:block;transform:rotate(45deg)}.z-checkbox input:checked{border-color:var(--z-input-active-border)}.z-checkbox input:checked:after{border-color:var(--z-input-active-fill)}.z-checkbox input:focus-visible{outline-color:var(--z-focus)}.z-checkbox label{cursor:pointer;padding:0 12px}.z-checkbox:hover:not(:active) input{filter:brightness(1.15)}.z-checkbox input[aria-invalid=true]{border-color:var(--z-input-error-border)}.z-checkbox input[aria-invalid=true]:checked:after{border-color:var(--z-input-error-fill)}.z-column{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.z-dialog{background:var(--z-foreground);border:1px solid var(--z-border);border-radius:12px;max-height:calc(100% - 48px);margin:24px auto;padding:24px;transition:transform .1s;transform:scale(0)}.z-dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:0 0;transition:opacity .1s}.z-dialog--open{transform:scale(1)}.z-dialog--open::backdrop{opacity:1}.z-error{gap:6px;display:flex}.z-error:before{content:"";background:var(--z-input-error-fill);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin:6px 0}.z-error-placeholder{height:24px}.z-field{flex-direction:column;gap:6px;display:flex}.z-field label{font-weight:500}.z-fieldset{flex-direction:column;gap:6px;display:flex}.z-fieldset legend{padding-bottom:6px;font-weight:500}nav,main,dialog{outline-offset:-2px;outline:2px solid #0000;transition:outline-color .1s}nav:focus-visible,main:focus-visible,dialog:focus-visible{outline-color:var(--z-focus)}.z-header{background:var(--z-foreground);justify-content:space-between;align-items:center;display:flex}.z-header--app{outline-offset:-2px;border-radius:6px;outline:2px solid #0000;align-items:center;gap:12px;padding:12px;transition:outline-color .1s;display:flex}.z-header--app>svg{border-radius:6px;width:36px;height:36px;overflow:hidden}.z-header--app>span{font-size:24px;font-weight:500}.z-header--app:focus-visible{outline-color:var(--z-focus)}.z-header--buttons{gap:12px;padding:12px;display:flex}.z-h1{font-size:32px}.z-h2{font-size:24px}.z-h3{font-size:20px;font-weight:500}.z-link{color:var(--z-link);outline-offset:3px;border-radius:3px;outline:2px solid #0000;font-weight:500;transition:outline-color .1s}.z-link:hover{text-decoration:underline;text-decoration-thickness:2px}.z-link:focus-visible{outline-color:var(--z-focus)}.z-message{background:var(--background);border:2px solid var(--border);border-radius:6px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.z-message--icon{width:24px;height:24px;color:var(--border);flex-shrink:0}.z-message--error{--background:var(--z-message-error-background);--border:var(--z-message-error-border)}.z-message--warning{--background:var(--z-message-warning-background);--border:var(--z-message-warning-border)}.z-message--info{--background:var(--z-message-info-background);--border:var(--z-message-info-border)}.z-message--success{--background:var(--z-message-success-background);--border:var(--z-message-success-border)}.z-nav{background:var(--z-foreground);min-width:200px;color:var(--z-text-fluent);padding-bottom:12px;font-weight:500}.z-nav--heading{padding:24px 24px 12px}.z-nav--link{outline-offset:-2px;border-radius:6px;outline:2px solid #0000;align-items:center;gap:12px;padding:12px 24px 12px 0;transition:outline-color .1s;display:flex}.z-nav--link>svg{border-radius:3px;width:20px;height:20px;overflow:hidden}.z-nav--link:before{content:"";background:0 0;border-top-right-radius:3px;border-bottom-right-radius:3px;width:3px;height:24px;margin-right:9px}.z-nav--link:hover,.z-nav--link-active{color:var(--z-text-body)}.z-nav--link-active.z-nav--link:before{background:currentColor}.z-nav--link:focus-visible{outline-color:var(--z-focus)}.z-page{background:var(--z-background);width:100vw;height:100vh;color:var(--z-text-body);font-feature-settings:"calt" 0;font-family:Inter,sans-serif;font-size:16px;font-weight:400}.z-page>*{overflow:auto}.z-page--layout-3{grid-template:"header header header""nav main aside"1fr/auto 1fr auto;display:grid}.z-page--layout-3>header{border-bottom:1px solid var(--z-border);grid-area:header}.z-page--layout-3>nav{border-right:1px solid var(--z-border);grid-area:nav}.z-page--layout-3>main{grid-area:main}.z-page--layout-3>aside{border-left:1px solid var(--z-border);grid-area:aside}.z-radiobutton{display:flex}.z-radiobutton input{appearance:none;border:2px solid var(--z-input-border);outline-offset:3px;cursor:pointer;border-radius:50%;outline:2px solid #0000;width:24px;height:24px;transition:border-color .1s,outline-color .1s}.z-radiobutton input:after{content:"";border-radius:50%;width:12px;height:12px;margin:4px;transition:background-color .1s;display:block}.z-radiobutton input:checked{border-color:var(--z-input-active-border)}.z-radiobutton input:checked:after{background:var(--z-input-active-fill)}.z-radiobutton input:focus-visible{outline-color:var(--z-focus)}.z-radiobutton label{cursor:pointer;padding:0 12px}.z-radiobutton:hover:not(:active) input{filter:brightness(1.15)}.z-radiobutton input[aria-invalid=true]{border-color:var(--z-input-error-border)}.z-radiobutton input[aria-invalid=true]:checked:after{background:var(--z-input-error-fill)}.z-row{flex-direction:row;align-items:flex-start;gap:16px;display:flex}*{scrollbar-color:var(--z-border) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--z-border)}::-webkit-scrollbar-track{background-color:#0000}.z-select{border:2px solid var(--z-input-border);outline-offset:3px;cursor:pointer;border-radius:6px;outline:2px solid #0000;width:100%;height:36px;padding:4px 10px;transition:border-color .1s,outline-color .1s;display:block}.z-select option{background:var(--z-foreground)}.z-select:focus-visible{border-color:var(--z-input-active-border)}.z-select:hover{filter:brightness(1.15)}.z-select[aria-invalid=true]{border-color:var(--z-input-error-border)}.z-select[aria-invalid=true]:focus-visible{outline-color:var(--z-focus)}.z-spinner{border:3px solid #0000;border-top-color:var(--z-text-fluent);border-radius:50%;width:24px;height:24px;animation:.5s linear infinite z-spin}.z-spinner--large{width:36px;height:36px}@keyframes z-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.z-textbox{border:2px solid var(--z-input-border);outline-offset:3px;border-radius:6px;outline:2px solid #0000;width:100%;height:36px;padding:4px 10px;transition:border-color .1s,outline-color .1s;display:block}.z-textbox:focus-visible{border-color:var(--z-input-active-border)}.z-textbox:hover{filter:brightness(1.15)}.z-textbox[aria-invalid=true]{border-color:var(--z-input-error-border)}.z-textbox[aria-invalid=true]:focus-visible{outline-color:var(--z-focus)}.z-theme--light{--z-background:#eee;--z-foreground:#fff;--z-border:#ddd;--z-text-body:#2e2e2e;--z-text-fluent:#6e6e6e;--z-link:#5252ff;--z-focus:#5252ff;--z-button-primary-fill:#55f;--z-button-primary-text:#fff;--z-button-secondary-fill:#889;--z-button-secondary-text:#fff;--z-button-tertiary-fill:transparent;--z-button-tertiary-text:#2e2e2e;--z-input-border:#a1a1a1;--z-input-active-border:#7d7dff;--z-input-active-fill:#5252ff;--z-input-error-border:#ff5252;--z-input-error-fill:#cf1b1b;--z-message-error-border:#db3a32;--z-message-error-background:#db3a3220;--z-message-warning-border:#c47f2c;--z-message-warning-background:#c47f2c20;--z-message-info-border:#3276db;--z-message-info-background:#3276db20;--z-message-success-border:#21a341;--z-message-success-background:#21a34120}.z-theme--dark{--z-background:#12131a;--z-foreground:#1c1c25;--z-border:#2c2c35;--z-text-body:#e6e6e6;--z-text-fluent:#b4b4b4;--z-link:#7882ff;--z-focus:#7882ff;--z-button-primary-fill:#3040b0;--z-button-primary-text:#e6e6e6;--z-button-secondary-fill:#303448;--z-button-secondary-text:#e6e6e6;--z-button-tertiary-fill:transparent;--z-button-tertiary-text:#e6e6e6;--z-input-border:#79798a;--z-input-active-border:#6068ff;--z-input-active-fill:#7882ff;--z-input-error-border:#db3a32;--z-input-error-fill:#ff483f;--z-message-error-border:#db3a32;--z-message-error-background:#db3a3220;--z-message-warning-border:#c47f2c;--z-message-warning-background:#c47f2c20;--z-message-info-border:#3276db;--z-message-info-background:#3276db20;--z-message-success-border:#21a341;--z-message-success-background:#21a34120}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2)format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2)format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2)format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2)format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2)format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2)format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2)format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.ambiance-link{cursor:pointer;outline-offset:3px;border:2px solid var(--z-border);border-radius:6px;outline:2px solid #0000;align-items:center;gap:12px;width:100%;padding:6px 12px;font-weight:500;transition:outline-color .1s;display:flex}.ambiance-link:hover{filter:brightness(1.15)}.ambiance-link:focus-visible{outline-color:var(--z-focus)}.ambiance-link--name{flex-grow:1}.ambiance-link--visuals,.ambiance-link--sounds{gap:12px;display:flex}:is(.ambiance-link--visuals,.ambiance-link--sounds) svg{width:24px;height:24px}.storage-usage-gage{padding:6px}.visual-group,.sound-group{width:100%;position:relative}.visual-group--header,.sound-group--header{background:var(--z-foreground);border:1px solid var(--z-border);border-radius:6px;display:flex}.visual-group--name,.sound-group--name{flex:1;padding:6px 0 6px 12px;font-weight:500}.visual-group--actions,.sound-group--actions{opacity:.5;transition:opacity .1s}.visual-group--header:hover .visual-group--actions,.sound-group--header:hover .sound-group--actions{opacity:1}.visual-group--header:has(:focus-visible) .visual-group--actions{opacity:1}.sound-group--header:has(:focus-visible) .sound-group--actions{opacity:1}.visual-group--body{flex-wrap:wrap;gap:12px;margin:12px 0 24px;display:flex}.visual-group--body .visual--button,.visual-group--body .create-visual-button{width:240px;height:135px}.sound-group--body{flex-flow:column wrap;gap:12px;margin:12px 0 24px;display:flex}.visual{border-radius:6px;position:relative}.visual--active .visual--button{border-color:#808096}.visual--button{position:relative}.visual--image{border-radius:6px;position:absolute;inset:0}.visual--name{text-align:center;text-shadow:1px 0 1px #000,-1px 0 1px #000,0 1px 1px #000,0 -1px 1px #000,1px 1px 1px #000,-1px -1px 1px #000,-1px 1px 1px #000,1px -1px 1px #000;font-weight:500;position:absolute;bottom:6px;left:0;right:0}.visual--overlay{opacity:0;pointer-events:none;justify-content:space-between;transition:opacity .1s;display:flex;position:absolute;top:6px;left:6px;right:6px}.visual--overlay>*{pointer-events:auto}.visual:hover .visual--overlay{opacity:1}.visual:has(:focus-visible) .visual--overlay{opacity:1}.visual--overlay svg{filter:drop-shadow(0 0 1px #000)drop-shadow(0 0 2px #000)}.sound{border-radius:6px;position:relative}.sound--active .sound--button{border-color:#808096}.sound--button{text-align:left}.sound--duration{padding:6px 12px;position:absolute;top:2px;right:2px}.sound--overlay{opacity:0;background:var(--z-background);pointer-events:none;border-radius:6px;transition:opacity .1s;position:absolute;top:2px;right:2px}.sound--overlay>*{pointer-events:auto}.sound:hover .sound--overlay{opacity:1}.sound:has(:focus-visible) .sound--overlay{opacity:1}.create-visual-group-button,.create-sound-group-button,.create-visual-button,.create-sound-button{cursor:pointer;outline-offset:3px;border:2px dashed var(--z-border);color:var(--z-border);border-radius:6px;outline:2px solid #0000;width:100%;padding:6px 24px;font-weight:500;transition:outline-color .1s}.create-visual-group-button:hover:not(:active),.create-sound-group-button:hover:not(:active),.create-visual-button:hover:not(:active),.create-sound-button:hover:not(:active){filter:brightness(1.15)}.create-visual-group-button:focus-visible,.create-sound-group-button:focus-visible,.create-visual-button:focus-visible,.create-sound-button:focus-visible{outline-color:var(--z-focus)}.visual--button,.sound--button{cursor:pointer;outline-offset:3px;border:2px solid var(--z-border);border-radius:6px;outline:2px solid #0000;width:100%;padding:6px 12px;font-weight:500;transition:outline-color .1s}.visual--button:hover:not(:active),.sound--button:hover:not(:active){filter:brightness(1.15)}.visual--button:focus-visible,.sound--button:focus-visible{outline-color:var(--z-focus)}.player-container{position:relative}.visual-player{background-color:#000;position:absolute;inset:0}.visual-player>*{background-color:#000;animation-name:fade-in;animation-duration:1s;position:absolute;inset:0}.volume-indicator{position:absolute}@keyframes fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}.volume-indicator{font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:16px;font-size:24px;font-weight:500;transition:opacity .1s;display:flex}.volume-indicator.hidden{opacity:0}.volume-indicator--icon{width:24px;height:24px}