@import"modern-normalize/modern-normalize.css";.rotate-tool{display:flex;flex-direction:column;gap:36px}.rotate-tool h2{font-size:1rem;font-weight:600;color:var(--p-surface-900)}.rotate-tool .content{display:flex;flex-direction:column;gap:16px}.rotate-tool .content>span{font-size:.75rem;color:var(--p-surface-800)}.rotate-tool .content .options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rotate-tool .content .actions{display:flex;justify-content:flex-end}.mute-tool{display:flex;flex-direction:column;gap:36px}.mute-tool h2{font-size:1rem;font-weight:600;color:var(--p-surface-900)}.mute-tool .content{display:flex;flex-direction:column;gap:12px}.mute-tool .content div{display:flex;justify-content:space-between;align-items:center}.mute-tool .content .status{font-size:.875rem;color:var(--p-surface-800);display:flex;align-items:center;gap:8px}.mute-tool .content .status i{color:var(--p-primary-500)}.mute-tool .content .actions>span{font-size:.875rem;color:var(--p-surface-800)}.speed-tool{display:flex;flex-direction:column;gap:36px}.speed-tool h2{font-size:1rem;font-weight:600;color:var(--p-surface-900)}.speed-tool .content,.speed-tool .content .options{display:flex;flex-direction:column;gap:24px}.speed-tool .content .options>div:first-of-type{display:flex;flex-direction:column;gap:8px}.speed-tool .content .options>div:first-of-type label{display:block;font-weight:600;font-size:.875rem;color:var(--p-surface-900)}.speed-tool .content .options>div:first-of-type .slider-wrapper{display:flex;flex-direction:column;gap:8px}.speed-tool .content .options>div:first-of-type .slider-wrapper .slider-indicators{position:relative;padding:0 4px;font-size:.75rem;color:var(--p-surface-800);height:16px}.speed-tool .content .options>div:first-of-type .slider-wrapper .slider-indicators span{position:absolute;transform:translate(-50%)}.speed-tool .content .options>div:first-of-type .slider-wrapper .slider-indicators span:nth-child(1){left:0%;transform:translate(0)}.speed-tool .content .options>div:first-of-type .slider-wrapper .slider-indicators span:nth-child(2){left:20%}.speed-tool .content .options>div:first-of-type .slider-wrapper .slider-indicators span:nth-child(3){left:46.67%}.speed-tool .content .options>div:first-of-type .slider-wrapper .slider-indicators span:nth-child(4){left:73.33%}.speed-tool .content .options>div:first-of-type .slider-wrapper .slider-indicators span:nth-child(5){left:100%;transform:translate(-100%)}.speed-tool .content .options>div:last-of-type{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.speed-tool .content .actions{display:flex;justify-content:flex-end}.transform-tool{display:flex;flex-direction:column;gap:36px}.transform-tool h2{font-size:1rem}.transform-tool .content .options{display:flex;flex-direction:column;gap:8px}.transform-tool .content .options li{display:flex;align-items:center;gap:16px;font-size:.875rem}.transform-tool .content .options li .note{color:var(--p-surface-700);font-size:.75rem;font-style:italic}.resize-crop-tool{font-size:.875rem}.resize-crop-tool>div{display:flex;flex-direction:column;gap:24px}.resize-crop-tool .tab-content{display:flex;flex-direction:column;gap:16px}.resize-crop-tool .tab-content>div{display:flex;gap:16px}.resize-crop-tool .tab-content label{display:flex;flex-direction:column;gap:8px;width:100%;font-weight:500;color:var(--p-surface-900)}.cut-tool{border-radius:14px;border:solid 1px transparent;padding:16px;display:flex;flex-direction:column;gap:16px}.cut-tool.is-active{border-color:var(--p-primary-500)}.cut-tool h2{font-size:1rem;margin-bottom:4px;color:var(--p-surface-900)}.cut-tool p{font-size:.875rem;color:var(--p-surface-800)}.cut-tool .content{display:flex;flex-direction:column;gap:24px}.cut-tool .content .time-indicators{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--p-surface-800);font-family:monospace;margin-bottom:-16px}.cut-tool .content .time-indicators .time-start,.cut-tool .content .time-indicators .time-end{font-weight:500}.cut-tool .content .actions{display:flex;justify-content:flex-end}.crop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.crop-overlay .crop-box{position:absolute;border:calc(2px * var(--inverse-scale)) solid var(--p-primary-color);background-color:transparent;cursor:move;pointer-events:auto;box-shadow:0 0 0 9999px #00000080;-webkit-user-select:none;user-select:none}.crop-overlay .crop-box:before,.crop-overlay .crop-box:after{content:"";position:absolute;border-color:var(--p-primary-color)}.crop-overlay .crop-box:before{top:33.333%;left:0;width:100%;height:33.333%;border-top:calc(1px * var(--inverse-scale)) dashed var(--p-primary-color);border-bottom:calc(1px * var(--inverse-scale)) dashed var(--p-primary-color);opacity:.5}.crop-overlay .crop-box:after{left:33.333%;top:0;width:33.333%;height:100%;border-left:calc(1px * var(--inverse-scale)) dashed var(--p-primary-color);border-right:calc(1px * var(--inverse-scale)) dashed var(--p-primary-color);opacity:.5}.crop-overlay .crop-box .crop-handle{position:absolute;width:calc(20px * var(--inverse-scale));height:calc(20px * var(--inverse-scale));background-color:var(--p-surface-0);border:calc(2px * var(--inverse-scale)) solid var(--p-primary-color);border-radius:50%;pointer-events:auto;transition:transform .2s}.crop-overlay .crop-box .crop-handle:hover{transform:scale(1.3);background-color:var(--p-primary-color)}.crop-overlay .crop-box .crop-handle.top-left{top:calc(-10px * var(--inverse-scale));left:calc(-10px * var(--inverse-scale));cursor:nwse-resize}.crop-overlay .crop-box .crop-handle.top-right{top:calc(-10px * var(--inverse-scale));right:calc(-10px * var(--inverse-scale));cursor:nesw-resize}.crop-overlay .crop-box .crop-handle.bottom-left{bottom:calc(-10px * var(--inverse-scale));left:calc(-10px * var(--inverse-scale));cursor:nesw-resize}.crop-overlay .crop-box .crop-handle.bottom-right{bottom:calc(-10px * var(--inverse-scale));right:calc(-10px * var(--inverse-scale));cursor:nwse-resize}.crop-overlay .crop-box .crop-dimensions{position:absolute;bottom:calc(32px * var(--inverse-scale));left:50%;transform:translate(-50%) scale(var(--inverse-scale));transform-origin:center bottom;background-color:var(--p-primary-color);color:var(--p-surface-0);padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0003}.zoom-controls{position:absolute;bottom:16px;right:16px;z-index:20;display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--p-surface-800);border-radius:24px;box-shadow:0 2px 8px #0000004d;pointer-events:auto;cursor:auto}.zoom-controls .zoom-level{font-size:.875rem;color:var(--p-surface-100);font-weight:600;min-width:42px;text-align:center;-webkit-user-select:none;user-select:none}.zoom-controls i{display:flex;align-items:center;justify-content:center}.zoom-controls i svg{width:18px;height:18px;stroke:currentColor}.video-preview{padding-bottom:40px;display:flex;flex-direction:column;gap:24px}.video-preview .video-wrapper{background-color:var(--p-surface-50);border-radius:14px;width:100%;height:100%;min-height:524px;position:relative;overflow:hidden}.video-preview .video-wrapper .upload-overlay{position:absolute;top:55%;left:50%;transform:translate(-50%,-55%);display:flex;flex-direction:column;gap:58px;z-index:10}.video-preview .video-wrapper .upload-overlay>i{opacity:.5;margin:0 auto;width:fit-content;display:block}.video-preview .video-wrapper .video-container{width:100%;height:100%;display:flex;flex-direction:column}.video-preview .video-wrapper .canvas-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--p-surface-100);min-height:450px;overflow:hidden}.video-preview .video-wrapper .canvas-container:hover:not(:has(.init-overlay)) .play-overlay{opacity:.9}.video-preview .video-wrapper .canvas-container:hover:not(:has(.init-overlay)):before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;border-radius:14px 14px 0 0;z-index:5;pointer-events:none}.video-preview .video-wrapper .canvas-wrapper{position:absolute;top:50%;left:50%}.video-preview .video-wrapper .preview-canvas{display:block;image-rendering:auto}.video-preview .video-wrapper .play-overlay{position:absolute;z-index:15;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content;height:fit-content;padding:22px;opacity:.8;border-radius:50%;background-color:var(--p-slate-700);transition:all .2s ease;pointer-events:none}.video-preview .video-wrapper .play-overlay svg{width:36px;height:36px}.video-preview .video-wrapper .init-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:var(--p-surface-900);z-index:30}.video-preview .video-wrapper .init-overlay span{color:var(--p-surface-300);font-size:.875rem}.video-preview .video-wrapper .init-overlay .p-progress-spinner-circle{stroke:var(--p-primary-color)}.video-preview .video-wrapper .error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--p-surface-900);z-index:30;padding:40px;text-align:center;cursor:initial}.video-preview .video-wrapper .error-overlay>span{color:var(--p-surface-300);font-size:1rem;font-weight:500}.video-preview .video-wrapper .error-overlay>span.error-detail{font-size:.875rem;color:var(--p-surface-400);font-weight:400}.video-preview .video-wrapper .error-overlay>span.error-hint{font-size:.875rem;color:var(--p-surface-500);font-weight:400}.video-preview .metadata{display:flex;gap:8px}.video-preview .metadata span{font-size:.875rem;color:var(--p-surface-800)}.video-preview .metadata span>span{color:var(--p-surface-950)}.social-media-preset-picker{display:flex;flex-direction:column;position:relative}.social-media-preset-picker .header{position:sticky;z-index:10;top:0;left:0;background-color:var(--p-surface-400);padding:20px;width:100%;display:flex;flex-direction:column;gap:4px;box-shadow:inset 1px -1px 0 var(--p-surface-500)}.social-media-preset-picker .header h3{font-size:1.25rem;font-weight:600;color:var(--p-surface-900)}.social-media-preset-picker .header p{font-size:.875rem;color:var(--p-surface-800);margin:0}.social-media-preset-picker .header .close-btn{position:absolute;top:20px;right:20px;padding:0;width:fit-content;border:none;background:transparent;color:var(--p-surface-700)}.social-media-preset-picker .header .close-btn:hover{border:none;background:transparent;color:var(--p-surface-800)}.social-media-preset-picker .presets-container{display:flex;flex-direction:column;gap:24px;padding:20px}.social-media-preset-picker .presets-container .platform-title{font-size:1rem;font-weight:400;letter-spacing:.05em;color:var(--p-surface-900);margin:0 0 12px}.social-media-preset-picker .presets-container .preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:640px){.social-media-preset-picker .presets-container .preset-grid{grid-template-columns:1fr}}.social-media-preset-picker .presets-container .preset-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--p-surface-200);border:1px solid var(--p-surface-500);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.social-media-preset-picker .presets-container .preset-card:hover{background:var(--p-surface-400);border-color:var(--p-primary-500);transform:translateY(-1px)}.social-media-preset-picker .presets-container .preset-card:hover .preset-info .preset-name{color:var(--p-primary-500)}.social-media-preset-picker .presets-container .preset-card:active{transform:translateY(0)}.social-media-preset-picker .presets-container .preset-card .preset-icon{font-size:2rem}.social-media-preset-picker .presets-container .preset-card .preset-info{flex:1;min-width:0}.social-media-preset-picker .presets-container .preset-card .preset-info .preset-name{font-size:1rem;font-weight:500;color:var(--p-surface-900);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-media-preset-picker .presets-container .preset-card .preset-info .preset-ratio{font-size:.875rem;color:var(--p-surface-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools-controls{display:flex;gap:12px}.tools-controls button{display:flex;flex-direction:column;align-items:center;letter-spacing:.38px}.tools-controls button .p-button-loading-icon{margin:8px}.tools-controls button i{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.tools-controls button i svg{width:100%;height:100%}.resize-video-tool{display:flex;flex-direction:column}.resize-video-tool header{padding:16px 24px;border-bottom:solid 1px var(--p-surface-400)}.resize-video-tool header h1{font-size:1.375rem;letter-spacing:-.1px;color:var(--p-surface-900)}.resize-video-tool main{color:var(--p-surface-900);display:flex;flex-direction:column;gap:24px;padding:32px 24px}.resize-video-tool main>.content{display:flex;flex-direction:column;gap:16px}.resize-video-tool main>.content>div{display:flex;flex-direction:column;gap:16px}.resize-video-tool main .action-buttons{display:flex;gap:12px;flex-wrap:wrap}.resize-video-tool main .action-buttons .reset-btn,.resize-video-tool main .action-buttons .remove-video-btn{width:fit-content}.resize-video-tool main .action-buttons .reset-btn svg,.resize-video-tool main .action-buttons .remove-video-btn svg{width:32px;height:32px}.resize-video-tool main .box{background-color:var(--p-surface-400);border:solid 1px var(--p-surface-500);border-radius:14px;margin:0 auto;max-width:1024px;width:100%;padding:25px}.resize-video-tool main .box.is-active{border-color:var(--p-primary-500)}@layer reset,base,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--p-surface-600) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--p-surface-600);border-radius:9999px;transition:background-color .3s ease}html{scroll-behavior:smooth;font-feature-settings:"cv02","cv03","cv04","cv11";font-variant:normal;letter-spacing:.03em;tab-size:4;margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0}ul{list-style:none;margin:0;padding:0}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}button{background:transparent;border:none}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;margin:0;padding:0}p{text-wrap:pretty;margin:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){html{color-scheme:dark}}}@layer base{html{font-family:Inter,sans-serif;font-size:16px;height:100%;background:var(--p-surface-200)}body,#app{height:100%}#app{display:flex;flex-direction:column}button{cursor:pointer;transition:all .1s ease-in-out}button:disabled{cursor:auto}}@layer utilities{.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.w-fit{width:fit-content}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.h-screen{height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}