.faq-question{border-bottom:2px solid var(--text2)}.faq-question-header.flex{justify-content:space-between;width:100%;padding:2rem 0}.faq-answer{white-space:pre-wrap;color:var(--text2)}.laptop-mockup{position:relative;z-index:0;-webkit-user-select:none;user-select:none;display:grid;justify-items:center;max-height:100%;max-width:100%;width:max-content;margin-left:auto;margin-right:auto}.laptop-mockup img{grid-row:1;grid-column:1}.laptop-mockup-daw{margin-top:2%;max-width:calc(100% * var(--dawRatio));z-index:-1;filter:brightness(.8)}.laptop-mockup-image{margin-top:9%;max-width:calc(100% * var(--scale));border-radius:var(--radius-small);box-shadow:var(--box-shadow)}.youtube-embed{display:block;width:100%;height:auto;aspect-ratio:16/9;position:relative;border-radius:var(--radius)}.youtube-embed iframe{width:100%;height:100%}.youtube-embed .icon{top:50%;left:50%;height:2rem;width:2rem;transform:translate(-50%,-50%);position:absolute}.youtube-embed .icon.youtube{height:4rem;width:4rem}.youtube-embed .icon.youtube:after{background:var(--yt)}.sgpt-mobile-splash-img{margin:auto}.page._plugin .splash h1{--h1-size:4rem}.page._synthgpt .splash .fill-image{object-position:bottom}.sgpt-header-icon{height:4rem;width:6.75rem}.sgpt-key{flex:1 1;border-radius:var(--radius-small);padding:.5rem 0;aspect-ratio:.5;gap:.2rem;align-items:center;font-size:.6rem;text-transform:uppercase}.sgpt-key._pressed,.sgpt-synth:not(._disabled) .sgpt-key:hover{cursor:pointer;opacity:.5}.sgpt-key._black{background-color:var(--background3);justify-content:flex-end}.sgpt-key._white{background-color:var(--grey);justify-content:flex-start}.key-half-gap{flex:0.5 1}@media (max-width:700px){.sgpt-key-label._keyboard{display:none}}.sgpt-synth{gap:2px;-webkit-user-select:none;user-select:none}.sgpt-synth._disabled{opacity:.3;cursor:not-allowed}.sgpt-key-row{flex:1 1;flex-direction:row;gap:2px;align-items:stretch}.gpt-voice-recording-time{font-size:.9rem;color:var(--text2);width:2rem!important;flex-shrink:0}.gpt-voice-recording{padding:0 1.2rem}.gpt-voice-recording-vis{height:60px;display:block}.gpt-input{padding:var(--prompt-padding);padding-bottom:calc(var(--prompt-padding) / 2);width:100%;display:block}.gpt-prompt._disabled .gpt-input *{opacity:.5}.gpt-prompt:not(._disabled) .gpt-input-label{cursor:text}.gpt-input textarea{border:0;color:unset;-webkit-border-radius:0;background:none;display:block;resize:none;font-size:.9rem;width:100%;min-height:21px}.gpt-input textarea:focus{outline:unset}.gpt-ideas{font-size:.7rem;margin-left:auto;margin-right:auto;min-height:94px;max-width:800px}.gpt-ideas .flex.wrap{transition:height 2s}.gpt-idea{padding:.1rem .3rem;border-radius:var(--radius-small);transition:filter .2s;white-space:nowrap;overflow:hidden;color:#fff}.gpt-idea:not(:disabled):hover{filter:brightness(.7)}.gpt-ideas-button.flex{gap:.4rem}.gpt-ideas-button .icon{height:.7rem;width:.7rem}.fade-in{opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.8s}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.gpt-suggestions.block{position:absolute;top:100%;left:1.2rem;right:1.2rem;padding:1rem 0;margin-top:.5rem;z-index:1;box-shadow:var(--box-shadow)}.gpt-suggestion{color:var(--text2);padding:1rem 1.2rem;font-size:.8rem;width:100%;transition:background-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.gpt-suggestion:hover{background-color:var(--opaqueHover)}.prompt-preview{font-size:.7rem}button.prompt-preview-button{font-size:.7rem;overflow:hidden;padding:.2rem .4rem;border-radius:var(--radius-small);transition:opacity .3s,background-color .3s;will-change:opacity;background-color:var(--background3)}button.prompt-preview-button:not(:disabled):hover{opacity:.5}.prompt-preview-button-value{min-width:5ch;text-align:center}.drawer-wrapper.flex{position:fixed;inset:0;align-items:stretch;gap:0;z-index:20}.drawer-mask{background-color:var(--opaque);will-change:opacity,backdrop-filter;animation:mask-fade .5s;height:100%}@keyframes mask-fade{0%{opacity:0}to{opacity:1}}.drawer{height:100%;background-color:var(--background)}.drawer>.scroll{padding:2rem}.prompt-select-button{background-color:var(--background2);border-radius:var(--radius-small);padding:.3rem .6rem;will-change:opacity}.prompt-select-button:not(:disabled):hover{opacity:.5}.prompt-select-button.active{outline:3px solid var(--text)}.knob.vertical-flex{gap:.5rem}.knob-canvas{width:var(--knob-size);height:var(--knob-size);cursor:pointer;transition:opacity .2s;will-change:opacity}.knob-canvas:hover,.knob._dragging .knob-canvas{opacity:.75}.prompt-controls.vertical-flex{gap:3rem;min-width:441px}.prompt-control.vertical-flex{gap:2rem}.prompt-control-auto-button{padding:.6rem;background-color:var(--background3);border-radius:var(--radius);opacity:var(--opacity);will-change:opacity;transition:background-color .3s,opacity .3s}.prompt-control:not(._auto) .prompt-control-auto-button{opacity:.5}.prompt-control-auto-button:hover{background-color:var(--opaqueHover)}.prompt-control-input{transition:opacity .3s;will-change:opacity}.prompt-control._auto .prompt-control-input{opacity:.5}.prompt-options{width:441px;transition:opacity .2s;will-change:opacity}.prompt-options._disabled{opacity:.8;pointer-events:none;cursor:wait!important}.prompt-options-preview-wrapper{position:sticky;bottom:0;left:0;transform:translate(-2rem,2rem);width:calc(100% + 4rem);background-color:var(--opaque2);border-radius:var(--radius)}.prompt-options-preview{padding:1rem}.gpt-prompt{--prompt-padding:1.2rem;position:relative;max-width:800px;width:100%;margin-left:auto;margin-right:auto;background-color:var(--background2);border:1px solid var(--background3);border-radius:1rem;transition:background-color .2s;align-items:stretch}.gpt-prompt._hover:not(._disabled){background-color:var(--opaqueHover)}.gpt-prompt-lower{padding:var(--prompt-padding);padding-top:unset}.gpt-prompt-button{padding:.4rem;border-radius:1rem;background:var(--text);transition:opacity .2s;will-change:opacity}.gpt-prompt-button .icon:after{background-color:var(--background)!important}.gpt-prompt-button:not(:disabled):hover{opacity:.5}.sgpt-preview{flex:1 1;align-self:stretch;cursor:pointer;max-width:100%;padding:1.5rem}.sgpt-preview.active{outline:4px solid var(--accent)}.sgpt-preview .grow{overflow:hidden}.sgpt-preview-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sgpt-preview-date{white-space:nowrap}.sgpt-preview:hover{background-color:var(--opaqueHover)}.sgpt-preview-metadata{text-wrap:nowrap}