:root{color-scheme:dark;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--accent: #FFC107;--accent-background: rgba(255, 193, 7, .12);--playhead: #FF3C3C;--primary: #eeeeee;--secondary: #C7C7C7;--tertiary: #969CA2;--quaternary: #262626;--quinary: #1F1F1F;--background: #171717;--stroke: rgba(255, 255, 255, .1);--radius-huge: 24px;--radius-large: 12px;--radius-normal: 8px;--radius-small: 6px;--radius-tiny: 3px;--on-accent: #171717;--shadow: inset 0 0 0 1px var(--stroke), 0 0 0 1px rgba(0, 0, 0, .2), 0 1px 3px 0 rgba(0, 0, 0, .08)}*{font-family:var(--font-sans);box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{margin:0;background:var(--background);color:var(--primary)}body.editor-mode{overflow:hidden}#root{width:100vw;height:100vh}.app{width:100%;height:100%}.upload-section{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background)}.upload-container{text-align:center;max-width:700px;padding:48px}.upload-container h1{font-size:48px;font-weight:600;color:var(--primary);margin-bottom:16px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:16px;font-weight:400;line-height:1.5;color:var(--secondary);margin-top:16px}.upload-area{margin-top:48px;padding:80px 48px;border:2px dashed var(--stroke);border-radius:var(--radius-large);background:var(--quinary);cursor:pointer;transition:all .3s ease}.upload-area:hover{border-color:var(--accent);background:var(--quaternary);transform:translateY(-2px)}.upload-area.drag-over{border-color:var(--accent);background:var(--accent-background);transform:scale(1.02)}.upload-area svg{color:var(--tertiary);margin-bottom:24px}.upload-area p{color:var(--secondary);font-size:18px;margin:12px 0}.upload-hint{color:var(--tertiary);font-size:14px;margin:20px 0!important}.features{display:flex;justify-content:center;gap:48px;margin-top:48px}.feature{display:flex;align-items:center;gap:12px;color:var(--secondary);font-size:14px}.feature svg{color:var(--accent)}.editor-page{width:100vw;height:100vh;display:grid;grid-template-columns:1fr 340px;grid-template-rows:48px 1fr;overflow:hidden;background:var(--background)}.editor-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(180deg,#18181b,#0f0f11);border-bottom:1px solid rgba(255,255,255,.08);z-index:100}.back-to-home-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-to-home-btn:hover{background:#ffc1071a;border-color:#ffc1074d;color:var(--accent);transform:translate(-3px)}.back-to-home-btn svg{opacity:.7;transition:opacity .2s}.back-to-home-btn:hover svg{opacity:1}.editor-header-brand{display:flex;align-items:center;gap:8px;transition:opacity .2s ease}.editor-header-brand:hover{opacity:.85}.editor-header-brand .nav-logo-icon{width:24px;height:24px;object-fit:contain}.editor-header-brand .logo-text{font-size:16px;font-weight:600;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.editor-panel{background:var(--background);height:100%;overflow:hidden;display:grid;grid-template-rows:1fr auto}.compact-video-section{background:#0a0a0a;padding:24px 32px 16px;flex:1;display:flex;flex-direction:column;min-height:0}.compact-video-container{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:16px;min-height:0;position:relative}.compact-canvas{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain;border-radius:var(--radius-large);box-shadow:0 12px 40px #0009}.upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--background);z-index:10}.upload-overlay.drag-over{background:#ffc1070d}.upload-boxes{display:flex;gap:32px;max-width:900px;width:100%;padding:48px}.upload-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 32px;background:var(--quinary);border:2px solid var(--stroke);border-radius:var(--radius-large);cursor:pointer;transition:all .3s ease;color:var(--secondary);text-align:center}.upload-box:hover{border-color:var(--accent);background:var(--quaternary);transform:translateY(-4px);box-shadow:0 8px 24px #ffc10733;color:var(--primary)}.upload-box svg{color:var(--accent);opacity:.9}.upload-box h3{font-size:20px;font-weight:600;color:var(--primary);margin:0}.upload-box p{font-size:14px;color:var(--tertiary);margin:0;line-height:1.5}.volume-slider{width:100px;height:4px;background:var(--quinary);border-radius:2px;outline:none;cursor:pointer;margin-left:8px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer;transition:all .2s}.volume-slider::-webkit-slider-thumb:hover{width:14px;height:14px;box-shadow:0 0 0 4px #ffc10733}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--accent);border:none;border-radius:50%;cursor:pointer;transition:all .2s}.volume-slider::-moz-range-thumb:hover{width:14px;height:14px;box-shadow:0 0 0 4px #ffc10733}.compact-video-container:fullscreen,.compact-video-container:-webkit-full-screen,.compact-video-container:-moz-full-screen,.compact-video-container:-ms-fullscreen{background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100vw!important;height:100vh!important;padding:0!important;margin:0!important;position:fixed!important;top:0!important;left:0!important;z-index:999999!important}.compact-video-container:fullscreen .compact-canvas,.compact-video-container:-webkit-full-screen .compact-canvas,.compact-video-container:-moz-full-screen .compact-canvas,.compact-video-container:-ms-fullscreen .compact-canvas{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-width:100vw!important;max-height:100vh!important;width:100vw!important;height:100vh!important;object-fit:contain!important;border-radius:0!important}.compact-video-container:fullscreen .text-overlay,.compact-video-container:-webkit-full-screen .text-overlay,.compact-video-container:-moz-full-screen .text-overlay,.compact-video-container:-ms-fullscreen .text-overlay{display:none!important}.compact-video-section:has(.compact-video-container:fullscreen) .compact-controls,.compact-video-section:has(.compact-video-container:-webkit-full-screen) .compact-controls,.compact-video-section:has(.compact-video-container:-moz-full-screen) .compact-controls,.compact-video-section:has(.compact-video-container:-ms-fullscreen) .compact-controls{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1000000!important;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)!important;padding:20px!important}.compact-video-section:has(.compact-video-container:fullscreen),.compact-video-section:has(.compact-video-container:-webkit-full-screen){position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.compact-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;flex-shrink:0}.compact-controls-left,.compact-controls-right{display:flex;align-items:center;gap:4px}.compact-control-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-small);cursor:pointer;transition:all .2s;color:var(--secondary)}.compact-control-btn:hover{background:#ffffff0d;color:var(--primary)}.compact-control-btn.active{color:var(--accent);background:#ffc1071a}.compact-control-btn svg{fill:currentColor}.compact-time-display{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:14px;margin-left:12px;padding:0 8px}.time-current{color:var(--primary);font-weight:500}.time-separator{color:var(--tertiary)}.time-total{color:var(--secondary)}.editor-control-panel{display:flex;flex-direction:column;padding:0 24px 24px;gap:16px}.video-controls-bar{display:flex;align-items:center;justify-content:center;gap:32px;background:var(--background);width:100%;height:64px;position:relative}.video-current-time,.video-total-time{font-family:var(--font-mono);color:var(--secondary);font-size:14px;min-width:80px;text-align:center}.video-control-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:var(--radius-small);transition:all .2s}.video-control-btn:hover{background:var(--quaternary)}.video-control-btn svg{fill:var(--primary)}.extra-controls{position:absolute;right:0;display:flex;gap:8px}.video-control-toggle{padding:8px;background:transparent;border-radius:var(--radius-small)}.video-control-toggle svg{fill:var(--tertiary)}.video-control-toggle.active svg{fill:var(--accent)}.timeline,.timeline-container{width:100%}.timeline-wrapper{position:relative}.timeline-tracks-container{position:relative;height:60px}.timeline-video-audio-track{height:100%;border-radius:var(--radius-normal);background:var(--quinary);position:relative;overflow:hidden}.timeline-playhead{position:absolute;top:0;height:100%;width:3px;background:var(--playhead);pointer-events:none;z-index:10;transition:left .1s linear}.timeline-playhead:before{content:"";position:absolute;top:-4px;left:-4px;width:11px;height:11px;background:var(--playhead);border-radius:50%}.export-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--stroke)}.panel{height:100%;overflow:hidden;border-left:1px solid rgba(255,255,255,.06);background:#0f0f0f}.options-panel{padding:24px 20px;height:100%;overflow:auto}.options-panel h2{font-size:20px;font-weight:600;color:var(--primary);margin-bottom:20px}.option-section{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.04)}.option-section.last{border-bottom:none}.section-header{font-size:11px;font-weight:600;color:var(--tertiary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.option-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px;min-height:40px;padding:8px 0}.option-label{font-size:14px;color:var(--primary)}.option-control{display:flex;justify-content:flex-end;width:100%}.btn{height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;border-radius:var(--radius-normal);font-size:14px;font-weight:500;cursor:pointer;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-primary{color:var(--on-accent);background-color:var(--accent)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ffc10766}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary svg{fill:var(--on-accent)}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;width:40px;height:40px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-small);transition:all .2s}.icon-btn:hover{background:var(--quaternary)}.icon-btn svg{fill:var(--secondary)}.select{color:var(--primary);background:var(--quaternary);border-radius:var(--radius-small);height:36px;display:flex;align-items:center;position:relative;width:100%;box-shadow:var(--shadow);transition:all .2s}.select:hover{background:#ffffff0f}.select:focus-within{box-shadow:0 0 0 2px #ffc1074d}.select:after{content:"";width:16px;height:16px;background:var(--tertiary);top:50%;right:8px;transform:translateY(-50%);position:absolute;pointer-events:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 -960 960 960' width='16px'%3E%3Cpath d='M480-384 288-576h384L480-384Z'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain;transition:transform .2s}.select:focus-within:after{transform:translateY(-50%) rotate(180deg)}.select-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;outline:none;padding:0 32px 0 12px;background:transparent;width:100%;height:100%;font-size:13px;color:var(--primary);cursor:pointer;font-weight:400}.select-input:focus{outline:none}.select-input option{background:var(--quaternary);color:var(--primary);padding:8px}.select-input option:checked{background:#ffc10733;color:var(--primary)}.radio-group{display:flex;gap:16px;justify-content:flex-end}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--stroke);border-radius:50%;margin:0;position:relative;cursor:pointer;border:none}.radio-option input[type=radio]:checked{background-color:var(--quaternary);box-shadow:var(--shadow)}.radio-option input[type=radio]:checked:after{content:"";width:8px;height:8px;border-radius:50%;background-color:var(--accent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-text{font-size:13px;color:var(--secondary);cursor:pointer}.slider-input{-webkit-appearance:none;width:100%;height:3px;background:var(--quaternary);outline:none;cursor:pointer;border-radius:999px}.slider-input::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--fill-width, 50%),var(--quaternary) var(--fill-width, 50%),var(--quaternary) 100%)}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--quaternary);box-shadow:var(--shadow);cursor:pointer;border-radius:50%;position:relative;top:-7.5px}.background-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.background-option{aspect-ratio:1;background:transparent;cursor:pointer;padding:4px;border-radius:var(--radius-small);transition:all .2s}.background-option:hover{background:#ffffff0d}.background-option.selected{background:#ffc10726;box-shadow:0 0 0 2px var(--accent)}.background-option input{display:none}.background-preview{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:4px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14;min-height:60px}.background-preview:empty{background-color:var(--quaternary)}.options-panel::-webkit-scrollbar{width:8px}.options-panel::-webkit-scrollbar-track{background:transparent}.options-panel::-webkit-scrollbar-thumb{background:var(--quaternary);border-radius:999px}.options-panel::-webkit-scrollbar-thumb:hover{background:var(--tertiary)}.editor-main{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#0a0a0a}.export-btn-top{width:100%;margin-bottom:20px;height:44px;font-size:14px;font-weight:600;border-radius:var(--radius-normal)}.tab-group{display:flex;gap:3px;background:#ffffff08;padding:3px;border-radius:var(--radius-small);margin-bottom:12px}.tab-btn{flex:1;padding:6px 12px;background:transparent;border:none;border-radius:4px;color:var(--secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn.active{background:#ffffff14;color:var(--primary)}.border-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.border-style-option{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 12px;border-radius:var(--radius-normal);cursor:pointer;transition:all .2s;background:transparent}.border-style-option:hover{background:#ffffff08}.border-style-option.selected{background:#ffc10714;box-shadow:inset 0 0 0 2px var(--accent)}.border-preview-card{width:100%;aspect-ratio:16/9;border-radius:12px;position:relative;overflow:hidden;background:#1a1a1a}.border-preview-inner{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:8px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.border-preview-card.border-default{box-shadow:0 8px 24px #0006}.border-preview-card.border-default .border-preview-inner{background:linear-gradient(135deg,#f0f0f0,#d0d0d0)}.border-preview-card.border-glass-light{background:linear-gradient(135deg,#a855f780,#8b5cf64d,#a855f780);box-shadow:inset 0 0 0 3px #fff3,inset 0 0 0 1px #a855f799,0 0 20px #a855f766,0 8px 32px #a855f74d;position:relative}.border-preview-card.border-glass-light:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);pointer-events:none}.border-preview-card.border-glass-light .border-preview-inner{background:linear-gradient(135deg,#1e143ce6,#140f28f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.border-preview-card.border-border{background:linear-gradient(135deg,#ffb3ba,#ffa3a8);padding:4px}.border-preview-card.border-border .border-preview-inner{background:#fff;border-radius:8px}.border-style-name{font-size:13px;font-weight:500;color:var(--secondary)}.border-style-option.selected .border-style-name{color:var(--primary)}.border-color-section{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.04)}.border-color-label{font-size:12px;font-weight:500;color:var(--secondary);margin-bottom:12px}.border-color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.border-color-option{aspect-ratio:1;padding:4px;border-radius:var(--radius-small);cursor:pointer;transition:all .2s}.border-color-option:hover{background:#ffffff0d}.border-color-option.selected{background:#ffffff1a;box-shadow:inset 0 0 0 2px #ffffff4d}.border-color-preview{width:100%;height:100%;border-radius:4px;box-shadow:inset 0 0 0 1px #0000001a}.toggle-row{padding:12px 0}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-label input[type=checkbox]{display:none}.toggle-label .toggle-switch{width:44px;height:24px;background:var(--quaternary);border-radius:999px;position:relative;transition:all .2s;box-shadow:inset 0 0 0 1px var(--stroke)}.toggle-label .toggle-switch:after{content:"";position:absolute;width:18px;height:18px;background:var(--secondary);border-radius:50%;top:3px;left:3px;transition:all .2s}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:var(--accent);box-shadow:none}.toggle-label input[type=checkbox]:checked+.toggle-switch:after{left:23px;background:var(--background)}.toggle-label span:last-child{font-size:14px;color:var(--primary)}.pro-badge-inline{display:inline-block;margin-left:8px;font-size:9px;font-weight:700;color:var(--accent);background:#ffc10726;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.watermark-note{font-size:11px;color:var(--tertiary);margin:8px 0 0;padding:8px;background:#ffc10714;border-left:2px solid var(--accent);border-radius:4px;line-height:1.4}.image-upload-section{margin-top:16px}.image-upload-section .btn{width:100%;margin-bottom:16px}.timeline-controls{display:flex;align-items:center;gap:6px;margin-bottom:12px}.timeline-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-small);color:var(--secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.timeline-btn:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff1a;color:var(--primary)}.timeline-btn:disabled{opacity:.4;cursor:not-allowed}.timeline-btn svg{fill:currentColor;width:18px;height:18px;flex-shrink:0}.timeline-time-display{margin-left:auto;display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:13px;padding:6px 12px;background:#ffffff08;border-radius:var(--radius-small)}.timeline-time-display .current-time{color:var(--primary);font-weight:500}.timeline-time-display .separator{color:var(--tertiary)}.timeline-time-display .total-time{color:var(--secondary)}.timeline-zoom-controls{display:flex;align-items:center;gap:8px;margin-left:16px;padding:0 8px}.timeline-zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-small);cursor:pointer;color:var(--secondary);transition:all .2s}.timeline-zoom-btn:hover{background:#ffffff0f;color:var(--primary);border-color:var(--accent)}.timeline-zoom-btn svg{fill:currentColor;width:14px;height:14px}.timeline-zoom-slider{width:120px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.timeline-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}.timeline-zoom-slider::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}.timeline-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;position:relative}.timeline-track{position:relative;height:100px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-normal);cursor:pointer;min-width:100%}.timeline-markers{position:absolute;top:0;left:0;width:100%;height:32px;border-bottom:1px solid rgba(255,255,255,.04);pointer-events:none}.timeline-marker{position:absolute;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:4px;padding-left:6px;pointer-events:none}.timeline-marker.major .marker-tick{height:10px;background:#ffffff4d}.timeline-marker.minor .marker-tick{height:5px;background:#ffffff1a}.marker-tick{position:absolute;left:0;top:0;width:1px}.marker-time{font-family:var(--font-mono);font-size:11px;color:var(--tertiary);margin-top:2px}.timeline-video-track{position:absolute;top:32px;left:0;width:100%;bottom:0}.timeline-segment{position:absolute;height:60px;top:10px;background:var(--accent-background);border:2px solid var(--accent);border-radius:var(--radius-small);cursor:move;transition:all .2s}.timeline-segment:hover{background:#ffc10733}.timeline-segment.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.segment-trim-handle{position:absolute;top:0;bottom:0;width:8px;background:var(--accent);cursor:ew-resize;opacity:0;transition:opacity .2s}.segment-trim-handle.left{left:0;border-radius:var(--radius-tiny) 0 0 var(--radius-tiny)}.segment-trim-handle.right{right:0;border-radius:0 var(--radius-tiny) var(--radius-tiny) 0}.segment-content{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px}.segment-label{font-size:12px;font-weight:500;color:var(--accent)}.timeline-zoom{position:absolute;height:52px;top:4px;background:linear-gradient(to right,#292929,#434343,#292929);border:2px solid transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:500;color:#ffffffe6;cursor:pointer;transition:all .2s;box-shadow:inset 0 8px 12px 3px #fff3;overflow:hidden}.timeline-zoom:hover{border-color:#ffffff80}.timeline-zoom.selected{border-color:#fffc;box-shadow:0 0 0 2px #ffffff4d,inset 0 8px 12px 3px #fff3}.timeline-zoom svg{fill:currentColor}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--playhead);z-index:100;pointer-events:none;will-change:left;transform:translateZ(0);backface-visibility:hidden}.playhead-handle{position:absolute;top:-6px;left:-6px;width:14px;height:14px;background:var(--playhead);border-radius:50%;box-shadow:0 2px 8px #ff3c3c80;pointer-events:auto;cursor:grab}.playhead-handle:active{cursor:grabbing}.playhead-line{pointer-events:none}.playhead-line{position:absolute;top:0;left:0;width:2px;height:100%;background:var(--playhead)}@media (max-width: 1400px){.editor-page{grid-template-columns:1fr 320px}}@media (max-width: 1200px){.background-grid{grid-template-columns:repeat(4,1fr)}}.zoom-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.zoom-overlay-container{background:var(--quinary);border-radius:var(--radius-large);padding:24px;max-width:800px;width:90%;box-shadow:0 20px 60px #00000080}.zoom-overlay-header{position:relative;margin-bottom:20px}.zoom-overlay-header h3{font-size:18px;font-weight:600;color:var(--primary);margin-bottom:8px}.zoom-overlay-header p{font-size:13px;color:var(--secondary);font-family:var(--font-mono)}.zoom-overlay-close{position:absolute;top:0;right:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-small);cursor:pointer;color:var(--secondary);transition:all .2s}.zoom-overlay-close:hover{background:#ffffff0d;color:var(--primary)}.zoom-overlay-close svg{fill:currentColor}.zoom-overlay-canvas{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius-normal);overflow:hidden;cursor:crosshair;border:2px solid rgba(255,193,7,.3)}.zoom-overlay-grid{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.grid-line{position:absolute;background:#ffffff1a}.grid-line.horizontal{left:0;right:0;height:1px}.grid-line.vertical{top:0;bottom:0;width:1px}.zoom-center-point{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.center-point-inner{width:16px;height:16px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px #ffc1074d}.center-point-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:2px solid var(--accent);border-radius:50%;opacity:.5;animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.2}}.zoom-overlay-labels{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:space-between;padding:0 16px;pointer-events:none}.label-edge,.label-center{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.zoom-overlay-controls{margin-top:20px;display:flex;flex-direction:column;gap:16px}.zoom-control-row{display:flex;align-items:center;gap:12px}.zoom-control-row label{font-size:13px;color:var(--secondary);min-width:100px}.zoom-control-row input[type=range]{flex:1}.zoom-control-row span{font-family:var(--font-mono);font-size:13px;color:var(--primary);min-width:50px;text-align:right}.timeline-zoom{position:absolute;height:30px;bottom:10px;background:#4caf5033;border:2px solid #4CAF50;border-radius:var(--radius-small);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.timeline-zoom:hover{background:#4caf504d}.timeline-zoom.selected{border-color:#66bb6a;box-shadow:0 0 0 2px #4caf504d}.zoom-trim-handle{position:absolute;top:0;bottom:0;width:12px;cursor:ew-resize;opacity:0;transition:opacity .2s;z-index:10;display:flex;align-items:center;justify-content:center}.timeline-zoom:hover .zoom-trim-handle{opacity:1}.zoom-trim-handle.left{left:0}.zoom-trim-handle.right{right:0}.zoom-trim-handle:before{content:"";width:3px;height:32px;background:#fff;border-radius:2px;box-shadow:0 0 4px #0000004d}.zoom-content{display:flex;align-items:center;gap:4px;pointer-events:none}.zoom-content svg{fill:#4caf50}.zoom-label{font-size:11px;font-weight:600;color:#4caf50}.timeline-trim{background:linear-gradient(to right,#8b4513,peru,#8b4513)!important}.timeline-trim:hover{border-color:#ffa50080!important}.timeline-trim.selected{border-color:#ffa500cc!important;box-shadow:0 0 0 2px #ffa5004d,inset 0 8px 12px 3px #fff3!important}.timeline-trim .zoom-content svg{fill:#ff8c00!important}.timeline-trim .zoom-label{color:#ff8c00!important}.export-dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-dialog-container{background:var(--quinary);border-radius:var(--radius-large);padding:0;max-width:560px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column}.export-dialog-header{padding:24px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between}.export-dialog-header h2{font-size:20px;font-weight:600;color:var(--primary);margin:0}.export-dialog-header-actions{display:flex;align-items:center;gap:12px}.export-dialog-upgrade{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--accent),#ffd54f);border:none;border-radius:var(--radius-small);cursor:pointer;color:var(--background);font-size:13px;font-weight:600;transition:all .2s;white-space:nowrap}.export-dialog-upgrade:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ffc10766}.export-dialog-upgrade:active:not(:disabled){transform:translateY(0)}.export-dialog-upgrade:disabled{opacity:.5;cursor:not-allowed}.export-dialog-upgrade svg{fill:currentColor}.export-dialog-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-small);cursor:pointer;color:var(--secondary);transition:all .2s;padding:0}.export-dialog-close:hover:not(:disabled){background:#ffffff0d;color:var(--primary)}.export-dialog-close:disabled{opacity:.5;cursor:not-allowed}.export-dialog-close svg{fill:currentColor}.export-dialog-content{padding:24px;overflow-y:auto;flex:1}.export-dialog-section{margin-bottom:24px}.export-dialog-section:last-child{margin-bottom:0}.export-dialog-label{display:block;font-size:12px;font-weight:600;color:var(--tertiary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.export-dialog-input{width:100%;height:40px;padding:0 12px;background:var(--quaternary);border:1px solid var(--stroke);border-radius:var(--radius-small);color:var(--primary);font-size:14px;outline:none;transition:all .2s;box-sizing:border-box}.export-dialog-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #ffc10733}.export-dialog-input:disabled{opacity:.5;cursor:not-allowed}.export-dialog-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.export-dialog-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;background:var(--quaternary);border:2px solid transparent;border-radius:var(--radius-normal);cursor:pointer;transition:all .2s;text-align:left}.export-dialog-option:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff1a}.export-dialog-option.selected{background:#ffc1071a;border-color:var(--accent)}.export-dialog-option:disabled{opacity:.5;cursor:not-allowed}.export-dialog-option .option-label{font-size:14px;font-weight:500;color:var(--primary)}.export-dialog-option .option-subtitle{font-size:12px;color:var(--tertiary)}.export-dialog-option.selected .option-label{color:var(--accent)}.export-dialog-option.locked{opacity:.5;cursor:not-allowed;position:relative}.export-dialog-option.locked:hover{background:var(--quaternary);border-color:transparent}.export-dialog-option .lock-icon{position:absolute;top:8px;right:8px;color:var(--tertiary)}.export-dialog-option .pro-tag{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,var(--accent),#ffd54f);color:var(--background);font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.export-dialog-label .pro-badge{display:inline-block;margin-left:8px;font-size:10px;font-weight:500;color:var(--accent);text-transform:none;letter-spacing:0;background:#ffc1071a;padding:2px 8px;border-radius:4px}.export-dialog-duration{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--quaternary);border-radius:var(--radius-small);border:1px solid var(--stroke)}.export-dialog-duration .duration-value{font-size:24px;font-weight:700;color:var(--accent);font-family:Courier New,monospace}.export-dialog-duration .duration-warning{font-size:12px;color:#ff9800;display:flex;align-items:center;gap:6px}.export-dialog-camera{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--quaternary);border-radius:var(--radius-small);border:1px solid var(--stroke)}.camera-toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.camera-toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.camera-toggle-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.camera-toggle-label .toggle-switch{position:relative;width:40px;height:20px;background:var(--stroke);border-radius:10px;transition:background .2s}.camera-toggle-label input[type=checkbox]:checked+.toggle-switch{background:var(--accent)}.camera-toggle-label .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.camera-toggle-label input[type=checkbox]:checked+.toggle-switch:after{transform:translate(20px)}.camera-toggle-label span:last-child{font-size:14px;color:var(--primary)}.camera-note{font-size:12px;color:var(--tertiary);margin:0;padding-left:30px;line-height:1.5}.export-dialog-checkbox{padding:12px;background:var(--quaternary);border-radius:var(--radius-small);border:1px solid var(--stroke)}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;flex-shrink:0}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-text{font-size:13px;color:var(--secondary);line-height:1.6}.checkbox-label input[type=checkbox]:checked~.checkbox-text{color:var(--primary)}.export-dialog-footer{padding:24px;border-top:1px solid var(--stroke);display:flex;gap:12px;justify-content:flex-end}.export-progress-container{display:flex;flex-direction:column;gap:8px}.export-progress-bar{width:100%;height:8px;background:var(--quaternary);border-radius:4px;overflow:hidden;position:relative}.export-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ffd54f);border-radius:4px;transition:width .1s ease-out;position:relative;overflow:hidden}.export-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.export-progress-info{display:flex;justify-content:space-between;align-items:center}.export-progress-percentage{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--accent)}.export-progress-status{font-size:12px;color:var(--secondary)}.upgrade-dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upgrade-dialog-container{background:var(--quinary);border-radius:var(--radius-large);padding:0;max-width:600px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column}.upgrade-dialog-header{padding:24px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between}.upgrade-dialog-header h2{font-size:24px;font-weight:600;color:var(--primary);margin:0}.upgrade-dialog-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-small);cursor:pointer;color:var(--secondary);transition:all .2s;padding:0}.upgrade-dialog-close:hover{background:#ffffff0d;color:var(--primary)}.upgrade-dialog-close svg{fill:currentColor}.upgrade-dialog-content{padding:24px;display:flex;flex-direction:column;flex:1;overflow:hidden}.upgrade-plan-selection{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;flex-shrink:0}.upgrade-plan-option{position:relative;padding:20px;background:var(--quaternary);border:2px solid transparent;border-radius:var(--radius-normal);cursor:pointer;transition:all .2s;text-align:left;display:flex;flex-direction:column;gap:8px}.upgrade-plan-option:hover{background:#ffffff0f;border-color:#ffffff1a}.upgrade-plan-option.selected{background:#7c3aed26;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.plan-header{display:flex;flex-direction:column;gap:8px}.plan-name{font-size:18px;font-weight:600;color:var(--primary)}.plan-price{font-size:24px;font-weight:700;color:var(--accent);display:flex;align-items:baseline;gap:4px}.plan-period{font-size:14px;font-weight:400;color:var(--tertiary)}.plan-badge{position:absolute;top:12px;right:12px;padding:4px 10px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:11px;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.upgrade-features-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;margin-bottom:24px}.upgrade-features{padding-right:8px}.upgrade-features-scrollable::-webkit-scrollbar{width:6px}.upgrade-features-scrollable::-webkit-scrollbar-track{background:var(--quaternary);border-radius:3px}.upgrade-features-scrollable::-webkit-scrollbar-thumb{background:var(--stroke);border-radius:3px}.upgrade-features-scrollable::-webkit-scrollbar-thumb:hover{background:var(--tertiary)}.features-title{font-size:16px;font-weight:600;color:var(--primary);margin:0 0 16px}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--secondary)}.feature-icon{color:#10b981;flex-shrink:0}.upgrade-license-section{margin-top:0;padding-top:24px;border-top:1px solid var(--stroke);flex-shrink:0}.upgrade-license-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:1px solid var(--stroke);border-radius:var(--radius-small);color:var(--secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.upgrade-license-button:hover{background:#ffffff0d;border-color:var(--accent);color:var(--primary)}.upgrade-license-button svg{fill:currentColor}.upgrade-dialog-footer{padding:24px;border-top:1px solid var(--stroke);display:flex;gap:12px;justify-content:flex-end}.upgrade-buy-button{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;box-shadow:0 4px 12px #7c3aed4d}.upgrade-buy-button:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 6px 16px #7c3aed66;transform:translateY(-1px)}.btn-secondary{background:var(--quaternary);color:var(--primary);border:1px solid var(--stroke)}.btn-secondary:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff1a}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.timeline-scroll-container{will-change:scroll-position;transform:translateZ(0);-webkit-overflow-scrolling:touch;contain:layout style paint}.timeline-track{will-change:transform;transform:translateZ(0);contain:layout style paint}.timeline-playhead{will-change:left;transform:translateZ(0);contain:layout style paint}.options-panel{will-change:scroll-position;transform:translateZ(0);contain:layout style paint}.timeline-segment,.timeline-zoom{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.compact-canvas{transform:translateZ(0);will-change:contents}.timeline-scroll-container{scroll-behavior:smooth}.timeline-scroll-container::-webkit-scrollbar{height:8px}.timeline-scroll-container::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.timeline-scroll-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.timeline-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffffff26}.timeline-segment{position:absolute;height:52px;top:4px;background:linear-gradient(to right,#2675db,#4fa0ff,#2675db);border:2px solid transparent;border-radius:12px;cursor:move;transition:all .2s;box-shadow:inset 0 5px 10px 5px #fff3;overflow:hidden}.timeline-segment:hover{border-color:#ffffff80}.timeline-segment.selected{border-color:#fffc;box-shadow:0 0 0 2px #ffffff4d,inset 0 5px 10px 5px #fff3}.segment-trim-handle{position:absolute;top:0;bottom:0;width:12px;cursor:ew-resize;opacity:0;transition:opacity .2s;z-index:10;display:flex;align-items:center;justify-content:center}.timeline-segment:hover .segment-trim-handle{opacity:1}.segment-trim-handle.left{left:0}.segment-trim-handle.right{right:0}.segment-trim-handle:before{content:"";width:3px;height:32px;background:#fff;border-radius:2px;box-shadow:0 0 4px #0000004d}.segment-content{display:flex;align-items:center;justify-content:center;height:100%;padding:0 8px;pointer-events:none;color:#ffffffe6;font-size:11px;font-weight:500}.pro-timeline{background:#1a1a1a;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;display:flex;flex-direction:column;height:200px}.pro-timeline-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#252525;border-bottom:1px solid rgba(255,255,255,.08);gap:16px;flex-shrink:0}.pro-timeline-tools{display:flex;align-items:center;gap:4px;flex:1}.pro-tool-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#b3b3b3;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.pro-tool-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff1f;color:#fff}.pro-tool-btn:active:not(:disabled){background:#ffffff1f;transform:translateY(1px)}.pro-tool-btn:disabled{opacity:.35;cursor:not-allowed}.pro-tool-btn svg{fill:currentColor;width:16px;height:16px;flex-shrink:0}.pro-tool-separator{width:1px;height:20px;background:#ffffff1f;margin:0 4px}.pro-timeline-info{display:flex;align-items:center;gap:16px}.pro-time-display{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:13px;padding:6px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px}.pro-time-current{color:#fff;font-weight:600}.pro-time-separator{color:#6b6b6b}.pro-time-total{color:#b3b3b3}.pro-timeline-controls{display:flex;align-items:center;gap:8px}.pro-control-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;cursor:pointer;color:#b3b3b3;transition:all .15s ease}.pro-control-btn:hover{background:#ffffff14;color:#fff}.pro-control-btn.active{background:#ffc10726;border-color:var(--accent);color:var(--accent)}.pro-control-btn svg{fill:currentColor;width:16px;height:16px}.pro-zoom-controls{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px}.pro-zoom-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#b3b3b3;transition:all .15s ease;border-radius:3px}.pro-zoom-btn:hover{background:#ffffff14;color:#fff}.pro-zoom-btn svg{fill:currentColor;width:14px;height:14px}.pro-zoom-slider{width:100px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.pro-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer;transition:all .15s ease}.pro-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #ffc10733}.pro-zoom-slider::-moz-range-thumb{width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer;border:none;transition:all .15s ease}.pro-zoom-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #ffc10733}.pro-timeline-view{flex:1;overflow:hidden;position:relative;background:#141414}.pro-timeline-scroll{width:100%;height:100%;overflow-x:auto;overflow-y:auto;position:relative}.pro-timeline-scroll::-webkit-scrollbar{height:10px}.pro-timeline-scroll::-webkit-scrollbar-track{background:#0f0f0f}.pro-timeline-scroll::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:5px}.pro-timeline-scroll::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.pro-timeline-ruler{position:relative;min-height:210px;background:#141414;cursor:pointer}.pro-ruler{position:absolute;top:0;left:0;width:100%;height:36px;background:#1e1e1e;border-bottom:1px solid rgba(255,255,255,.1);pointer-events:none}.pro-ruler-marker{position:absolute;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:6px;padding-left:4px;pointer-events:none}.pro-ruler-tick{position:absolute;left:0;top:0;width:1px;height:100%}.pro-ruler-marker.major .pro-ruler-tick{height:16px;background:#fff6}.pro-ruler-marker.minor .pro-ruler-tick{height:8px;background:#ffffff26}.pro-ruler-label{font-family:var(--font-mono);font-size:10px;color:#999;margin-top:4px;font-weight:500;-webkit-user-select:none;user-select:none}.pro-tracks-container{position:absolute;top:36px;left:0;right:0;bottom:0;display:flex;flex-direction:column}.pro-track{position:relative;display:flex;height:56px;min-height:56px;background:#141414;border-bottom:1px solid rgba(255,255,255,.08)}.pro-track:last-child{border-bottom:none}.pro-track-label{width:80px;min-width:80px;background:#1a1a1a;border-right:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:0 10px;font-size:10px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;gap:4px}.pro-track-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-text .pro-track-label{border-left:3px solid #9b59b6}.track-zoom .pro-track-label{border-left:3px solid #27ae60}.track-trim .pro-track-label{border-left:3px solid #e67e22}.pro-track-content{flex:1;position:relative;background:repeating-linear-gradient(90deg,#141414,#141414 20px,#161616 20px,#161616 21px);min-height:100%;cursor:pointer}.clip-item{position:absolute;top:50%;transform:translateY(-50%);height:40px;border-radius:6px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;min-width:40px;overflow:hidden;box-shadow:0 2px 4px #0000004d}.clip-item:hover{transform:translateY(-50%) scale(1.02);box-shadow:0 4px 8px #0006}.clip-item.selected{box-shadow:0 0 0 2px var(--accent),0 4px 12px #ffc1074d;z-index:10}.clip-trim{background:linear-gradient(135deg,#4a90e2,#357abd);border:1px solid #5aa0f2}.clip-trim:hover{border-color:#6ab0ff}.clip-trim.selected{border-color:var(--accent)}.clip-zoom{background:linear-gradient(135deg,#50c878,#3fa860);border:1px solid #60d888}.clip-zoom:hover{border-color:#70e898}.clip-zoom.selected{border-color:var(--accent)}.clip-text{background:linear-gradient(135deg,#9c27b033,#7b1fa24d);border:1px solid #9c27b0}.clip-text:hover{border-color:#ba68c8}.clip-text.selected{border-color:var(--accent)}.clip-trim-area{background:linear-gradient(135deg,#ff8c42,#e67a2e);border:1px solid #ff9c52}.clip-trim-area:hover{border-color:#ffac62}.clip-trim-area.selected{border-color:var(--accent)}.clip-content{flex:1;display:flex;align-items:center;gap:6px;padding:0 10px;pointer-events:auto;min-width:0;cursor:grab}.clip-content:active{cursor:grabbing}.clip-icon{font-size:14px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.clip-label{font-size:11px;font-weight:600;color:#fffffff2;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis}.trim-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;opacity:0;transition:opacity .2s ease;z-index:20;display:flex;align-items:center;justify-content:center}.clip-item:hover .trim-handle{opacity:1}.trim-handle.left{left:0;border-radius:4px 0 0 4px}.trim-handle.right{right:0;border-radius:0 4px 4px 0}.trim-handle:before{content:"";width:3px;height:24px;background:#ffffffe6;border-radius:2px;box-shadow:0 0 4px #00000080;transition:all .15s ease}.trim-handle:hover:before{background:#fff;width:4px;height:32px;box-shadow:0 0 6px #fff9}.pro-playhead{position:absolute;top:0;bottom:0;width:2px;pointer-events:none;z-index:100;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.pro-playhead-line{position:absolute;top:-36px;left:-1px;width:2px;height:calc(100% + 36px);background:var(--playhead);box-shadow:0 0 4px #ff3c3c99}.pro-playhead-handle{position:absolute;top:-8px;left:-7px;width:16px;height:16px;background:var(--playhead);border-radius:50%;box-shadow:0 2px 8px #ff3c3c80,0 0 0 2px #0000004d;pointer-events:auto;cursor:grab;transition:all .15s ease}.pro-playhead-handle:hover{transform:scale(1.2);box-shadow:0 3px 12px #ff3c3cb3,0 0 0 2px #0000004d}.pro-playhead-handle:active{cursor:grabbing;transform:scale(1.1)}.clip-item.snapping{box-shadow:0 0 0 1px #ffc10799,0 2px 8px #0000004d}.landing-page{min-height:100vh;background:var(--background);color:var(--primary);overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#171717d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--stroke)}.nav-container{max-width:1400px;margin:0 auto;padding:16px 32px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}.nav-logo{display:flex;align-items:center;gap:12px}.nav-logo-icon{width:32px;height:32px;object-fit:contain}.logo-text{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-cta{padding:10px 20px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-normal);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 8px #ffc10740}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffc10766;background:#ffb300}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--primary);cursor:pointer;padding:8px;transition:all .2s}.mobile-menu-toggle:hover{color:var(--accent)}.mobile-menu-overlay{display:none;position:fixed;top:70px;left:0;right:0;background:var(--quinary);border-top:1px solid var(--stroke);box-shadow:0 10px 40px #0000004d;z-index:999;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-links{display:flex;flex-direction:column;padding:16px;gap:4px;max-height:calc(100vh - 90px);overflow-y:auto}.mobile-menu-link{padding:14px 16px;color:var(--secondary);text-decoration:none;font-size:16px;font-weight:500;border-radius:var(--radius-small);transition:all .2s;display:flex;align-items:center;gap:12px;background:transparent;border:none;width:100%;text-align:left;cursor:pointer}.mobile-menu-link:hover{background:var(--quaternary);color:var(--primary)}.mobile-menu-link.active{color:var(--accent);background:var(--accent-background)}.mobile-menu-divider{height:1px;background:var(--stroke);margin:8px 0}.mobile-menu-signout{color:#ef4444}.mobile-menu-signout:hover{background:#ef44441a}.mobile-menu-cta{margin-top:8px;padding:14px 20px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-normal);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ffc10740}.mobile-menu-cta:hover{background:#ffb300;transform:translateY(-1px)}.hero-section{padding:120px 32px 80px;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,193,7,.1) 0%,transparent 70%);pointer-events:none}.hero-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1}.hero-content{display:flex;flex-direction:column;gap:24px}.hero-title{font-size:64px;font-weight:700;line-height:1.1;color:var(--primary);margin:0}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,#ffd54f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:20px;line-height:1.6;color:var(--secondary);max-width:600px}.hero-cta{display:flex;gap:16px;margin-top:8px}.btn-hero-primary{padding:16px 32px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-normal);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffc10766}.btn-hero-secondary{padding:16px 32px;background:transparent;color:var(--primary);border:2px solid var(--stroke);border-radius:var(--radius-normal);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-hero-secondary:hover{background:var(--quaternary);border-color:var(--accent)}.btn-icon{width:18px;height:18px}.hero-visual{display:flex;align-items:center;justify-content:center}.hero-preview{width:100%;max-width:600px;aspect-ratio:16/9;position:relative}.preview-frame{width:100%;height:100%;background:var(--quinary);border-radius:var(--radius-large);border:2px solid var(--stroke);position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.preview-content{width:100%;height:100%;background:linear-gradient(135deg,#ffc1071a,#ffc1070d);display:flex;align-items:center;justify-content:center;position:relative}.preview-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px)}.features-section{padding:120px 32px;background:var(--quinary)}.features-container{max-width:1200px;margin:0 auto}.section-title{font-size:48px;font-weight:700;text-align:center;color:var(--primary);margin-bottom:64px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{padding:32px;background:var(--quaternary);border:1px solid var(--stroke);border-radius:var(--radius-large);transition:all .3s ease;display:flex;flex-direction:column;gap:16px}.feature-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 24px #ffc10733}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-background);border-radius:var(--radius-normal);color:var(--accent);font-size:24px}.feature-title{font-size:20px;font-weight:600;color:var(--primary);margin:0}.feature-description{font-size:15px;line-height:1.6;color:var(--secondary);margin:0}.cta-section{padding:120px 32px;background:var(--background);text-align:center}.cta-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:24px;align-items:center}.cta-title{font-size:48px;font-weight:700;color:var(--primary);margin:0}.cta-description{font-size:20px;color:var(--secondary);margin:0}.btn-cta{padding:18px 40px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-normal);font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;margin-top:16px}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffc10766}.landing-footer{padding:40px 32px;background:var(--quinary);border-top:1px solid var(--stroke)}.footer-container{max-width:1200px;margin:0 auto;text-align:center}.footer-text{font-size:14px;color:var(--tertiary);margin:0}@media (max-width: 968px){.hero-container{grid-template-columns:1fr;gap:48px;text-align:center}.hero-title{font-size:48px}.hero-description{font-size:18px}.features-grid{grid-template-columns:repeat(2,1fr)}.section-title,.cta-title{font-size:36px}}@media (max-width: 640px){.nav-container{padding:16px 20px}.hero-section{padding:100px 20px 60px}.hero-title{font-size:36px}.hero-description{font-size:16px}.hero-cta{flex-direction:column}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}.features-section{padding:80px 20px}.features-grid{grid-template-columns:1fr;gap:24px}.section-title{font-size:28px;margin-bottom:48px}.cta-section{padding:80px 20px}.cta-title{font-size:28px}.cta-description{font-size:16px}.btn-cta{width:100%;justify-content:center}}.nav-links-center{display:flex;align-items:center;justify-content:center;gap:32px}.nav-links-right{display:flex;align-items:center;gap:16px}.nav-link{color:var(--secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;white-space:nowrap}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--accent)}.hero-badge{display:inline-block;width:fit-content;padding:8px 16px;background:var(--accent-background);border:1px solid var(--accent);border-radius:999px;margin-bottom:24px}.badge-text{font-size:14px;font-weight:500;color:var(--accent)}.preview-video-container{width:100%;height:100%;position:relative;overflow:hidden;border-radius:var(--radius-normal);background:var(--background)}.hero-video{position:absolute;top:-80px;left:0;width:100%;height:calc(100% + 160px);border:none;pointer-events:none;object-fit:cover;transform:scale(1.1)}.video-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background);z-index:100;animation:fadeOutOverlay .5s ease-in-out 2.5s forwards;pointer-events:none}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0;visibility:hidden}}.stats-section{padding:80px 32px;background:var(--quinary);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:64px;text-align:center}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-number{font-size:48px;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:16px;color:var(--secondary)}.workflow-section{padding:120px 32px;background:var(--background)}.workflow-container{max-width:1200px;margin:0 auto}.workflow-section .section-header{text-align:center;margin-bottom:40px}.section-subtitle{font-size:20px;color:var(--secondary);margin-top:16px;max-width:700px;margin-left:auto;margin-right:auto}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.workflow-step{text-align:center;position:relative}.step-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:120px;font-weight:700;color:#ffc1071a;z-index:0}.step-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:var(--accent-background);border-radius:var(--radius-large);color:var(--accent);font-size:32px;position:relative;z-index:1}.step-title{font-size:24px;font-weight:600;color:var(--primary);margin-bottom:12px}.step-description{font-size:16px;color:var(--secondary);line-height:1.6}.tools-section{padding:120px 32px;background:var(--quinary)}.tools-container{max-width:1200px;margin:0 auto}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.tool-card{padding:40px;background:var(--quaternary);border:1px solid var(--stroke);border-radius:var(--radius-large);transition:all .3s ease}.tool-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 24px #ffc10733}.tool-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--accent-background);border-radius:var(--radius-normal);color:var(--accent);font-size:24px;margin-bottom:20px}.tool-title{font-size:20px;font-weight:600;color:var(--primary);margin-bottom:12px}.tool-description{font-size:15px;color:var(--secondary);line-height:1.6}.interface-section{padding:120px 32px;background:var(--background)}.interface-container{max-width:1400px;margin:0 auto}.interface-showcase{margin-top:64px}.showcase-frame{width:100%;aspect-ratio:16/9;background:var(--quinary);border:2px solid var(--stroke);border-radius:var(--radius-large);overflow:hidden;box-shadow:0 20px 60px #00000080}.showcase-content{width:100%;height:100%;background:linear-gradient(135deg,#ffc1070d,#ffc10705);display:flex;align-items:center;justify-content:center}.showcase-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-normal);display:block}.results-section{padding:120px 32px;background:var(--quinary)}.results-container{max-width:1200px;margin:0 auto}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:64px}.result-item{padding:32px;background:var(--quaternary);border:1px solid var(--stroke);border-radius:var(--radius-large);display:flex;gap:20px;transition:all .3s ease}.result-item:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 24px #ffc10733}.result-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-background);border-radius:var(--radius-normal);color:var(--accent);font-size:24px}.result-title{font-size:20px;font-weight:600;color:var(--primary);margin-bottom:8px}.result-description{font-size:15px;color:var(--secondary);line-height:1.6}.platform-section{padding:120px 32px;background:var(--background)}.platform-container{max-width:1200px;margin:0 auto}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px}.platform-card{padding:40px;background:var(--quaternary);border:1px solid var(--stroke);border-radius:var(--radius-large);text-align:center;transition:all .3s ease}.platform-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 24px #ffc10733}.platform-icon{font-size:48px;margin-bottom:16px}.platform-browser{font-size:32px;margin-bottom:20px}.platform-title{font-size:20px;font-weight:600;color:var(--primary);margin-bottom:12px}.platform-description{font-size:15px;color:var(--secondary);line-height:1.6}.platform-note{text-align:center;margin-top:48px;font-size:16px;color:var(--tertiary);font-style:italic}.extension-section{padding:120px 32px;background:var(--quinary)}.extension-container{max-width:1200px;margin:0 auto}.extension-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.extension-text{display:flex;flex-direction:column;gap:24px}.extension-features{display:flex;flex-direction:column;gap:16px;margin:24px 0}.extension-feature{display:flex;align-items:center;gap:12px;color:var(--secondary)}.check-icon{width:20px;height:20px;color:var(--accent);flex-shrink:0}.btn-extension{padding:16px 32px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-normal);font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;text-decoration:none;width:fit-content}.btn-extension:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffc10766}.extension-visual{display:flex;align-items:center;justify-content:center}.extension-preview{width:100%;max-width:500px}.extension-frame{width:100%;aspect-ratio:4/3;background:var(--quaternary);border:2px solid var(--stroke);border-radius:var(--radius-large);overflow:hidden;box-shadow:0 20px 60px #00000080}.extension-logo{width:100%;height:100%;object-fit:contain;padding:48px;display:block}.usecases-section{padding:120px 32px;background:var(--background)}.usecases-container{max-width:1200px;margin:0 auto}.usecases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px}.usecase-card{padding:32px;background:var(--quaternary);border:1px solid var(--stroke);border-radius:var(--radius-large);transition:all .3s ease}.usecase-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 24px #ffc10733}.usecase-title{font-size:20px;font-weight:600;color:var(--primary);margin-bottom:12px}.usecase-description{font-size:15px;color:var(--secondary);line-height:1.6}.cta-buttons{display:flex;gap:16px;justify-content:center;margin-top:32px}.btn-cta-secondary{padding:18px 40px;background:transparent;color:var(--primary);border:2px solid var(--stroke);border-radius:var(--radius-normal);font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center}.btn-cta-secondary:hover{background:var(--quaternary);border-color:var(--accent)}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:48px}.footer-section{display:flex;flex-direction:column;gap:16px}.footer-title{font-size:16px;font-weight:600;color:var(--primary);margin-bottom:8px}.footer-link{color:var(--secondary);text-decoration:none;font-size:14px;transition:color .2s}.footer-link:hover{color:var(--accent)}.footer-bottom{padding-top:32px;border-top:1px solid var(--stroke);text-align:center}.privacy-policy-page,.terms-page{min-height:100vh;background:var(--background);color:var(--primary);padding:120px 32px 80px}.privacy-container,.terms-container{max-width:900px;margin:0 auto}.privacy-title,.terms-title{font-size:48px;font-weight:700;color:var(--primary);margin-bottom:8px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.privacy-last-updated,.terms-last-updated{font-size:14px;color:var(--tertiary);margin-bottom:48px}.privacy-section,.terms-section{margin-bottom:48px}.privacy-section-title,.terms-section-title{font-size:28px;font-weight:600;color:var(--primary);margin-bottom:16px;margin-top:32px}.privacy-subsection-title,.terms-subsection-title{font-size:20px;font-weight:600;color:var(--primary);margin-bottom:12px;margin-top:24px}.privacy-text,.terms-text{font-size:16px;line-height:1.8;color:var(--secondary);margin-bottom:16px}.privacy-list,.terms-list{font-size:16px;line-height:1.8;color:var(--secondary);margin-bottom:24px;padding-left:24px}.privacy-list li,.terms-list li{margin-bottom:12px}.privacy-link,.terms-link{color:var(--accent);text-decoration:none;transition:color .2s}.privacy-link:hover,.terms-link:hover{color:#ffb300;text-decoration:underline}@media (max-width: 768px){.privacy-policy-page,.terms-page{padding:100px 20px 60px}.privacy-title,.terms-title{font-size:36px}.privacy-section-title,.terms-section-title{font-size:24px}.privacy-subsection-title,.terms-subsection-title{font-size:18px}.privacy-text,.terms-text,.privacy-list,.terms-list{font-size:15px}}.pricing-page{min-height:100vh;background:var(--background);color:var(--primary)}.pricing-hero{padding:140px 32px 80px;text-align:center;background:linear-gradient(180deg,var(--background) 0%,var(--quinary) 100%)}.pricing-hero-container{max-width:800px;margin:0 auto}.pricing-hero-title{font-size:56px;font-weight:700;color:var(--primary);margin-bottom:16px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-hero-description{font-size:20px;color:var(--secondary);line-height:1.6}.pricing-cards-section{padding:80px 32px 120px}.pricing-cards-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.pricing-card{padding:48px;background:var(--quaternary);border:2px solid var(--stroke);border-radius:var(--radius-large);position:relative;transition:all .3s ease;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.pricing-card.featured{border-color:var(--accent);background:var(--quinary);transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;background:var(--accent);color:var(--on-accent);border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pricing-badge.featured-badge{background:var(--accent)}.pricing-header{text-align:center;margin-bottom:32px}.pricing-plan-name{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:16px}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:16px}.price-amount{font-size:56px;font-weight:700;color:var(--accent)}.price-period{font-size:18px;color:var(--secondary)}.pricing-description{font-size:16px;color:var(--secondary);line-height:1.6}.pricing-features{flex:1;display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.pricing-feature{display:flex;align-items:center;gap:12px;color:var(--secondary)}.feature-check{width:20px;height:20px;color:var(--accent);flex-shrink:0}.btn-pricing-primary{padding:18px 32px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-normal);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-pricing-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffc10766}.btn-pricing-featured{padding:18px 32px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-normal);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 4px 16px #ffc1074d}.btn-pricing-featured:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffc10766}.btn-pricing-primary:disabled,.btn-pricing-featured:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-pricing-active{background:#22c55e1a!important;color:#86efac!important;border:1px solid rgba(34,197,94,.3)!important}.btn-pricing-active:hover{transform:none!important;box-shadow:none!important}.pricing-active-badge{position:absolute;top:-12px;right:20px;padding:6px 16px;background:#22c55e1a;color:#86efac;border:1px solid rgba(34,197,94,.3);border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pro-badge-nav{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:4px 8px;background:#ffc10726;color:var(--accent);border-radius:var(--radius-small);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pro-badge-small{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--accent);color:var(--on-accent);border-radius:50%;border:2px solid var(--background);z-index:1}.nav-profile-dropdown-plan{font-size:12px;color:var(--accent);margin-top:4px;font-weight:500}.pricing-faq-section{padding:120px 32px;background:var(--quinary)}.pricing-faq-container{max-width:1000px;margin:0 auto}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:64px}.faq-item{padding:32px;background:var(--quaternary);border:1px solid var(--stroke);border-radius:var(--radius-large)}.faq-question{font-size:20px;font-weight:600;color:var(--primary);margin-bottom:12px}.faq-answer{font-size:15px;color:var(--secondary);line-height:1.6}.contact-page{min-height:100vh;background:var(--background);color:var(--primary)}.contact-hero{padding:140px 32px 80px;text-align:center;background:linear-gradient(180deg,var(--background) 0%,var(--quinary) 100%)}.contact-hero-container{max-width:800px;margin:0 auto}.contact-hero-title{font-size:56px;font-weight:700;color:var(--primary);margin-bottom:16px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-hero-description{font-size:20px;color:var(--secondary);line-height:1.6}.contact-content-section{padding:80px 32px 120px}.contact-content-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:64px}.contact-info{display:flex;flex-direction:column;gap:24px}.info-card{padding:32px;background:var(--quaternary);border:1px solid var(--stroke);border-radius:var(--radius-large)}.info-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-background);border-radius:var(--radius-normal);color:var(--accent);font-size:24px;margin-bottom:20px}.info-title{font-size:20px;font-weight:600;color:var(--primary);margin-bottom:8px}.info-description{font-size:15px;color:var(--secondary);margin-bottom:16px;line-height:1.6}.info-link{color:var(--accent);text-decoration:none;font-size:15px;font-weight:500;transition:color .2s}.info-link:hover{color:var(--primary)}.contact-form-container{padding:48px;background:var(--quaternary);border:1px solid var(--stroke);border-radius:var(--radius-large)}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--primary)}.form-input,.form-textarea{padding:12px 16px;background:var(--quinary);border:1px solid var(--stroke);border-radius:var(--radius-normal);color:var(--primary);font-size:15px;font-family:var(--font-sans);transition:all .2s;outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffc1071a}.form-textarea{resize:vertical;min-height:120px}.btn-form-submit{padding:16px 32px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-normal);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;margin-top:8px}.btn-form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffc10766}.form-success{text-align:center;padding:48px}.success-icon{width:64px;height:64px;color:var(--accent);margin:0 auto 24px}.success-title{font-size:24px;font-weight:600;color:var(--primary);margin-bottom:12px}.success-description{font-size:16px;color:var(--secondary)}.license-section{padding:120px 32px;background:var(--quinary)}.license-container{max-width:1000px;margin:0 auto}.license-verification-box{background:var(--quaternary);border:2px solid var(--stroke);border-radius:var(--radius-large);padding:40px;margin-top:48px;box-shadow:0 8px 32px #0000001a}.license-input-group{display:flex;gap:16px;margin-bottom:16px}.license-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.license-input-icon{position:absolute;left:16px;color:var(--tertiary);width:20px;height:20px;pointer-events:none}.license-input{width:100%;padding:16px 16px 16px 48px;background:var(--quinary);border:2px solid var(--stroke);border-radius:var(--radius-normal);color:var(--primary);font-size:16px;font-family:var(--font-mono);letter-spacing:1px;transition:all .2s;outline:none}.license-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffc1071a}.license-input::placeholder{color:var(--tertiary);letter-spacing:0}.btn-license-verify{padding:16px 32px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:var(--radius-normal);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;white-space:nowrap;box-shadow:0 4px 12px #7c3aed4d}.btn-license-verify:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 6px 16px #7c3aed66;transform:translateY(-1px)}.btn-license-verify:active{transform:translateY(0)}.btn-license-verify .btn-icon{width:18px;height:18px}.license-help-text{font-size:14px;color:var(--tertiary);text-align:center;margin:0}.license-help-link{color:var(--accent);text-decoration:none;transition:color .2s}.license-help-link:hover{color:#ffd54f;text-decoration:underline}.license-details-section{margin-top:64px}.license-details-title{font-size:28px;font-weight:600;color:var(--primary);margin-bottom:32px}.license-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:48px}.license-detail-card{background:var(--quaternary);border:1px solid var(--stroke);border-radius:var(--radius-large);padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s}.license-detail-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.license-detail-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-background);border-radius:var(--radius-normal);color:var(--accent);flex-shrink:0}.license-detail-icon svg{width:24px;height:24px}.license-detail-content{flex:1}.license-detail-label{font-size:12px;font-weight:600;color:var(--tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.license-detail-value{font-size:16px;font-weight:600;color:var(--primary);margin:0;font-family:var(--font-mono)}.license-history{margin-top:48px}.license-history-title{font-size:24px;font-weight:600;color:var(--primary);margin-bottom:24px}.license-history-list{background:var(--quaternary);border:1px solid var(--stroke);border-radius:var(--radius-large);padding:32px;min-height:200px}.license-history-empty{display:flex;align-items:center;justify-content:center;min-height:200px}.license-history-empty-text{font-size:15px;color:var(--tertiary);text-align:center;margin:0}@media (max-width: 768px){.license-input-group{flex-direction:column}.btn-license-verify{width:100%;justify-content:center}.license-details-grid{grid-template-columns:1fr}}.license-verification-page{min-height:100vh;background:var(--background);color:var(--primary)}.license-hero{padding:140px 32px 80px;background:linear-gradient(135deg,#7c3aed1a,#ffc1070d);border-bottom:1px solid var(--stroke)}.license-hero-container{max-width:1200px;margin:0 auto;text-align:center}.license-hero-content{display:flex;flex-direction:column;align-items:center;gap:24px}.license-hero-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:var(--radius-large);color:#fff;margin-bottom:8px}.license-hero-icon svg{width:40px;height:40px}.license-hero-title{font-size:48px;font-weight:700;color:var(--primary);margin:0}.license-hero-description{font-size:20px;color:var(--secondary);max-width:600px;margin:0;line-height:1.6}.license-main-section{padding:80px 32px 120px}.license-main-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.license-verification-box-large{background:var(--quaternary);border:2px solid var(--stroke);border-radius:var(--radius-large);padding:48px;box-shadow:0 8px 32px #0000001a}.license-box-header{text-align:center;margin-bottom:32px}.license-box-title{font-size:32px;font-weight:600;color:var(--primary);margin:0 0 8px}.license-box-subtitle{font-size:16px;color:var(--secondary);margin:0}.license-input-group-large{display:flex;gap:16px;margin-bottom:24px}.license-input-wrapper-large{flex:1;position:relative;display:flex;align-items:center}.license-input-icon-large{position:absolute;left:20px;color:var(--tertiary);width:22px;height:22px;pointer-events:none;z-index:1}.license-input-large{width:100%;padding:18px 20px 18px 56px;background:var(--quinary);border:2px solid var(--stroke);border-radius:var(--radius-normal);color:var(--primary);font-size:16px;font-family:var(--font-mono);letter-spacing:1px;transition:all .2s;outline:none}.license-input-large:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffc1071a}.license-input-large:disabled{opacity:.6;cursor:not-allowed}.license-input-large::placeholder{color:var(--tertiary);letter-spacing:0;font-family:var(--font-sans)}.btn-license-verify-large{padding:18px 40px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:var(--radius-normal);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;white-space:nowrap;box-shadow:0 4px 12px #7c3aed4d}.btn-license-verify-large:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 6px 16px #7c3aed66;transform:translateY(-1px)}.btn-license-verify-large:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-license-verify-large .btn-icon{width:20px;height:20px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.license-status-message{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:var(--radius-normal);margin-bottom:24px}.license-status-message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.license-status-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.status-icon{width:24px;height:24px;flex-shrink:0;margin-top:2px}.license-status-message.success .status-icon{color:#10b981}.license-status-message.error .status-icon{color:#ef4444}.status-content{flex:1}.status-title{font-size:16px;font-weight:600;color:var(--primary);margin:0 0 4px}.status-description{font-size:14px;color:var(--secondary);margin:0;line-height:1.5}.license-help-section{text-align:center;padding-top:24px;border-top:1px solid var(--stroke)}.license-help-text{font-size:14px;color:var(--tertiary);margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.help-icon{width:16px;height:16px;flex-shrink:0}.license-details-section-large{background:var(--quaternary);border:2px solid var(--stroke);border-radius:var(--radius-large);padding:40px}.license-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.license-details-title{font-size:28px;font-weight:600;color:var(--primary);margin:0}.btn-copy-license{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--quinary);border:1px solid var(--stroke);border-radius:var(--radius-small);color:var(--secondary);cursor:pointer;transition:all .2s}.btn-copy-license:hover{background:#ffffff0d;border-color:var(--accent);color:var(--primary)}.btn-copy-license svg{width:18px;height:18px}.license-details-grid-large{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:32px}.license-detail-card-large{background:var(--quinary);border:1px solid var(--stroke);border-radius:var(--radius-normal);padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s}.license-detail-card-large:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.license-detail-icon-large{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--accent-background);border-radius:var(--radius-normal);color:var(--accent);flex-shrink:0}.license-detail-icon-large svg{width:28px;height:28px}.license-detail-content-large{flex:1}.license-detail-label-large{font-size:12px;font-weight:600;color:var(--tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}.license-detail-value-large{font-size:18px;font-weight:600;color:var(--primary);margin:0;font-family:var(--font-mono)}.license-detail-value-large.status-active{color:#10b981}.license-detail-value-large.status-inactive{color:#ef4444}.license-key-display{background:var(--quinary);border:1px solid var(--stroke);border-radius:var(--radius-normal);padding:24px}.license-key-label{font-size:12px;font-weight:600;color:var(--tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.license-key-value-wrapper{display:flex;align-items:center;gap:12px}.license-key-value{flex:1;font-size:16px;font-family:var(--font-mono);color:var(--primary);background:transparent;border:none;padding:0;margin:0;letter-spacing:1px}.btn-copy-key{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--stroke);border-radius:var(--radius-small);color:var(--secondary);cursor:pointer;transition:all .2s}.btn-copy-key:hover{background:#ffffff0d;border-color:var(--accent);color:var(--primary)}.btn-copy-key svg{width:16px;height:16px}.license-additional-info{margin-top:24px;padding-top:24px;border-top:1px solid var(--stroke);display:flex;flex-direction:column;gap:16px}.license-info-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--quinary);border-radius:var(--radius-small)}.info-label{font-size:14px;font-weight:500;color:var(--tertiary)}.info-value{font-size:14px;font-weight:600;color:var(--primary);text-align:right}.history-item-email{margin-top:8px;font-size:13px;color:var(--tertiary)}.license-history-section-large{background:var(--quaternary);border:2px solid var(--stroke);border-radius:var(--radius-large);padding:40px}.license-history-header{margin-bottom:32px}.license-history-title{font-size:28px;font-weight:600;color:var(--primary);margin:0 0 8px}.license-history-subtitle{font-size:16px;color:var(--secondary);margin:0}.license-history-list-large{display:flex;flex-direction:column;gap:16px}.license-history-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--quinary);border:1px solid var(--stroke);border-radius:var(--radius-normal);transition:all .2s}.license-history-item:hover{border-color:var(--accent);transform:translate(4px)}.history-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#10b9811a;border-radius:var(--radius-small);color:#10b981;flex-shrink:0}.history-item-icon svg{width:20px;height:20px}.history-item-content{flex:1}.history-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.history-item-title{font-size:16px;font-weight:600;color:var(--primary);margin:0}.history-item-date{font-size:14px;color:var(--tertiary)}.history-item-details{display:flex;align-items:center;gap:8px;font-size:14px}.history-item-plan{color:var(--secondary);font-weight:500}.history-item-separator{color:var(--tertiary)}.history-item-status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.history-item-status.status-active{background:#10b9811a;color:#10b981}.license-history-empty-large{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center}.history-empty-icon{width:64px;height:64px;color:var(--tertiary);margin-bottom:24px;opacity:.5}.license-history-empty-text{font-size:16px;color:var(--tertiary);margin:0;max-width:400px}@media (max-width: 768px){.license-hero{padding:120px 20px 60px}.license-hero-title{font-size:36px}.license-hero-description{font-size:18px}.license-main-section{padding:60px 20px 80px}.license-verification-box-large{padding:32px 24px}.license-box-title{font-size:24px}.license-input-group-large{flex-direction:column}.btn-license-verify-large{width:100%;justify-content:center}.license-details-section-large{padding:32px 24px}.license-details-grid-large{grid-template-columns:1fr}.license-history-section-large{padding:32px 24px}}.extension-page{min-height:100vh;background:var(--background);color:var(--primary)}.extension-hero{padding:140px 32px 80px}.extension-hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.extension-hero-content{display:flex;flex-direction:column;gap:24px}.extension-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-background);border:1px solid var(--accent);border-radius:999px;width:fit-content;font-size:14px;font-weight:500;color:var(--accent)}.badge-icon{width:18px;height:18px}.extension-hero-title{font-size:56px;font-weight:700;line-height:1.1;color:var(--primary)}.extension-hero-description{font-size:18px;color:var(--secondary);line-height:1.6}.extension-hero-cta{display:flex;gap:16px;margin-top:8px}.btn-extension-hero{padding:16px 32px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-normal);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-extension-hero:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffc10766}.btn-extension-secondary{padding:16px 32px;background:transparent;color:var(--primary);border:2px solid var(--stroke);border-radius:var(--radius-normal);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-extension-secondary:hover{background:var(--quaternary);border-color:var(--accent)}.extension-hero-visual{display:flex;align-items:center;justify-content:center}.extension-preview-large{width:100%;max-width:600px}.extension-frame-large{width:100%;aspect-ratio:16/10;background:var(--quinary);border:2px solid var(--stroke);border-radius:var(--radius-large);overflow:hidden;box-shadow:0 20px 60px #00000080}.extension-content-large{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--tertiary);background:linear-gradient(135deg,#ffc1070d,#ffc10705)}.extension-preview-icon{width:80px;height:80px;color:var(--accent)}.extension-features-section{padding:120px 32px;background:var(--quinary)}.extension-features-container{max-width:1200px;margin:0 auto}.extension-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px}.extension-feature-card{padding:40px;background:var(--quaternary);border:1px solid var(--stroke);border-radius:var(--radius-large);text-align:center;transition:all .3s ease}.extension-feature-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 24px #ffc10733}.extension-feature-icon{width:64px;height:64px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:var(--accent-background);border-radius:var(--radius-large);color:var(--accent);font-size:32px}.extension-feature-title{font-size:20px;font-weight:600;color:var(--primary);margin-bottom:12px}.extension-feature-description{font-size:15px;color:var(--secondary);line-height:1.6}.extension-how-section{padding:120px 32px;background:var(--background)}.extension-how-container{max-width:1200px;margin:0 auto}.extension-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:64px}.extension-step{text-align:center;position:relative}.extension-step-number{width:64px;height:64px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:var(--accent-background);border:2px solid var(--accent);border-radius:50%;font-size:24px;font-weight:700;color:var(--accent)}.extension-step-title{font-size:24px;font-weight:600;color:var(--primary);margin-bottom:12px}.extension-step-description{font-size:16px;color:var(--secondary);line-height:1.6}.extension-benefits-section{padding:120px 32px;background:var(--quinary)}.extension-benefits-container{max-width:1200px;margin:0 auto}.extension-benefits-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:64px}.extension-benefits-list{display:flex;flex-direction:column;gap:20px}.extension-benefit-item{display:flex;align-items:center;gap:12px;color:var(--secondary);font-size:16px}.benefit-check{width:20px;height:20px;color:var(--accent);flex-shrink:0}.extension-benefits-visual{display:flex;align-items:center;justify-content:center}.extension-benefits-preview{width:100%;max-width:500px}.extension-benefits-frame{width:100%;aspect-ratio:4/3;background:var(--quaternary);border:2px solid var(--stroke);border-radius:var(--radius-large);overflow:hidden;box-shadow:0 20px 60px #00000080}.extension-benefits-content-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--tertiary);background:linear-gradient(135deg,#ffc1070d,#ffc10705)}.benefits-icon{width:64px;height:64px;color:var(--accent)}.extension-cta-section{padding:120px 32px;background:var(--background);text-align:center}.extension-cta-container{max-width:800px;margin:0 auto}.extension-cta-title{font-size:48px;font-weight:700;color:var(--primary);margin-bottom:16px}.extension-cta-description{font-size:20px;color:var(--secondary);margin-bottom:32px}.btn-extension-cta{padding:18px 40px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-normal);font-size:18px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .2s}.btn-extension-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffc10766}@media (max-width: 968px){.nav-container{grid-template-columns:auto 1fr auto;gap:20px}.nav-links-center{gap:20px}.nav-links-right{gap:12px}.nav-link{font-size:13px}.nav-cta{padding:8px 16px;font-size:13px}.stats-container{grid-template-columns:1fr;gap:48px}.workflow-steps{grid-template-columns:1fr;gap:64px}.tools-grid,.results-grid,.platform-grid,.extension-content{grid-template-columns:1fr}.usecases-grid{grid-template-columns:repeat(2,1fr)}.pricing-cards-container{grid-template-columns:1fr}.pricing-card.featured{transform:scale(1)}.contact-content-container,.extension-hero-container,.extension-features-grid,.extension-steps,.extension-benefits-content,.faq-grid{grid-template-columns:1fr}}@media (max-width: 640px){.nav-links{display:none}.pricing-hero-title,.contact-hero-title,.extension-hero-title{font-size:36px}.usecases-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:32px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);padding:20px}.auth-container{width:100%;max-width:450px}.auth-card{background:var(--quinary);border-radius:var(--radius-large);padding:40px;box-shadow:var(--shadow);border:1px solid var(--stroke)}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{display:inline-block;margin-bottom:24px;text-decoration:none}.auth-title{font-size:28px;font-weight:600;color:var(--primary);margin-bottom:8px}.auth-subtitle{font-size:14px;color:var(--tertiary)}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-input-group{display:flex;flex-direction:column;gap:8px}.auth-label{font-size:14px;font-weight:500;color:var(--secondary)}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:16px;color:var(--tertiary);width:18px;height:18px}.auth-input{width:100%;padding:12px 16px 12px 44px;background:var(--quaternary);border:1px solid var(--stroke);border-radius:var(--radius-normal);color:var(--primary);font-size:14px;transition:all .2s}.auth-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-background)}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-button{width:100%;padding:12px 24px;border-radius:var(--radius-normal);font-size:14px;font-weight:500;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.auth-button-primary{background:var(--accent);color:var(--on-accent)}.auth-button-primary:hover:not(:disabled){background:#ffb300;transform:translateY(-1px)}.auth-button-primary:disabled{opacity:.5;cursor:not-allowed}.auth-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-normal);color:#fca5a5;font-size:14px}.auth-success{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-normal);color:#86efac;font-size:14px}.auth-footer{margin-top:24px;text-align:center}.auth-footer-text{font-size:14px;color:var(--tertiary)}.auth-link{color:var(--accent);text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}.auth-button-google{background:var(--quaternary);color:var(--primary);border:1px solid var(--stroke);display:flex;align-items:center;justify-content:center;gap:12px}.auth-button-google:hover:not(:disabled){background:var(--quinary);border-color:var(--accent);transform:translateY(-1px)}.auth-button-google:disabled{opacity:.5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:var(--tertiary);font-size:14px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--stroke)}.auth-divider span{padding:0 16px}.nav-link-signin{color:var(--primary);text-decoration:none;font-size:14px;font-weight:500;padding:0;transition:color .2s;white-space:nowrap}.nav-link-signin:hover{color:var(--accent);text-decoration:none}.nav-link-signup{background:var(--accent);color:var(--on-accent);text-decoration:none;padding:10px 20px;border-radius:var(--radius-normal);font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #ffc10740;white-space:nowrap;display:inline-block}.nav-link-signup:hover{background:#ffb300;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #ffc10766}.nav-profile-wrapper{position:relative}.nav-profile-button{display:flex;align-items:center;gap:8px;padding:4px;background:transparent;border:none;border-radius:var(--radius-normal);color:var(--primary);cursor:pointer;transition:all .2s}.nav-profile-button:hover{background:var(--quaternary)}.nav-profile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#ffb300);display:flex;align-items:center;justify-content:center;color:var(--on-accent);font-weight:600;font-size:16px;flex-shrink:0;border:2px solid var(--stroke)}.nav-profile-chevron{width:16px;height:16px;transition:transform .2s;flex-shrink:0;color:var(--secondary)}.nav-profile-chevron.open{transform:rotate(180deg)}.nav-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--quinary);border:1px solid var(--stroke);border-radius:var(--radius-large);box-shadow:0 8px 24px #0000004d;min-width:240px;z-index:1000;overflow:hidden}.nav-profile-dropdown-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--quaternary)}.nav-profile-dropdown-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#ffb300);display:flex;align-items:center;justify-content:center;color:var(--on-accent);font-weight:600;font-size:18px;flex-shrink:0;border:2px solid var(--stroke)}.nav-profile-dropdown-user-info{flex:1;min-width:0}.nav-profile-dropdown-name{font-size:14px;font-weight:600;color:var(--primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-profile-dropdown-email{font-size:12px;color:var(--tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-profile-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--primary);text-decoration:none;font-size:14px;transition:all .2s;border:none;background:transparent;width:100%;text-align:left;cursor:pointer}.nav-profile-dropdown-item:hover{background:var(--quaternary);color:var(--accent)}.nav-profile-dropdown-item svg{width:18px;height:18px;flex-shrink:0}.nav-profile-dropdown-divider{height:1px;background:var(--stroke);margin:4px 0}.nav-profile-signout{color:#ef4444}.nav-profile-signout:hover{background:#ef44441a;color:#fca5a5}.profile-page{min-height:100vh;background:var(--background)}.profile-section{padding:60px 20px;max-width:1200px;margin:0 auto}.profile-container{display:flex;flex-direction:column;gap:32px}.profile-header{display:flex;align-items:center;gap:24px;padding:32px;background:var(--quinary);border-radius:var(--radius-large);border:1px solid var(--stroke)}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--quaternary);display:flex;align-items:center;justify-content:center;color:var(--tertiary);border:2px solid var(--stroke)}.profile-info{flex:1}.profile-name{font-size:24px;font-weight:600;color:var(--primary);margin-bottom:4px}.profile-email{font-size:14px;color:var(--tertiary);margin-bottom:12px}.profile-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-normal);font-size:12px;font-weight:500}.profile-badge.green{background:#22c55e1a;color:#86efac;border:1px solid rgba(34,197,94,.3)}.profile-badge.blue{background:#3b82f61a;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.profile-badge.gray{background:var(--quaternary);color:var(--tertiary);border:1px solid var(--stroke)}.profile-section-card{padding:32px;background:var(--quinary);border-radius:var(--radius-large);border:1px solid var(--stroke)}.profile-section-title{font-size:20px;font-weight:600;color:var(--primary);margin-bottom:24px}.profile-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.profile-detail-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--quaternary);border-radius:var(--radius-normal);border:1px solid var(--stroke)}.profile-detail-icon{color:var(--accent);width:20px;height:20px}.profile-detail-content{flex:1;display:flex;flex-direction:column;gap:4px}.profile-detail-label{font-size:12px;color:var(--tertiary);text-transform:uppercase;letter-spacing:.5px}.profile-detail-value{font-size:14px;color:var(--primary);font-weight:500}.subscription-info{display:flex;flex-direction:column;gap:20px}.subscription-status{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius-normal);font-size:14px;font-weight:500}.subscription-status.active{background:#22c55e1a;color:#86efac;border:1px solid rgba(34,197,94,.3)}.subscription-status.inactive{background:var(--quaternary);color:var(--tertiary);border:1px solid var(--stroke)}.subscription-details{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--quaternary);border-radius:var(--radius-normal);border:1px solid var(--stroke)}.subscription-detail-row{display:flex;justify-content:space-between;align-items:center}.subscription-detail-label{font-size:14px;color:var(--tertiary)}.subscription-detail-value{font-size:14px;color:var(--primary);font-weight:500}.subscription-message{font-size:14px;color:var(--tertiary);line-height:1.6}.btn-upgrade-subscription{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-normal);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s}.btn-upgrade-subscription:hover{background:#ffb300;transform:translateY(-1px)}.profile-actions{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--stroke)}.btn-sign-out{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-normal);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-sign-out:hover:not(:disabled){background:#ef44441a;border-color:#ef444480}.btn-sign-out:disabled{opacity:.5;cursor:not-allowed}.upgrade-login-prompt,.upgrade-pro-status{padding:16px;background:var(--quaternary);border-radius:var(--radius-normal);border:1px solid var(--stroke);text-align:center;font-size:14px;color:var(--tertiary);margin-top:16px}.upgrade-pro-status{background:#22c55e1a;color:#86efac;border-color:#22c55e4d}.payment-success-page{min-height:100vh;background:var(--background);display:flex;flex-direction:column}.payment-success-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.payment-success-card{background:var(--quaternary);border:1px solid var(--stroke);border-radius:var(--radius-large);padding:48px;max-width:500px;width:100%;text-align:center;box-shadow:var(--shadow)}.payment-status-icon{width:64px;height:64px;margin:0 auto 24px;display:block}.payment-status-icon.success{color:#22c55e}.payment-status-icon.error{color:#ef4444}.payment-status-icon.processing{color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-success-card h1{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:12px}.payment-success-card h2{font-size:24px;font-weight:600;color:var(--accent);margin-bottom:16px}.payment-success-card p{font-size:16px;color:var(--secondary);line-height:1.6;margin-bottom:8px}.payment-success-message{font-size:18px;color:var(--primary);margin:16px 0;font-weight:500}.payment-success-message strong{color:var(--accent)}.payment-success-details{font-size:14px;color:var(--tertiary);margin-top:8px;line-height:1.5}.payment-redirect-message{font-size:14px;color:var(--tertiary);margin-top:16px}.payment-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.payment-actions .btn{padding:12px 24px;border-radius:var(--radius-normal);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.payment-actions .btn-primary{background:var(--accent);color:var(--on-accent)}.payment-actions .btn-primary:hover{background:#ffb300;transform:translateY(-1px)}.payment-actions .btn-secondary{background:transparent;color:var(--secondary);border:1px solid var(--stroke)}.payment-actions .btn-secondary:hover{background:var(--quinary);border-color:var(--tertiary)}@media (max-width: 1024px){.nav-container{padding:0 24px}.nav-links-center{gap:16px}.nav-link{font-size:13px}.hero-section{padding:100px 24px 80px}.hero-container{grid-template-columns:1fr;gap:48px}.hero-title{font-size:42px}.hero-description{font-size:16px}.workflow-section,.tools-section,.interface-section,.results-section,.platform-section,.extension-section,.usecases-section,.cta-section{padding:80px 24px}.section-title{font-size:36px}.workflow-steps{grid-template-columns:1fr;gap:32px}.tools-grid,.results-grid,.platform-grid,.usecases-grid{grid-template-columns:repeat(2,1fr);gap:24px}.extension-content{grid-template-columns:1fr;gap:48px}.extension-text{text-align:center}}@media (max-width: 768px){.landing-nav{padding:16px 0}.nav-container{padding:0 16px;flex-wrap:wrap;gap:12px}.nav-logo-icon{width:28px;height:28px}.logo-text{font-size:20px}.nav-links-center,.nav-links-right{display:none}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;margin-left:auto}.mobile-menu-overlay{display:block}.nav-link-signin,.nav-cta{font-size:13px;padding:8px 16px}.hero-section{padding:80px 16px 60px}.hero-container{gap:32px}.hero-badge{padding:6px 14px}.badge-text{font-size:12px}.hero-title{font-size:32px;line-height:1.2}.hero-description{font-size:15px}.hero-cta{flex-direction:column;width:100%}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center;padding:14px 24px}.hero-visual{margin-top:24px}.hero-preview{padding:16px}.stats-section{padding:40px 16px}.stats-container{flex-direction:column;gap:32px}.stat-number{font-size:36px}.stat-label{font-size:13px}.workflow-section,.tools-section,.interface-section,.results-section,.platform-section,.extension-section,.usecases-section,.cta-section{padding:60px 16px}.section-title{font-size:28px}.section-subtitle{font-size:14px}.workflow-steps{gap:24px}.step-number{font-size:32px}.step-title{font-size:20px}.step-description{font-size:14px}.tools-grid{grid-template-columns:1fr;gap:16px}.tool-card{padding:24px}.tool-title{font-size:18px}.tool-description{font-size:14px}.showcase-frame{padding:16px}.results-grid{grid-template-columns:1fr;gap:16px}.result-item{padding:24px}.platform-grid{grid-template-columns:1fr;gap:16px}.platform-card{padding:24px}.extension-content{gap:32px}.extension-features{gap:12px}.extension-feature{font-size:14px}.btn-extension{width:100%;justify-content:center}.extension-frame{padding:32px}.usecases-grid{grid-template-columns:1fr;gap:16px}.usecase-card{padding:24px}.usecase-title{font-size:18px}.usecase-description{font-size:14px}.cta-title{font-size:28px}.cta-description{font-size:14px}.cta-buttons{flex-direction:column;width:100%}.btn-cta,.btn-cta-secondary{width:100%;justify-content:center;padding:14px 24px}.footer-container{padding:40px 16px}.footer-content{grid-template-columns:1fr;gap:32px;text-align:center}.footer-section{gap:12px}.footer-bottom{margin-top:32px;padding-top:24px}.footer-text{font-size:12px}}@media (max-width: 480px){.hero-title{font-size:28px}.section-title{font-size:24px}.hero-preview,.showcase-frame{padding:12px}.extension-frame{padding:24px}.extension-logo{padding:32px}}