@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.sh__progress{background:linear-gradient(135deg,#5b54f5 0%,#818cf8 50%,#06b6d4 100%);border-top-right-radius:8px;border-bottom-right-radius:8px;width:101vw;height:.6rem;animation:.8s cubic-bezier(.4,0,.2,1) fill;position:fixed;top:0;left:0}.sh__recorder .force-hidden{display:none!important}.sh__recorder .sh__recorder .sh__studio{background:#f8fafc}.sh__recorder .sh__wrp{background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;width:100%;max-width:74rem;margin:0 auto;padding:1.5rem 1.5rem 2rem;display:flex}.sh__recorder .sh__logo{width:auto;color:inherit;z-index:20;justify-content:center;align-items:center;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:2%;left:3%;transform:scale(.9)}@media (width>=768px){.sh__recorder .sh__logo{width:100%;left:50%;transform:translate(-50%)scale(.7)}.sh__recorder .sh__logo:hover{transform:translate(-50%)scale(.72)}}.sh__recorder .sh__logo--img img{width:100%;max-width:18vw;transform:scale(1)}@media (width>=768px){.sh__recorder .sh__logo--img img{max-width:10vw}}.sh__recorder .sh__logo--text{color:#1a2236;letter-spacing:-.03em;margin:0 0 0 .8rem;font-size:38px;font-weight:800}@media screen and (width>=768px){.sh__recorder .sh__logo--text{font-size:calc(1.38889vw + 27.3333px)}}@media screen and (width>=1920px){.sh__recorder .sh__logo--text{font-size:54px}}@media (width<=767px){.sh__recorder .sh__logo--text{display:none}}.sh__recorder .sh__logo--text span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#5b54f5 0%,#818cf8 50%,#06b6d4 100%);-webkit-background-clip:text;background-clip:text;font-weight:800}.sh__recorder .sh__logo--text sup{vertical-align:super;color:#5b54f5;opacity:.5;letter-spacing:0;font-size:.38em;font-weight:600}.sh__recorder .sh__dropdown{width:90%;display:flex;position:relative}@media (width>=768px){.sh__recorder .sh__dropdown{width:100%;max-width:135rem}}.sh__recorder .sh__dropdown--btn{color:#1a2236;cursor:pointer;z-index:12;letter-spacing:-.01em;background-color:#fff;border:1.5px solid #f1f5f9;border-radius:.625rem;outline:none;align-items:center;width:100%;margin:1.5rem 0;padding:1.15rem 1.5rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;transition:all .22s cubic-bezier(.25,.46,.45,.94);animation:.4s cubic-bezier(.25,.46,.45,.94) both fadeInUp;display:flex;position:relative;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.sh__recorder .sh__dropdown--btn:focus-visible{outline-offset:2px;border-color:#eae9ff;outline:2px solid #5b54f5}@media (width>=768px){.sh__recorder .sh__dropdown--btn{padding:1.25rem 1.8rem;font-size:14px}}@media screen and (width>=768px) and (width>=768px){.sh__recorder .sh__dropdown--btn{font-size:calc(.260417vw + 12px)}}@media screen and (width>=768px) and (width>=1920px){.sh__recorder .sh__dropdown--btn{font-size:17px}}.sh__recorder .sh__dropdown--btn:hover{background-color:#f8fafc;border-color:#eae9ff;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14,0 2px 4px #0f172a0a}.sh__recorder .sh__dropdown--btn span{color:#1a2236;margin-left:2%;margin-right:auto}.sh__recorder .sh__dropdown--btn.toggled{background-color:#fcfcff;border-color:#5b54f5;box-shadow:0 4px 12px #0f172a14,0 2px 4px #0f172a0a,0 0 0 3px #eae9ff}.sh__recorder .sh__dropdown--icon{width:100%;max-width:1.2rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sh__recorder .sh__dropdown--icon.camera{max-width:1.5rem}@media (width>=1024px){.sh__recorder .sh__dropdown--icon.camera{max-width:2rem}}.sh__recorder .sh__dropdown--icon.toggled{transform:rotate(180deg)}.sh__recorder .sh__dropdown__list{z-index:11;text-align:left;pointer-events:none;opacity:0;background-color:#fff;border-radius:.75rem;flex-direction:column;width:100%;max-height:0;margin:0;padding:0;list-style-type:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:calc(100% - 5px);overflow:hidden;transform:translateY(-10px);box-shadow:0 6px 16px #00000029}.sh__recorder .sh__dropdown__list--item{color:#64748b;cursor:pointer;background-color:#0000;align-items:center;padding:1rem 1.8rem;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}@media screen and (width>=768px){.sh__recorder .sh__dropdown__list--item{font-size:calc(.173611vw + 12.6667px)}}@media screen and (width>=1920px){.sh__recorder .sh__dropdown__list--item{font-size:16px}}.sh__recorder .sh__dropdown__list--item.active{color:#5b54f5;background-color:#edf2f7;font-weight:600}.sh__recorder .sh__dropdown__list--item.active:before{content:"";background-color:#5b54f5;width:3px;height:100%;position:absolute;top:0;left:0}.sh__recorder .sh__dropdown__list--item:hover{color:#444f5f;background-color:#eaf0f6}.sh__recorder .sh__dropdown__list--item:not(:last-child){border-bottom:1px solid #eaf0f6}.sh__recorder .sh__dropdown__list--item:focus-visible{background-color:#e3ebf3;outline:none}@media (width<=767px){.sh__recorder .sh__dropdown__list--item{padding:1.2rem 1.8rem}}.sh__recorder .sh__dropdown__list.open{opacity:1;pointer-events:all;border:1px solid #d4e1ed;max-height:300px;overflow-y:auto;transform:translateY(0)}.sh__recorder .sh__dropdown.active:after{content:"";z-index:10;background:0 0;width:100%;height:100%;position:fixed;top:0;left:0}.sh__recorder .sh__header{flex-direction:column;margin-top:2rem;animation:.6s cubic-bezier(.25,.46,.45,.94) both fadeInUp;display:flex}@media (width>=768px){.sh__recorder .sh__header{margin-top:3rem}}.sh__recorder .sh__header--title{text-align:center;letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.4;display:inline-block;position:relative;overflow:hidden}@media screen and (width>=768px){.sh__recorder .sh__header--title{font-size:calc(.694445vw + 16.6667px)}}@media screen and (width>=1920px){.sh__recorder .sh__header--title{font-size:30px}}.sh__recorder .sh__header--title span{will-change:transform;transition:transform .7s cubic-bezier(.25,.46,.45,.94);display:inline-block}.sh__recorder .sh__header--title span.red--text{color:#ff3b3b;font-weight:700}.sh__recorder .sh__header--title.recording span{transform:translateY(100%)}.sh__recorder .sh__header--title.outro span{transform:translateY(200%)}.sh__recorder .sh__header.is-recording .intro span{transform:translateY(-100%)}.sh__recorder .sh__header.is-recording .recording span{transform:translateY(0)}.sh__recorder .sh__header.is-recording .outro span{transform:translateY(100%)}.sh__recorder .sh__header.is-reviewing .intro span{transform:translateY(-200%)}.sh__recorder .sh__header.is-reviewing .recording span{transform:translateY(-100%)}.sh__recorder .sh__header.is-reviewing .outro span{transform:translateY(0)}.sh__recorder .sh__choice{flex-direction:column;align-items:center;width:100%;display:flex}.sh__recorder .sh__choice.hide{display:none}.sh__recorder .sh__choice .sh__filename-container{flex-direction:column;align-items:center;gap:.5rem;width:90%;max-width:48rem;margin-top:.5rem;margin-bottom:.8rem;animation:.4s cubic-bezier(.25,.46,.45,.94) both fadeInUp;display:none}.sh__recorder .sh__choice .sh__filename-container.visible{display:flex}.sh__recorder .sh__choice .sh__filename-container .sh__filename-label{color:#5b54f5;text-shadow:0 1px 2px #0f172a0d;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.sh__recorder .sh__choice .sh__filename-container input.sh__choice--filename{color:#1a2236;text-align:center;background-color:#fff;border:2px solid #e3ebf3;border-radius:1rem;outline:none;width:100%;padding:.8rem 1.2rem;font-size:1.2rem;font-weight:600;transition:all .25s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 12px #0f172a14,0 2px 4px #0f172a0a}.sh__recorder .sh__choice .sh__filename-container input.sh__choice--filename::placeholder{color:#64748b;opacity:.65;font-weight:400}.sh__recorder .sh__choice .sh__filename-container input.sh__choice--filename:focus{border-color:#5b54f5;transform:translateY(-1px);box-shadow:0 0 0 4px #eae9ff,0 12px 24px #0f172a1a,0 4px 8px #0f172a0a}.sh__recorder .sh__choice .sh__format-wrapper{flex-direction:column;align-items:center;gap:.6rem;width:90%;max-width:48rem;margin-bottom:.5rem;animation:.45s cubic-bezier(.25,.46,.45,.94) 50ms both fadeInUp;display:flex}.sh__recorder .sh__choice .sh__format-wrapper.force-hidden{display:none}.sh__recorder .sh__choice .sh__format-wrapper.visible{display:flex}.sh__recorder .sh__choice .sh__format-wrapper .sh__format-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:600}.sh__recorder .sh__choice .sh__format-wrapper .sh__format-picker{background:#edf2f7;border:1px solid #dce6f0;border-radius:calc(.625rem + 4px);align-items:stretch;gap:.5rem;padding:.3rem;display:flex;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.sh__recorder .sh__choice .sh__format-wrapper .sh__format-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:.625rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.55rem 1.4rem;font-family:Inter,sans-serif;transition:all .22s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative}.sh__recorder .sh__choice .sh__format-wrapper .sh__format-btn__badge{letter-spacing:-.01em;font-size:.9rem;font-weight:700;line-height:1}.sh__recorder .sh__choice .sh__format-wrapper .sh__format-btn__desc{opacity:.7;letter-spacing:.02em;font-size:.65rem;font-weight:500}.sh__recorder .sh__choice .sh__format-wrapper .sh__format-btn:hover:not(:disabled):not(.active){color:#1a2236;background:#fff;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.sh__recorder .sh__choice .sh__format-wrapper .sh__format-btn.active{color:#fff;background:#5b54f5;box-shadow:0 2px 8px #5b54f559,0 1px 3px #5b54f533}.sh__recorder .sh__choice .sh__format-wrapper .sh__format-btn.active .sh__format-btn__desc{opacity:.85}.sh__recorder .sh__choice .sh__format-wrapper .sh__format-btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.sh__recorder .sh__choice .sh__format-wrapper .sh__format-btn:disabled.active{box-shadow:none;background:#64748b}.sh__recorder .sh__choice .sh__format-wrapper .sh__format-notice{color:#f59e0b;text-align:center;align-items:center;gap:.35rem;min-height:1.1em;font-size:.78rem;font-weight:500;display:flex}.sh__recorder .sh__choice .sh__format-wrapper .sh__format-notice:empty{display:none}.sh__recorder .sh__choice .record{align-items:center;display:flex}.sh__recorder .sh__choice .record .pulse{background-color:#fff;border-radius:50%;width:.8rem;height:.8rem;margin-right:1.3rem;display:inline-block;position:relative}.sh__recorder .sh__choice .record .pulse:after{content:"";z-index:1;border-radius:inherit;background-color:#0000;width:100%;height:100%;animation:2s infinite pulse;position:absolute;top:0;left:0}.sh__recorder .sh__studio{background:#fff;border:1.5px solid #5b54f51f;border-radius:1rem;width:100%;max-width:162rem;transition:all .35s cubic-bezier(.25,.46,.45,.94);animation:.45s cubic-bezier(.25,.46,.45,.94) both fadeInUp;overflow:hidden;box-shadow:0 12px 24px #0f172a1a,0 4px 8px #0f172a0a}.sh__recorder .sh__studio.hidden{display:none}.sh__recorder .sh__studio.force-hidden{display:none!important}@media (width<=767px){.sh__recorder .sh__studio{padding:0;box-shadow:0 24px 48px #0f172a1f,0 8px 16px #0f172a0d}}.sh__recorder .sh__studio:hover{border-color:#eae9ff;box-shadow:0 24px 48px #0f172a1f,0 8px 16px #0f172a0d}.sh__recorder .sh__studio .sh__studio-toggle{cursor:pointer;text-align:left;background:linear-gradient(90deg,#f8fafc,#f3f4ff);border:none;outline:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.8rem 1.5rem;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative}.sh__recorder .sh__studio .sh__studio-toggle:hover{background:#f1f5f9}.sh__recorder .sh__studio .sh__studio-toggle:disabled,.sh__recorder .sh__studio .sh__studio-toggle[aria-disabled=true]{cursor:not-allowed;opacity:.5}.sh__recorder .sh__studio .sh__studio-toggle:disabled:hover,.sh__recorder .sh__studio .sh__studio-toggle[aria-disabled=true]:hover{background:#f8fafc}.sh__recorder .sh__studio .sh__studio-toggle__icon{background:#eae9ff;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:inline-flex}.sh__recorder .sh__studio .sh__studio-toggle__icon img{opacity:.9;width:1.5rem;height:1.5rem}.sh__recorder .sh__studio .sh__studio-toggle:hover .sh__recorder .sh__studio .sh__studio-toggle__icon{background:#8680ff;transform:scale(1.05)}.sh__recorder .sh__studio .sh__studio-toggle__label{color:#1a2236;letter-spacing:-.01em;flex:1;font-size:15px;font-weight:600}@media screen and (width>=768px){.sh__recorder .sh__studio .sh__studio-toggle__label{font-size:calc(.260417vw + 13px)}}@media screen and (width>=1920px){.sh__recorder .sh__studio .sh__studio-toggle__label{font-size:18px}}.sh__recorder .sh__studio .sh__studio-toggle__hint{color:#64748b;font-size:.8rem;font-weight:400}.sh__recorder .sh__studio .sh__studio-toggle__chevron{opacity:.6;background-image:url(chevron-down.19ff919a.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:1.25rem;height:1.25rem;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.sh__recorder .sh__studio .sh__studio-toggle[aria-expanded=true] .sh__studio-toggle__chevron{transform:rotate(180deg)}.sh__recorder .sh__studio .sh__studio-panel{opacity:0;pointer-events:none;max-height:0;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);transform:translateY(-12px)}.sh__recorder .sh__studio .sh__studio-panel__content{gap:1.5rem;padding:0 1.8rem 1.8rem;display:grid}@media (width>=768px){.sh__recorder .sh__studio .sh__studio-panel__content{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}}.sh__recorder .sh__studio[data-open=true] .sh__studio-panel{opacity:1;pointer-events:all;max-height:1600px;transform:translateY(0)}.sh__recorder .sh__studio .sh__studio-card{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:flex;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.sh__recorder .sh__studio .sh__studio-card:hover{border-color:#eae9ff;box-shadow:0 4px 12px #0f172a14,0 2px 4px #0f172a0a}.sh__recorder .sh__studio .sh__studio-card__header{flex-direction:column;gap:.3rem;display:flex}.sh__recorder .sh__studio .sh__studio-card__title{color:#1a2236;margin:0;font-size:15px;font-weight:600}@media screen and (width>=768px){.sh__recorder .sh__studio .sh__studio-card__title{font-size:calc(.260417vw + 13px)}}@media screen and (width>=1920px){.sh__recorder .sh__studio .sh__studio-card__title{font-size:18px}}.sh__recorder .sh__studio .sh__studio-card__subtitle{color:#576579;font-size:.8rem}.sh__recorder .sh__studio .sh__studio-card__hint{color:#4a5667;margin:0;font-size:.75rem}.sh__recorder .sh__studio .sh__cam-list,.sh__recorder .sh__studio .sh__mic-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.sh__recorder .sh__studio .sh__cam-list--empty,.sh__recorder .sh__studio .sh__mic-list--empty{color:#64748b;text-align:center;background:#0f172a0a;border-radius:1rem;grid-column:1/-1;margin:0;padding:1.2rem;font-size:.9rem;font-weight:500}.sh__recorder .sh__studio .sh__device-card{cursor:pointer;background:#f8fafc;border:2px solid #eaf0f6;border-radius:1rem;align-items:center;gap:1rem;padding:1.2rem;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.sh__recorder .sh__studio .sh__device-card input[type=checkbox],.sh__recorder .sh__studio .sh__device-card input[type=radio]{opacity:0;width:0;height:0;position:absolute}.sh__recorder .sh__studio .sh__device-card .sh__device-card-indicator{background:#fff;border:2px solid #7f8ea3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative}.sh__recorder .sh__studio .sh__device-card .sh__device-card-indicator:after{content:"";opacity:0;background:#5b54f5;border-radius:50%;width:.7rem;height:.7rem;transition:all .2s cubic-bezier(.25,.46,.45,.94);transform:scale(.6)}.sh__recorder .sh__studio .sh__device-card:has(input[type=checkbox]):has(input:checked) .sh__device-card-indicator{background:#5b54f5;border-color:#5b54f5;border-radius:6px}.sh__recorder .sh__studio .sh__device-card:has(input[type=checkbox]):has(input:checked) .sh__device-card-indicator:after{content:"✓";color:#fff;opacity:1;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;font-size:.85rem;font-weight:800;display:flex;transform:scale(1)}.sh__recorder .sh__studio .sh__device-card:has(input[type=radio]):has(input:checked) .sh__device-card-indicator{border-color:#5b54f5}.sh__recorder .sh__studio .sh__device-card:has(input[type=radio]):has(input:checked) .sh__device-card-indicator:after{opacity:1;transform:scale(1)}.sh__recorder .sh__studio .sh__device-card .sh__device-card-icon{flex-shrink:0;font-size:2rem}.sh__recorder .sh__studio .sh__device-card .sh__device-card-info{text-align:left;flex-direction:column;gap:.2rem;display:flex;overflow:hidden}.sh__recorder .sh__studio .sh__device-card .sh__device-card-title{color:#1a2236;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.sh__recorder .sh__studio .sh__device-card .sh__device-card-subtitle{color:#64748b;font-size:.75rem;font-weight:500}.sh__recorder .sh__studio .sh__device-card:hover{background:#fff;border-color:#8680ff;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14,0 2px 4px #0f172a0a}.sh__recorder .sh__studio .sh__device-card:has(input:checked){background:#eae9ff;border-color:#5b54f5;box-shadow:0 4px 12px #5b54f51f}.sh__recorder .sh__studio .sh__device-card:has(input:checked) .sh__device-card-title{color:#4540c0}.sh__recorder .sh__studio .sh__device-card--empty{color:#4f5b6d;background:#0f172a0f;border-radius:.75rem;margin:0;padding:.6rem 1rem;font-size:.8rem}.sh__recorder .sh__studio .sh__layouts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.sh__recorder .sh__studio .sh__layouts .layout-card{text-align:left;cursor:pointer;background:#f1f5f9;border:1px solid #dce6f0;border-radius:.75rem;flex-direction:column;gap:.45rem;padding:1.1rem 1rem;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);display:flex}.sh__recorder .sh__studio .sh__layouts .layout-card__title{color:#1a2236;font-weight:600}.sh__recorder .sh__studio .sh__layouts .layout-card__subtitle{color:#4a5667;font-size:.74rem;line-height:1.35}.sh__recorder .sh__studio .sh__layouts .layout-card.active{border-color:#5b54f5;transform:translateY(-3px);box-shadow:0 16px 32px #4838d233}.sh__recorder .sh__studio .sh__layouts .layout-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #0f172a2e}.sh__recorder .sh__studio .sh__pip-settings{flex-direction:column;gap:1.4rem;display:flex}.sh__recorder .sh__studio .sh__pip-group{flex-direction:column;gap:.75rem;display:flex}.sh__recorder .sh__studio .sh__pip-group__label{text-transform:uppercase;letter-spacing:.06em;color:#444f5f;font-size:.72rem;font-weight:700}.sh__recorder .sh__studio .sh__pip-group--corners{flex-direction:row;justify-content:space-between;align-items:center}.sh__recorder .sh__studio .sh__pip-shapes,.sh__recorder .sh__studio .sh__pip-positions{flex-wrap:wrap;gap:.75rem;display:flex}.sh__recorder .sh__studio .pip-shape,.sh__recorder .sh__studio .pip-position{color:#1a2236;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:.75rem;min-width:3.5rem;padding:.6rem .9rem;font-size:.78rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #0f172a14}.sh__recorder .sh__studio .pip-shape span,.sh__recorder .sh__studio .pip-position span{justify-content:center;align-items:center;width:100%;display:inline-flex}.sh__recorder .sh__studio .pip-shape img,.sh__recorder .sh__studio .pip-position img{width:1.35rem;height:1.35rem;display:block}.sh__recorder .sh__studio .pip-shape:hover,.sh__recorder .sh__studio .pip-shape:focus-visible,.sh__recorder .sh__studio .pip-position:hover,.sh__recorder .sh__studio .pip-position:focus-visible{border-color:#5b54f5;outline:none;box-shadow:0 14px 28px #4838d229}.sh__recorder .sh__studio .pip-shape.active,.sh__recorder .sh__studio .pip-shape[aria-pressed=true],.sh__recorder .sh__studio .pip-position.active,.sh__recorder .sh__studio .pip-position[aria-pressed=true]{color:#5b54f5;background:#4838d226;border-color:#5b54f5;box-shadow:0 16px 32px #4838d238}.sh__recorder .sh__studio .sh__pip-corners input{accent-color:#5b54f5;width:1.25rem;height:1.25rem}.sh__recorder .sh__studio .sh__pip-corners input:disabled{opacity:.4}.sh__recorder .sh__studio .sh__pip-preview{aspect-ratio:16/9;background:linear-gradient(135deg,#0f172a14,#0f172a24);border:1px solid #0f172a14;border-radius:.75rem;justify-content:center;align-items:center;width:100%;max-width:320px;margin-bottom:1rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #94a3b814}.sh__recorder .sh__studio .sh__pip-preview__screen{background:linear-gradient(135deg,#4f46e52e,#3b82f61f);border-radius:.6375rem;width:92%;height:82%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a14}.sh__recorder .sh__studio .sh__pip-preview__pip{aspect-ratio:1;background:#0f172a47;border:2px solid #ffffffa6;border-radius:50%;width:30%;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:10%;right:8%}.sh__recorder .sh__studio .sh__pip-preview__pip:before{content:"";border-radius:inherit;background:linear-gradient(160deg,#ffffffd9,#94a3b873);position:absolute;inset:6%}.sh__recorder .sh__studio .sh__pip-preview.is-rectangle .sh__pip-preview__pip{aspect-ratio:4/3;border-radius:.4875rem;width:28%}.sh__recorder .sh__studio .sh__pip-preview.is-square .sh__pip-preview__pip{aspect-ratio:1;border-radius:.75rem;width:22%}.sh__recorder .sh__studio .sh__pip-preview.no-rounded .sh__pip-preview__pip,.sh__recorder .sh__studio .sh__pip-preview.is-square.no-rounded .sh__pip-preview__pip,.sh__recorder .sh__studio .sh__pip-preview.is-rectangle.no-rounded .sh__pip-preview__pip{border-radius:0}.sh__recorder .sh__studio .sh__pip-preview.position-top-left .sh__pip-preview__pip{inset:10% auto auto 8%}.sh__recorder .sh__studio .sh__pip-preview.position-top-right .sh__pip-preview__pip{inset:10% 8% auto auto}.sh__recorder .sh__studio .sh__pip-preview.position-bottom-left .sh__pip-preview__pip{bottom:10%;left:8%;right:auto}.sh__recorder .sh__studio .sh__camera-preview-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.sh__recorder .sh__studio .sh__camera-preview-legend{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.sh__recorder .sh__studio .sh__camera-preview-legend+.sh__recorder .sh__studio .sh__camera-preview-grid{margin-top:0}.sh__recorder .sh__studio .sh__camera-preview-card{cursor:pointer;background:#f1f5f9;border-radius:.75rem;justify-content:stretch;align-items:stretch;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 34px #0f172a33}.sh__recorder .sh__studio .sh__camera-preview-card[data-pip-shape=circle] video{border-radius:50%}.sh__recorder .sh__studio .sh__camera-preview-card[data-pip-shape=square][data-pip-rounded=rounded] video{border-radius:1rem}.sh__recorder .sh__studio .sh__camera-preview-card[data-pip-shape=square][data-pip-rounded=flat] video{border-radius:.6rem}.sh__recorder .sh__studio .sh__camera-preview-card[data-pip-shape=rectangle][data-pip-rounded=rounded] video{border-radius:1.25rem}.sh__recorder .sh__studio .sh__camera-preview-card[data-pip-shape=rectangle][data-pip-rounded=flat] video{border-radius:.4rem}.sh__recorder .sh__studio .sh__camera-preview-card[data-pip-rounded=flat][data-pip-shape=circle] video{border-radius:50%}.sh__recorder .sh__studio .sh__camera-preview-card.is-primary:not(.is-active){border:2px solid #aeabfa;box-shadow:0 20px 38px #4838d22e}.sh__recorder .sh__studio .sh__camera-preview-card.is-active{transform:translateY(-6px);box-shadow:0 26px 48px #4838d23d}.sh__recorder .sh__studio .sh__camera-preview-card video{object-fit:cover;width:100%;height:140px;display:block}.sh__recorder .sh__studio .sh__camera-preview-card:hover{transform:translateY(-6px);box-shadow:0 24px 42px #0f172a3d}.sh__recorder .sh__studio .sh__camera-preview__badge{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#0f172abf;border-radius:999px;padding:.25rem .75rem;font-size:.65rem;font-weight:600;position:absolute;top:.75rem;left:.75rem}.sh__recorder .sh__studio .sh__camera-preview__badge.active{background:#5b54f5}.sh__recorder .sh__studio .sh__camera-preview__badge.primary{background:#0f172a9e;border:1px solid #ffffff3d}.sh__recorder .sh__studio .sh__legend-chip{letter-spacing:.02em;color:#1a2236;background:#eaf0f6;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.sh__recorder .sh__studio .sh__legend-chip:before{content:"";background:#1a2236;border-radius:50%;width:.55rem;height:.55rem}.sh__recorder .sh__studio .sh__legend-chip--active{color:#5b54f5;background:#4838d21f}.sh__recorder .sh__studio .sh__legend-chip--active:before{background:#5b54f5}.sh__recorder .sh__studio .sh__legend-chip--primary{color:#0f172acc;background:#0f172a1f}.sh__recorder .sh__studio .sh__legend-chip--primary:before{background:#0f172acc}.sh__recorder .sh__studio .sh__legend-chip--preview{background:#94a3b833}.sh__recorder .sh__studio .sh__legend-chip--preview:before{background:#94a3b88c}.sh__recorder .sh__studio .sh__studio-card__hint--preview{margin-top:.35rem}.sh__recorder .sh__studio .sh__toggle{cursor:pointer;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;display:inline-flex;position:relative}.sh__recorder .sh__studio .sh__toggle[data-state=needs-secondary],.sh__recorder .sh__studio .sh__toggle[data-state=no-camera],.sh__recorder .sh__studio .sh__toggle[data-state=camera-required]{padding-bottom:1.5rem}.sh__recorder .sh__studio .sh__toggle:after{content:"";color:#536073;width:100%;font-size:.7rem;line-height:1.3;position:absolute;top:calc(100% + .25rem);left:0}.sh__recorder .sh__studio .sh__toggle[data-state=needs-secondary]:after{content:"Seleziona due webcam per attivare il cambio automatico"}.sh__recorder .sh__studio .sh__toggle[data-state=no-camera]:after{content:"Collega una webcam per usare il cambio automatico"}.sh__recorder .sh__studio .sh__toggle[data-state=camera-required]:after{content:"Passa alla modalità che include la webcam"}.sh__recorder .sh__studio .sh__toggle.is-disabled{opacity:.45;pointer-events:none}.sh__recorder .sh__studio .sh__toggle input{display:none}.sh__recorder .sh__studio .sh__toggle input:checked~.sh__toggle--slider{background:#5b54f5}.sh__recorder .sh__studio .sh__toggle input:checked~.sh__toggle--slider:after{transform:translate(22px)}.sh__recorder .sh__studio .sh__toggle--slider{background:#d4e1ed;border-radius:999px;width:48px;height:26px;transition:background .2s cubic-bezier(.4,0,.2,1);position:relative}.sh__recorder .sh__studio .sh__toggle--slider:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 6px 12px #0f172a1f}.sh__recorder .sh__studio .sh__toggle--label{color:#1a2236;font-weight:600}.sh__recorder .sh__studio .sh__autoswitch-panel{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.sh__recorder .sh__studio .sh__autoswitch-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.sh__recorder .sh__studio .sh__autoswitch-field{background:#e6edf4;border:1px solid #0f172a0d;border-radius:.75rem;align-items:center;gap:.65rem;padding:.8rem;display:flex}.sh__recorder .sh__studio .sh__autoswitch-field label{color:#1a2236;flex:1;font-size:.78rem;font-weight:600}.sh__recorder .sh__studio .sh__autoswitch-field input{text-align:center;color:#1a2236;background:#fff;border:1px solid #0f172a1f;border-radius:.75rem;width:4.2rem;padding:.35rem .4rem;font-weight:600}.sh__recorder .sh__studio .sh__autoswitch-field input:disabled{opacity:.6}.sh__recorder .sh__studio .sh__autoswitch-unit{color:#0f172a8c;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:600}.sh__recorder .sh__studio .sh__autoswitch-note{color:#4f5b6d;margin:0;font-size:.72rem;line-height:1.4}.sh__recorder .sh__studio .sh__studio-hint{color:#536073;margin:0;padding:.65rem 0;font-size:.8rem}.sh__recorder .sh__btn{color:#fff;text-align:center;white-space:nowrap;cursor:pointer;opacity:0;pointer-events:none;letter-spacing:-.01em;background:linear-gradient(135deg,#5b54f5 0%,#818cf8 50%,#06b6d4 100%) 0 0/200%;border:none;border-radius:.625rem;min-width:200px;padding:1rem 2.8rem;font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);transform:translateY(1rem);box-shadow:0 8px 24px #5b54f540,0 2px 8px #5b54f526}@media screen and (width>=768px){.sh__recorder .sh__btn{font-size:calc(.173611vw + 12.6667px)}}@media screen and (width>=1920px){.sh__recorder .sh__btn{font-size:16px}}.sh__recorder .sh__btn.force-hidden{display:none!important}.sh__recorder .sh__btn.visible{pointer-events:all;opacity:1;transform:translateY(0)}.sh__recorder .sh__btn:hover{background-position:100%;transform:translateY(-2px)scale(1.02);box-shadow:0 12px 32px #5b54f566}.sh__recorder .sh__btn:active{transform:scale(.97)}.sh__recorder .sh__btn--wrp{justify-content:center;align-items:center;gap:2rem;width:100%;margin-top:2rem;display:flex}.sh__recorder .sh__video{height:100%;max-height:45vh}.sh__recorder .sh__video--wrp{width:40%;position:relative}@media (width>=1024px){.sh__recorder .sh__video--wrp{max-width:56rem}}.sh__recorder .sh__video--wrp .sh__video{background-color:#f1f5f9;border-radius:.75rem;display:none;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 15px 50px -15px #0000001f}.sh__recorder .sh__video--wrp .sh__video.visible{display:block}.sh__recorder .sh__video--wrp .sh__video--sheet{background:linear-gradient(#0000,#0000004d);border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem;width:100%;height:10%;position:absolute;bottom:0;left:0}.sh__recorder .sh__video--wrp .sh__video--btn{width:2rem;height:2rem;min-width:unset;background-color:red;background-image:url(stop.b8f6209e.svg);border:3px solid #fff;border-radius:50%;padding:2.5rem;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3%;left:60%;transform:translate(-50%)scale(.9);box-shadow:0 0 12px 2px #0000004d}.sh__recorder .sh__video--wrp .sh__video--btn:hover{transform:translate(-50%)scale(.8)}.sh__recorder .sh__video--wrp .sh__video--btn:hover .sh__video--btn-icon{transform:translate(-50%,-50%)scale(.8)}.sh__recorder .sh__video--wrp .sh__video--btn-icon{width:90%;height:90%;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sh__recorder .sh__video--wrp .sh__video--btn1{width:2rem;height:2rem;min-width:unset;background:#20c920 50%/cover no-repeat;border:3px solid #fff;border-radius:50%;padding:2.5rem;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3%;left:40%;transform:translate(-50%)scale(.9);box-shadow:0 0 12px 2px #0000004d}.sh__recorder .sh__video--wrp .sh__video--btn1.pause{background-color:#20c920;background-image:url(pause.2763f678.svg)}.sh__recorder .sh__video--wrp .sh__video--btn1.resume{background-color:#20c920;background-image:url(resume.d5910f8d.svg)}.sh__recorder .sh__video--wrp .sh__video--btn1:hover{transform:translate(-50%)scale(.8)}.sh__recorder .sh__video--wrp .sh__download{display:none}.sh__recorder .sh__recording-info{background:#1a2236;border-radius:1rem;flex-direction:column;gap:.85rem;width:100%;max-width:38rem;margin-bottom:1.5rem;padding:1.4rem 2rem;animation:.4s cubic-bezier(.25,.46,.45,.94) both fadeInUp;display:none;box-shadow:0 8px 28px #1a223638}.sh__recorder .sh__recording-info.visible{display:flex}.sh__recorder .sh__recording-timer,.sh__recorder .sh__recording-switch{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sh__recorder .sh__recording-timer__label,.sh__recorder .sh__recording-switch__label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;font-size:.82rem;font-weight:600}.sh__recorder .sh__recording-timer__value,.sh__recorder .sh__recording-switch__value{color:#ff3b3b;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 0 12px #ff3b3b73;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:1.45rem;font-weight:700}.sh__recorder .sh__recording-switch{display:none}.sh__recorder .sh__recording-switch .sh__recording-switch__label{color:#ffffff80}.sh__recorder .sh__recording-switch .sh__recording-switch__value{color:#f59e0b;text-shadow:0 0 12px #f59e0b66}.sh__recorder .sh__recording-controls{flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1.5rem;display:none}.sh__recorder .sh__recording-controls.visible{animation:.35s cubic-bezier(.25,.46,.45,.94) both fadeInUp;display:flex}.sh__recorder .sh__recording-controls button{color:#1a2236;cursor:pointer;white-space:nowrap;letter-spacing:-.01em;background:#fff;border:1.5px solid #1a223626;border-radius:.625rem;justify-content:center;align-items:center;gap:.55rem;padding:.9rem 2.2rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:flex;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.sh__recorder .sh__recording-controls button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14,0 2px 4px #0f172a0a}.sh__recorder .sh__recording-controls button:active{transform:translateY(0)scale(.97)}.sh__recorder .sh__recording-controls button#stop{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 4px 16px #ef44444d}.sh__recorder .sh__recording-controls button#stop:hover{background:#ed2d2d;box-shadow:0 8px 24px #ef444466}.sh__recorder .sh__recording-controls button#pauseAndResume.pause{color:#fff;background:#f59e0b;border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b4d}.sh__recorder .sh__recording-controls button#pauseAndResume.pause:hover{background:#dd8e09;box-shadow:0 8px 24px #f59e0b66}.sh__recorder .sh__recording-controls button#pauseAndResume.resume{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 4px 16px #10b9814d}.sh__recorder .sh__recording-controls button#pauseAndResume.resume:hover{background:#0ea271;box-shadow:0 8px 24px #10b98166}.sh__recorder .sh__review-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:2rem;display:none}.sh__recorder .sh__review-controls.visible{animation:.4s cubic-bezier(.25,.46,.45,.94) both fadeInUp;display:flex}.sh__recorder .sh__review-controls a,.sh__recorder .sh__review-controls button{cursor:pointer;white-space:nowrap;letter-spacing:-.01em;border:0;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:flex}.sh__recorder .sh__review-controls a:hover,.sh__recorder .sh__review-controls button:hover{transform:translateY(-3px)}.sh__recorder .sh__review-controls a:active,.sh__recorder .sh__review-controls button:active{transform:translateY(0)scale(.97)}.sh__recorder .sh__review-controls img{filter:brightness(0)invert();max-width:1.25rem}.sh__recorder .sh__review-controls span{font-weight:600}.sh__recorder .sh__review-controls #download{color:#fff;background:linear-gradient(135deg,#10b981 0%,#10b949 100%);box-shadow:0 4px 18px #10b98159}.sh__recorder .sh__review-controls #download:hover{box-shadow:0 8px 28px #10b98173}.sh__recorder .sh__review-controls #discard:hover{color:#1a2236;background:#f1f5f9;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.sh__recorder .sh__recovery-card{text-align:center;background:#fff;border:1.5px solid #f59e0b59;border-top:4px solid #f59e0b;border-radius:1rem;flex-direction:column;align-items:center;gap:1.25rem;width:90%;max-width:40rem;margin:1.5rem auto;padding:2.5rem 2.5rem 2rem;animation:.45s cubic-bezier(.25,.46,.45,.94) both fadeInUp;display:flex;box-shadow:0 24px 48px #0f172a1f,0 8px 16px #0f172a0d,0 0 0 6px #f59e0b0f}.sh__recorder .sh__recovery-card.force-hidden{display:none!important}.sh__recorder .sh__recovery-card__icon{font-size:2.8rem;line-height:1;animation:3s ease-in-out infinite floatY}.sh__recorder .sh__recovery-card__body{flex-direction:column;gap:.6rem;display:flex}.sh__recorder .sh__recovery-card__title{color:#1a2236;letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:700}.sh__recorder .sh__recovery-card__subtitle{color:#64748b;max-width:30rem;margin:0;font-size:.9rem;line-height:1.6}.sh__recorder .sh__recovery-card__buttons{justify-content:center;gap:.85rem;width:100%;margin-top:.75rem;display:flex}.sh__recorder .sh__recovery-card__buttons button{cursor:pointer;letter-spacing:-.01em;border:0;border-radius:.625rem;padding:.75rem 1.75rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .22s cubic-bezier(.25,.46,.45,.94)}.sh__recorder .sh__recovery-card__buttons .recover-btn{color:#fff;background:linear-gradient(135deg,#5b54f5 0%,#818cf8 50%,#06b6d4 100%) 0 0/200%;box-shadow:0 8px 24px #5b54f540,0 2px 8px #5b54f526}.sh__recorder .sh__recovery-card__buttons .recover-btn:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 8px 24px #5b54f566}.sh__recorder .sh__recovery-card__buttons .recover-btn:active{transform:translateY(0)scale(.97)}.sh__recorder .sh__recovery-card__buttons .discard-btn{color:#64748b;background:#f8fafc;border:1.5px solid #1a22361f}.sh__recorder .sh__recovery-card__buttons .discard-btn:hover{color:#1a2236;background:#f1f5f9;transform:translateY(-1px)}.sh__recorder .sh__recovery-card__buttons .discard-btn:active{transform:translateY(0)}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sh__recorder .sh__wrp{gap:1.25rem;width:100%;max-width:74rem;padding:2rem 1.5rem 3rem}.sh__recorder .sh__logo{justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;display:inline-flex;position:static;transform:none}.sh__recorder .sh__logo:hover{transform:none}.sh__recorder .sh__logo--img img{max-width:4rem;height:auto;display:block}.sh__recorder .sh__logo--text{letter-spacing:-.02em;color:#1a2236;align-items:center;gap:.35rem;font-size:2.2rem;font-weight:900;display:inline-flex}.sh__recorder .sh__logo--text span{color:#5b54f5;background:0 0;background-clip:initial;-webkit-background-clip:initial;-webkit-text-fill-color:#5b54f5;font-weight:900}.sh__recorder .sh__logo--text sup{display:none}.sh__recorder .sh__header{margin-top:0}.sh__recorder .sh__choice{gap:1rem;width:100%;max-width:74rem}.sh__recorder .sh__dropdown{width:100%;max-width:74rem}.sh__recorder .sh__dropdown--btn{min-height:4.25rem;margin:.25rem 0;font-size:1.05rem;font-weight:700}.sh__recorder .sh__choice .sh__filename-container,.sh__recorder .sh__choice .sh__format-wrapper{width:100%;max-width:74rem;margin:0}.sh__recorder .sh__choice .sh__filename-container .sh__filename-label{color:#1a2236;text-shadow:none;font-size:.9rem}.sh__recorder .sh__choice .sh__filename-container input.sh__choice--filename{font-size:1rem;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.sh__recorder .sh__studio{border-color:#0f172a14;width:100%;max-width:74rem;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.sh__recorder .sh__studio:hover{box-shadow:0 4px 12px #0f172a14,0 2px 4px #0f172a0a}.sh__recorder .sh__studio .sh__studio-toggle{background:#fff;min-height:3.75rem}.sh__recorder .sh__studio .sh__studio-toggle__hint{color:#5b54f5;font-weight:600}.sh__recorder .sh__studio .sh__studio-panel__content{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:0 1.5rem 1.5rem;display:grid}@media (width<=767px){.sh__recorder .sh__studio .sh__studio-panel__content{grid-template-columns:1fr}}.sh__recorder .sh__studio#microphoneStudio .sh__studio-panel__content{grid-template-columns:1fr}.sh__recorder .sh__studio[data-multi-webcam=true] .sh__studio-panel__content{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1023px){.sh__recorder .sh__studio[data-multi-webcam=true] .sh__studio-panel__content{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr))}}@media (width<=767px){.sh__recorder .sh__studio[data-multi-webcam=true] .sh__studio-panel__content{grid-template-columns:1fr}}.sh__recorder .sh__studio .sh__studio-card{box-shadow:none;border-radius:1rem;flex-direction:column;gap:1.2rem;padding:1.5rem;display:flex}.sh__recorder .sh__studio .sh__cam-list{grid-template-columns:1fr;gap:.65rem}.sh__recorder .sh__studio .sh__mic-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}@media (width<=639px){.sh__recorder .sh__studio .sh__mic-list{grid-template-columns:1fr}}.sh__recorder .sh__studio .sh__device-card{box-shadow:none;border-width:1.5px;padding:.85rem 1rem}.sh__recorder .sh__studio .sh__studio-card--layouts,.sh__recorder .sh__studio .sh__studio-card--autoswitch{background:#fbfbff;border-color:#5b54f52e}.sh__recorder .sh__studio .sh__studio-card--layouts .sh__studio-card__header,.sh__recorder .sh__studio .sh__studio-card--autoswitch .sh__studio-card__header{gap:.25rem}.sh__recorder .sh__studio .sh__pip-settings{gap:1rem}.sh__recorder .sh__studio .sh__pip-group{gap:.55rem}.sh__recorder .sh__studio .sh__pip-group__label{color:#1a2236;letter-spacing:.03em;font-size:.78rem;font-weight:800}.sh__recorder .sh__studio .sh__pip-shapes,.sh__recorder .sh__studio .sh__pip-positions{gap:.55rem;display:grid}.sh__recorder .sh__studio .sh__pip-shapes{grid-template-columns:repeat(2,minmax(0,1fr))}.sh__recorder .sh__studio .sh__pip-positions{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=767px){.sh__recorder .sh__studio .sh__pip-positions{grid-template-columns:repeat(2,minmax(0,1fr))}}.sh__recorder .sh__studio .pip-shape,.sh__recorder .sh__studio .pip-position{min-height:2.8rem;box-shadow:none;cursor:pointer;background:#fff;border:1.5px solid #0f172a1f;border-radius:.65rem}.sh__recorder .sh__studio .pip-shape[aria-pressed=true],.sh__recorder .sh__studio .pip-position[aria-pressed=true]{color:#4540c0;background:#eae9ff;border-color:#5b54f5;font-weight:800}.sh__recorder .sh__studio .sh__pip-corners{color:#1a2236;align-items:center;gap:.55rem;font-weight:700;display:inline-flex}.sh__recorder .sh__studio .sh__pip-preview{align-self:center;width:100%;max-width:26rem;margin-top:.25rem}.sh__recorder .sh__studio .sh__studio-card--autoswitch .sh__toggle{background:#fff;border:1px solid #0f172a14;border-radius:.75rem;padding:.6rem .85rem}.sh__recorder .sh__studio .sh__studio-card--autoswitch .sh__autoswitch-panel{flex-direction:column;gap:.85rem;display:flex}.sh__recorder .sh__studio .sh__studio-card--autoswitch .sh__autoswitch-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.6rem;display:grid}.sh__recorder .sh__studio .sh__studio-card--autoswitch .sh__autoswitch-field{background:#fff;border:1.5px solid #0f172a14;border-radius:.65rem;flex-direction:column;gap:.35rem;padding:.65rem .75rem;display:flex}.sh__recorder .sh__studio .sh__studio-card--autoswitch .sh__autoswitch-field label{color:#1a2236;white-space:nowrap;font-size:.72rem;font-weight:700}.sh__recorder .sh__studio .sh__studio-card--autoswitch .sh__autoswitch-field .sh__autoswitch-input-group{align-items:center;gap:.35rem;display:flex}.sh__recorder .sh__studio .sh__studio-card--autoswitch .sh__autoswitch-field .sh__autoswitch-input-group input{text-align:center;color:#1a2236;background:#f8fafc;border:1px solid #0f172a26;border-radius:.45rem;width:100%;min-width:0;padding:.35rem .4rem;font-size:.95rem;font-weight:700}.sh__recorder .sh__studio .sh__studio-card--autoswitch .sh__autoswitch-field .sh__autoswitch-input-group input:focus{background:#fff;border-color:#5b54f5;outline:none}.sh__recorder .sh__studio .sh__studio-card--autoswitch .sh__autoswitch-field .sh__autoswitch-input-group .sh__autoswitch-unit{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:700}.sh__recorder .sh__studio .sh__studio-card--autoswitch .sh__autoswitch-note{color:#1a2236;background:#5b54f50f;border:1px solid #5b54f51f;border-radius:.6rem;margin:0;padding:.65rem .85rem;font-size:.74rem;line-height:1.4}.sh__recorder .sh__studio .sh__studio-card--autoswitch .sh__autoswitch-shortcuts{background:#fff;border:1px solid #0f172a14;border-radius:.65rem;flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.sh__recorder .sh__studio .sh__studio-card--autoswitch .sh__autoswitch-shortcuts .sh__shortcut-item{color:#1a2236;justify-content:space-between;align-items:center;gap:.5rem;font-size:.74rem;font-weight:600;display:flex}.sh__recorder .sh__studio .sh__studio-card--autoswitch .sh__autoswitch-shortcuts .sh__shortcut-item kbd{color:#4540c0;letter-spacing:.02em;background:#eef2ff;border:1px solid #5b54f533;border-radius:.35rem;align-items:center;padding:.18rem .45rem;font-family:inherit;font-size:.68rem;font-weight:800;display:inline-flex}.sh__recorder .sh__btn.record{min-width:min(100%,24rem);min-height:4rem;margin-top:.6rem;font-size:1.05rem;font-weight:800}.sh__recorder .sh__recording-info{background:#111827;border-radius:.75rem;order:1;width:min(100%,74rem);max-width:74rem;margin:0;padding:.85rem 1.1rem;box-shadow:0 4px 12px #0f172a14,0 2px 4px #0f172a0a}.sh__recorder .sh__recording-timer,.sh__recorder .sh__recording-switch{gap:1rem}.sh__recorder .sh__recording-timer__label,.sh__recorder .sh__recording-switch__label{color:#ffffffb8;letter-spacing:.04em;font-size:.76rem}.sh__recorder .sh__recording-timer__value,.sh__recorder .sh__recording-switch__value{color:#ff4d4d;text-shadow:none;font-size:1.15rem}.sh__recorder .sh__video--wrp{aspect-ratio:16/9;order:2;justify-content:center;align-items:center;width:min(100%,74rem);max-width:74rem;margin-top:.35rem;display:flex}.sh__recorder .sh__video--wrp .sh__video{object-fit:contain;background:#0f172a;border-radius:.75rem;width:100%;height:100%;max-height:none;box-shadow:0 12px 24px #0f172a1a,0 4px 8px #0f172a0a}.sh__recorder .sh__recording-controls,.sh__recorder .sh__review-controls{order:3;gap:.75rem;width:min(100%,74rem);max-width:74rem;margin-top:.85rem}.sh__recorder .sh__recording-controls button,.sh__recorder .sh__review-controls a,.sh__recorder .sh__review-controls button{min-width:0;min-height:3.25rem;box-shadow:none;border-radius:.65rem;flex:12rem;padding:.85rem 1rem;font-size:.95rem;font-weight:800}.sh__recorder .sh__recording-controls button:hover,.sh__recorder .sh__review-controls a:hover,.sh__recorder .sh__review-controls button:hover{transform:translateY(-1px)}.sh__recorder .sh__recording-controls #pauseAndResume.pause{background:#f59e0b;border-color:#f59e0b}.sh__recorder .sh__recording-controls #pauseAndResume.resume,.sh__recorder .sh__review-controls #download{color:#fff;background:#16a34a;border-color:#16a34a}.sh__recorder .sh__recording-controls #stop{background:#dc2626;border-color:#dc2626}.sh__recorder .sh__review-controls{align-items:stretch}.sh__recorder .sh__review-heading{text-align:center;flex-direction:column;flex:1 0 100%;gap:.15rem;padding:0 0 .3rem;display:flex}.sh__recorder .sh__review-heading__eyebrow{color:#16a34a;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:800}.sh__recorder .sh__review-heading__title{color:#1a2236;font-size:1.05rem;font-weight:800}.sh__recorder .sh__review-controls #discard{color:#1a2236;background:#fff;border:1.5px solid #0f172a24}.sh__recorder .sh__review-controls img{max-width:1rem}@keyframes toast-in{0%{opacity:0;transform:translate(110%)scale(.95)}20%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)scale(1)}30%{opacity:1;transform:translate(0)scale(.98)}to{opacity:0;transform:translate(110%)scale(.95)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}#toast{visibility:hidden;z-index:1000;opacity:0;will-change:transform,opacity;background-color:#fff;border-left:4px solid #5b54f5;border-radius:.75rem;align-items:center;min-width:280px;max-width:380px;padding:0;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;transform:translate(110%)scale(.95);box-shadow:0 8px 20px #00000026}@media (width<=767px){#toast{width:auto;min-width:85%;max-width:90%;bottom:16px;left:auto;right:16px}}#toast.success{border-left-color:#10b981}#toast.error{border-left-color:#ef4444}#toast.warning{border-left-color:#f59e0b}#toast #img{object-fit:contain;box-sizing:border-box;background-color:#0000;width:48px;height:48px;padding:12px}#toast #desc{color:#1a2236;text-overflow:ellipsis;white-space:normal;flex-grow:1;max-height:80px;padding:14px 16px;font-size:.95rem;font-weight:500;line-height:1.4;overflow:hidden}#toast .toast-close{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:8px;padding:0;transition:all .2s;display:flex}#toast .toast-close:hover{opacity:1;background-color:#eaf0f6}#toast .toast-close:focus-visible{outline-offset:2px;outline:2px solid #5b54f5}#toast .toast-close:before,#toast .toast-close:after{content:"";background-color:#64748b;width:16px;height:2px;position:absolute}#toast .toast-close:before{transform:rotate(45deg)}#toast .toast-close:after{transform:rotate(-45deg)}#toast .toast-progress{transform-origin:0;background-color:#5b54f5b3;width:100%;height:3px;position:absolute;bottom:0;left:0;transform:scaleX(1)}#toast.active{visibility:visible;opacity:1;transition:transform .4s cubic-bezier(.21,1.02,.73,1),opacity .4s cubic-bezier(.21,1.02,.73,1),visibility;transform:translate(0)scale(1)}#toast.active .toast-progress{animation:3.5s cubic-bezier(.1,.05,.15,.99) forwards progress}#toast.closing{visibility:visible;opacity:0;transition:transform .5s cubic-bezier(.06,.71,.55,1),opacity .5s cubic-bezier(.06,.71,.55,1),visibility 0s .5s;transform:translate(110%)scale(.95)}#toast+#toast{animation-delay:.15s;bottom:108px}@media (width<=767px){#toast+#toast{bottom:100px}}#toast+#toast+#toast{animation-delay:.3s;bottom:192px}@media (width<=767px){#toast+#toast+#toast{bottom:184px}}#toast:hover .toast-progress{animation-play-state:paused}.sh__footer{-webkit-backdrop-filter:blur(12px);background:#f7f8fcd9;border-top:1px solid #5b54f514;width:100vw;height:auto;padding:.6rem .5rem;position:fixed;bottom:0;left:0}.sh__footer-wrp{max-width:95%;margin:0 auto}.sh__footer--text{text-align:center;color:#64748bd9;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex}@media screen and (width>=768px){.sh__footer--text{font-size:calc(.173611vw + 9.66667px)}}@media screen and (width>=1920px){.sh__footer--text{font-size:13px}}.sh__footer--user{color:inherit;cursor:pointer;align-items:center;display:flex}.sh__footer--user:hover span{opacity:.7}.sh__footer--user span{color:inherit;font-weight:600;text-decoration:underline;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.sh__footer--user-icon img{border-radius:50%;max-width:1.5rem;margin-left:.3rem;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.sh__footer--love-icon img{max-width:1rem}.sh__footer--love-icon:hover{animation:1s infinite pump}.sh__github-btn{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:14%;justify-content:center;align-items:center;width:80px;height:40px;padding:.2rem;text-decoration:none;display:inline-flex;position:absolute;top:2.4rem;right:5.5rem;overflow:hidden}.sh__github-btn:before{content:"";background-image:url(github-mark.5b233045.svg);background-size:cover;width:20px;height:20px;margin-right:.5rem;display:inline-block}.sh__btn{letter-spacing:-.01em;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:.625rem;outline:none;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative;overflow:hidden}.sh__btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sh__btn:focus-visible{outline-offset:2px;outline:2px solid #5b54f5}.sh__btn.record{color:#fff;background:#5b54f5;padding:1.25rem 2.5rem;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 12px #0f172a14,0 2px 4px #0f172a0a,0 0 #625df500}.sh__btn.record:hover:not(:disabled){background:#4540c0;transform:translateY(-1px);box-shadow:0 12px 24px #0f172a1a,0 4px 8px #0f172a0a,0 0 0 8px #625df51a}.sh__btn.record:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #0f172a14,0 2px 4px #0f172a0a}.sh__btn.record.visible{animation:.4s cubic-bezier(.25,.46,.45,.94) forwards fadeInScale}@media (width<=767px){.sh__btn.record{padding:1.15rem 2rem;font-size:.95rem}}.sh__btn.sh__video--btn,.sh__btn.sh__video--btn1{color:#1a2236;visibility:hidden;opacity:0;background:#fff;border:1.5px solid #f1f5f9;padding:.95rem 1.75rem;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:scale(.95);box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.sh__btn.sh__video--btn.visible,.sh__btn.sh__video--btn1.visible{visibility:visible;opacity:1;transform:scale(1)}.sh__btn.sh__video--btn:hover:not(:disabled),.sh__btn.sh__video--btn1:hover:not(:disabled){background:#f8fafc;border-color:#eae9ff;transform:translateY(-1px)scale(1);box-shadow:0 4px 12px #0f172a14,0 2px 4px #0f172a0a}.sh__btn.sh__video--btn.pause,.sh__btn.sh__video--btn.resume,.sh__btn.sh__video--btn1.pause,.sh__btn.sh__video--btn1.resume{color:#fff;background:#5b54f5;border-color:#5b54f5}.sh__btn.sh__video--btn.pause:hover:not(:disabled),.sh__btn.sh__video--btn.resume:hover:not(:disabled),.sh__btn.sh__video--btn1.pause:hover:not(:disabled),.sh__btn.sh__video--btn1.resume:hover:not(:disabled){background:#4540c0;border-color:#4540c0}.sh__btn.sh__download-btn{color:#fff;visibility:hidden;opacity:0;background:#10b981;padding:1.15rem 2.25rem;font-weight:600;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:scale(.95);box-shadow:0 4px 12px #0f172a14,0 2px 4px #0f172a0a}.sh__btn.sh__download-btn.visible{visibility:visible;opacity:1;animation:.6s cubic-bezier(.25,.46,.45,.94) successPulse;transform:scale(1)}.sh__btn.sh__download-btn:hover:not(:disabled){background:#0ea271;transform:translateY(-1px)scale(1);box-shadow:0 12px 24px #0f172a1a,0 4px 8px #0f172a0a,0 0 0 8px #10b9811a}.sh__btn.sh__download-btn--icon{width:1.25rem;height:1.25rem}.sh__btn.sh__download-btn--text{font-size:14px}@media screen and (width>=768px){.sh__btn.sh__download-btn--text{font-size:calc(.173611vw + 12.6667px)}}@media screen and (width>=1920px){.sh__btn.sh__download-btn--text{font-size:16px}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes fill{0%{width:0}to{width:100vw}}@keyframes pulse{0%{box-shadow:inset 0 0 1px 1px #fffc}50%{box-shadow:inset 0 0 1px 1px #fffc}to{transform:scale(2.6);box-shadow:inset 0 0 1px 1px #fff0}}@keyframes pump{10%{transform:scale(1.3)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes recordingBlink{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:Inter,sans-serif;font-size:16px;overflow-x:hidden}body{-webkit-user-select:none;user-select:none;color:#1a2236;text-rendering:optimizeLegibility;background-color:#f7f8fc;background-image:radial-gradient(80% 60% at 20% 0,#5b54f512 0%,#0000 60%),radial-gradient(60% 40% at 90% 10%,#06b6d40d 0%,#0000 50%),radial-gradient(50% 50% at 50% 100%,#a78bfa0f 0%,#0000 70%);flex-direction:column;justify-content:center;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-x:hidden}.sh{width:100vw;height:100%;min-height:100vh;position:relative;overflow:hidden}.sh__wrp{background:0 0}
/*# sourceMappingURL=screenREC.14dfbe75.css.map */