@font-face{font-family:Aeonik;src:url(../../../font/aeonik-bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:AeonikMediumItalic;src:url(../../../font/aeonik-mediumitalic.woff)format("woff");font-weight:500;font-style:italic;font-display:swap}html,body{background-color:#1d1c21;width:100vw;height:100vh;margin:0;padding:0;font-family:Aeonik,sans-serif;overflow:hidden}.screen.svelte-1uha8ag{box-sizing:border-box;color:#fff;flex-direction:row;gap:30px;width:100%;height:100%;padding:20px;display:flex}.main-content.svelte-1uha8ag{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:15px;min-width:0;height:100%;display:flex}.top-bar.svelte-1uha8ag{box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:30px;padding:0 10px;display:flex}.logo-title.svelte-1uha8ag{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo.svelte-1uha8ag{object-fit:contain;width:auto;height:24px}.file-info.svelte-1uha8ag{justify-content:flex-end;align-items:center;gap:10px;max-width:60%;display:flex}.file-name.svelte-1uha8ag{color:#ccc;text-align:right;word-break:break-word;font-size:.9rem;font-weight:500}.center-box.svelte-1uha8ag{flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.controls.svelte-1uha8ag{justify-content:space-between;align-items:center;width:100%;display:flex}.right-actions.svelte-1uha8ag{gap:10px;display:flex}.menu.svelte-1uha8ag{box-sizing:border-box;color:#fff;flex-direction:column;width:320px;min-width:280px;height:100%;display:flex;overflow-y:auto}.menu.svelte-1uha8ag .content:where(.svelte-1uha8ag){flex-direction:column;gap:12px;margin-top:10px;display:flex}.menu-card.svelte-1uha8ag{background:#3a3c45;border-radius:10px;flex-direction:column;gap:10px;padding:12px 15px;animation:.4s ease-out forwards svelte-1uha8ag-slideFromRight;display:flex;box-shadow:0 2px 8px #00000026}.canvas-wrapper.svelte-1uha8ag{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex;position:relative}.canvas-wrapper canvas{object-fit:contain;max-width:100%!important;max-height:100%!important}.recording-overlay.svelte-1uha8ag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;color:#fff;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;font-family:sans-serif;display:flex;position:absolute;inset:0}.overlay-title.svelte-1uha8ag{margin:0 0 5px;font-size:1.2rem;font-weight:700}.overlay-subtitle.svelte-1uha8ag{opacity:.7;margin:0;font-size:.9rem}.drop-zone.svelte-1uha8ag{box-sizing:border-box;cursor:pointer;border:2px dashed #ccc;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:500px;height:60px;transition:background-color .2s,border-color .2s;display:flex}.drop-zone.svelte-1uha8ag:hover{background-color:#23168a1a;border-color:#4c36f5}.btn_action.svelte-1uha8ag,.btn_second.svelte-1uha8ag{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .15s,background-color .2s,box-shadow .2s,border-color .2s;display:flex}.btn_action.svelte-1uha8ag{color:#fff;background-color:#7b6cf0;border:2px solid #4c36f5}.btn_action.svelte-1uha8ag:hover{background-color:#6c91f0;border-color:#366ff5}.btn_action.svelte-1uha8ag:disabled{animation:1.5s ease-in-out infinite pulse}.btn_second.svelte-1uha8ag{color:#000;background-color:#81808c;border:2px solid #605e6b}.btn_second.svelte-1uha8ag:hover{background-color:#656470}.btn_action.svelte-1uha8ag:hover,.btn_second.svelte-1uha8ag:hover{transform:translateY(-2px)}.btn_action.svelte-1uha8ag:active,.btn_second.svelte-1uha8ag:active,.btn_info.svelte-1uha8ag:active{animation:.15s ease-out svelte-1uha8ag-clickEffect;transform:translateY(0)}.btn_remove.svelte-1uha8ag{color:#ff4d4d;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s,color .2s;display:flex}.btn_remove.svelte-1uha8ag:hover{color:#ff1a1a;background-color:#ff4d4d26}.btn_info.svelte-1uha8ag{color:#919191;cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-top:10px;padding:5px;animation:5s infinite svelte-1uha8ag-subtleBounce}.btn_info.svelte-1uha8ag:hover{color:#5336fd}.menu.svelte-1uha8ag label:where(.svelte-1uha8ag){justify-content:space-between;align-items:center;gap:8px;font-family:AeonikMediumItalic,sans-serif;font-size:14px;display:flex}.menu.svelte-1uha8ag hr:where(.svelte-1uha8ag){border:0;border-top:1px solid #ccc;margin:5px 0}.menu.svelte-1uha8ag select:where(.svelte-1uha8ag){color:#fff;background:#81808c;border:1px solid #545454;border-radius:4px;padding:4px 8px;font-family:inherit}.menu.svelte-1uha8ag input[type=range]:where(.svelte-1uha8ag){appearance:none;background:#81808c;border-radius:4px;height:6px}.menu.svelte-1uha8ag input[type=range]:where(.svelte-1uha8ag)::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#7b6cf0;border-radius:50%;width:16px;height:16px}.menu.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag){background:0 0;border:none;width:25px;height:25px;padding:0}.menu.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag)::-webkit-color-swatch-wrapper{padding:0}.menu.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag)::-webkit-color-swatch{border:none;border-radius:4px}.menu.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag)::-moz-color-swatch{border:none;border-radius:4px}.modal-bg.svelte-1uha8ag{z-index:100;background:#000000b3;justify-content:center;align-items:center;animation:.25s ease-out svelte-1uha8ag-fadeIn,.25s cubic-bezier(.16,1,.3,1) svelte-1uha8ag-popIn;display:flex;position:fixed;inset:0}.modal.svelte-1uha8ag{background:#2d2d2d;border-radius:8px;width:80%;max-width:600px;max-height:80vh;padding:20px;position:relative}.modal-text.svelte-1uha8ag{max-height:60vh;margin:0;padding-right:10px;overflow-y:auto}.modal-text.svelte-1uha8ag dt:where(.svelte-1uha8ag){color:#fff;margin-top:14px;font-size:14px;font-weight:700}.modal-text.svelte-1uha8ag dt:where(.svelte-1uha8ag):first-child{margin-top:0}.modal-text.svelte-1uha8ag dd:where(.svelte-1uha8ag){color:#b3b3b3;margin:4px 0 0;font-family:AeonikMediumItalic,sans-serif;font-size:13px;line-height:1.5}.close.svelte-1uha8ag{color:#fff;cursor:pointer;background:0 0;border:none;position:absolute;top:10px;right:10px}@keyframes svelte-1uha8ag-clickEffect{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}@keyframes svelte-1uha8ag-slideFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes svelte-1uha8ag-subtleBounce{0%,to{transform:translateY(0)}10%{transform:translateY(-4px)}20%{transform:translateY(0)}30%{transform:translateY(-2px)}40%{transform:translateY(0)}}@keyframes svelte-1uha8ag-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1uha8ag-popIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}