:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #6366f1;--secondary-color: #4f46e5;--background-color: #0f172a;--text-color: #f8fafc;--border-color: #1e293b;--error-color: #ff4444;--success-color: #00c853;--warning-color: #ffd600;--info-color: #2196f3;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070}@media (prefers-color-scheme: light){:root{--primary-color: #6366f1;--secondary-color: #4f46e5;--background-color: #ffffff;--text-color: #213547;--border-color: rgba(0, 0, 0, .1)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}ul,ol{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2rem,5vw,3.2rem);background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,2rem)}h4{font-size:clamp(1.125rem,2vw,1.5rem)}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);font-size:clamp(1rem,1.5vw,1.125rem)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--secondary-color)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-error{color:var(--error-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-up{animation:slideUp var(--transition-normal)}.animate-slide-down{animation:slideDown var(--transition-normal)}.animate-scale-in{animation:scaleIn var(--transition-normal)}.transition-all{transition:all var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.transition-opacity{transition:opacity var(--transition-normal)}.transition-colors{transition:color var(--transition-normal),background-color var(--transition-normal)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-lift{transition:transform var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px)}.hover-shadow{transition:box-shadow var(--transition-fast)}.hover-shadow:hover{box-shadow:var(--shadow-md)}.video-player__container{flex:1;display:flex;justify-content:center;align-items:center;background:#0000004d;border-radius:var(--radius-lg);overflow:hidden;min-height:300px;position:relative;box-shadow:var(--shadow-md)}.video-player__wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.video-player__video{width:100%;height:100%;max-height:70vh;object-fit:contain}.video-player__placeholder{text-align:center;padding:var(--spacing-xl)}.video-player__placeholder p{margin-bottom:var(--spacing-md);color:var(--gray-500)}.video-player__loading,.video-player__error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#000000b3;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-player__loading p,.video-player__error p{margin-top:var(--spacing-sm)}.video-player__loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin:0 auto}.video-player__controls{background:#ffffff0d;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.video-player__controls-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.video-player__play-pause-btn{background:none;border:none;color:var(--primary-color);font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.video-player__play-pause-btn:hover{background:#ffffff1a;transform:scale(1.1)}.video-player__play-pause-btn:active{transform:scale(.95)}.video-player__time-display{text-align:center;font-family:monospace;color:var(--gray-500);font-size:clamp(.875rem,1.5vw,1rem);min-width:100px}.video-player__timeline{position:relative;height:8px;background:#ffffff1a;border-radius:var(--radius-full);cursor:pointer;margin:var(--spacing-md) 0;transition:height var(--transition-fast)}.video-player__timeline:hover{height:10px}.video-player__timeline--dragging{height:12px}.video-player__timeline-progress{position:absolute;height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-full);transition:width .1s linear}.video-player__timeline-handle{position:absolute;top:50%;width:16px;height:16px;background:#fff;border-radius:var(--radius-full);transform:translate(-50%,-50%);cursor:grab;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.video-player__timeline-handle:hover{transform:translate(-50%,-50%) scale(1.2)}.video-player__timeline-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}@media (min-width: 768px) and (max-width: 1024px){.video-player__container{min-height:400px}.video-player__play-pause-btn{font-size:1.75rem;width:48px;height:48px}}@media (max-width: 767px){.video-player__container{min-height:250px}.video-player__controls{padding:var(--spacing-sm)}.video-player__timeline{height:6px}.video-player__timeline:hover{height:8px}.video-player__timeline--dragging{height:10px}.video-player__timeline-handle{width:12px;height:12px}.video-player__play-pause-btn{font-size:1.25rem;width:36px;height:36px}}.landing__subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem}.landing__cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:500;transition:transform .2s}.landing__preview-window{background:var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.landing__feature-card{background:#ffffff0d;padding:2rem;border-radius:var(--radius-lg);transition:transform .2s}.landing__feature-card p{color:var(--text-muted)}@media (max-width: 768px){.landing{padding:0 1rem}.landing__hero{grid-template-columns:1fr;text-align:center;gap:2rem}.landing__hero-content{margin:0 auto}.landing__title{font-size:2.5rem}.landing__nav{flex-direction:column;gap:1rem;text-align:center}.landing__nav-links{justify-content:center}}.studio-home{min-height:100vh;background-color:var(--background-color);color:var(--text-color)}.studio-home__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}.studio-home__header h1{font-size:2rem;font-weight:600;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.studio-home__new-btn{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}.studio-home__new-btn:hover{background:var(--secondary-color);transform:translateY(-1px)}.studio-home__content{padding:var(--spacing-xl)}.studio-home__projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.project-card{background:#ffffff0d;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.project-card__link{text-decoration:none;color:inherit}.project-card__thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden}.project-card__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.project-card__thumbnail:hover img{transform:scale(1.05)}.project-card__info{padding:var(--spacing-md)}.project-card__title{font-size:1.25rem;margin-bottom:var(--spacing-xs);color:var(--text-color)}.project-card__date{font-size:.875rem;color:var(--text-muted)}@media (max-width: 768px){.studio-home__header{padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-md);text-align:center}.studio-home__header h1{font-size:1.75rem}.studio-home__content{padding:var(--spacing-md)}.studio-home__projects{grid-template-columns:1fr}}.editor{height:100vh;display:flex;flex-direction:column;background-color:var(--background-color);color:var(--text-color);overflow:hidden}.editor__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);height:64px}.editor__header-left{display:flex;align-items:center;gap:var(--spacing-md)}.editor__header-left h1{font-size:1.25rem;font-weight:500}.editor__back-btn{color:var(--text-muted);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-xs);transition:color var(--transition-fast)}.editor__back-btn:hover{color:var(--text-color)}.editor__header-right{display:flex;gap:var(--spacing-sm)}.editor__save-btn,.editor__export-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast);border:none;cursor:pointer}.editor__save-btn{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.editor__save-btn:hover{background:#ffffff0d}.editor__export-btn{background:var(--primary-color);color:#fff}.editor__export-btn:hover{background:var(--secondary-color)}.editor__main{flex:1;display:flex;overflow:hidden}.editor__sidebar{width:240px;background:#ffffff05;border-right:1px solid var(--border-color);padding:var(--spacing-md)}.editor__tools h2{font-size:1rem;font-weight:500;margin-bottom:var(--spacing-md);color:var(--text-muted)}.editor__tool-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.editor__tool-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:transparent;border:none;color:var(--text-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.editor__tool-btn:hover{background:#ffffff0d}.editor__tool-icon{font-size:1.25rem}.editor__content{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor__preview{flex:1;display:flex;align-items:center;justify-content:center;background:#0000004d;overflow:hidden}.editor__video{max-width:100%;max-height:100%}.editor__upload{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.editor__upload p{margin-bottom:var(--spacing-md)}.editor__upload-btn{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.editor__upload-btn:hover{background:var(--secondary-color)}.editor__timeline{height:160px;background:#0003;border-top:1px solid var(--border-color);padding:var(--spacing-md)}.editor__timeline-controls{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.editor__play-btn{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-full);transition:all var(--transition-fast);width:36px;height:36px;display:flex;align-items:center;justify-content:center}.editor__play-btn:hover{background:#ffffff0d}.editor__timeline-tracks{height:80px;background:#ffffff05;border-radius:var(--radius-md);position:relative}.editor__timeline-track{position:relative;height:100%;cursor:pointer}.editor__timeline-progress{position:absolute;top:0;left:0;height:100%;background:#ffffff1a;pointer-events:none}@media (max-width: 768px){.editor__sidebar{display:none}.editor__header{padding:var(--spacing-sm)}.editor__timeline{height:120px}}.landing{min-height:100vh;padding:0 2rem;max-width:1440px;margin:0 auto}.landing__nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 0}.landing__logo{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing__nav-links{display:flex;gap:2rem}.landing__nav-link{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .2s}.landing__nav-link:hover{color:var(--primary-color)}.landing__hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:4rem 0;align-items:center}.landing__hero-content{max-width:600px}.landing__title{font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem}.landing__title-highlight{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing__subtitle{font-size:1.25rem;color:#94a3b8;margin-bottom:2rem}.landing__cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;text-decoration:none;border-radius:.5rem;font-weight:500;transition:transform .2s}.landing__cta-button:hover{transform:translateY(-2px)}.landing__hero-image{position:relative}.landing__preview-window{background:var(--border-color);border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.landing__preview-header{background:#1a1a1a;padding:.75rem;display:flex;align-items:center}.landing__preview-dots{display:flex;gap:.5rem}.landing__preview-dots span{width:12px;height:12px;border-radius:50%;background:#2a2a2a}.landing__preview-dots span:nth-child(1){background:#ff5f57}.landing__preview-dots span:nth-child(2){background:#febc2e}.landing__preview-dots span:nth-child(3){background:#28c840}.landing__preview-content{aspect-ratio:16/9;background:#000;min-height:300px}.landing__features{padding:6rem 0}.landing__section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem}.landing__features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.landing__feature-card{background:#ffffff0d;padding:2rem;border-radius:1rem;transition:transform .2s}.landing__feature-card:hover{transform:translateY(-5px)}.landing__feature-card h3{font-size:1.5rem;margin:1rem 0}.landing__feature-card p{color:#94a3b8}.landing__feature-icon{width:48px;height:48px;color:var(--primary-color)}@media (max-width: 768px){.landing__hero{grid-template-columns:1fr;text-align:center}.landing__hero-content{margin:0 auto}.landing__title{font-size:2.5rem}}