:root{--bg-core: #060A0D;--bg-surface: #0B1116;--bg-surface-elevated: #101920;--neon-green: #00FFA3;--neon-green-glow: rgba(0, 255, 163, .4);--neon-green-dim: rgba(0, 255, 163, .15);--neon-emerald: #05DF72;--neon-cyan: #00F0FF;--neon-purple: #9D4EDD;--neon-gold: #FFB703;--danger-red: #FF3366;--glass-bg: rgba(13, 20, 26, .7);--glass-bg-hover: rgba(18, 28, 36, .85);--glass-border: rgba(0, 255, 163, .2);--glass-border-strong: rgba(0, 255, 163, .5);--glass-shadow: 0 12px 40px -8px rgba(0, 0, 0, .8);--glass-inset-glow: inset 0 1px 1px 0 rgba(255, 255, 255, .12), inset 0 0 20px rgba(0, 255, 163, .05);--text-primary: #F0FDF4;--text-secondary: #94A3B8;--text-muted: #64748B;--font-arabic: "Tajawal", sans-serif;--font-latin: "Outfit", sans-serif;--font-code: "Fira Code", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-normal: .22s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased}body.dark-theme{background-color:var(--bg-core);color:var(--text-primary);font-family:var(--font-arabic),var(--font-latin);min-height:100vh;overflow:hidden;position:relative;touch-action:manipulation}.ambient-glow{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.25}.glow-top-left{width:550px;height:550px;background:radial-gradient(circle,var(--neon-green) 0%,rgba(5,223,114,0) 70%);top:-150px;right:-150px}.glow-bottom-right{width:650px;height:650px;background:radial-gradient(circle,var(--neon-cyan) 0%,rgba(0,240,255,0) 70%);bottom:-200px;left:-200px}.ambient-grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}.app-root{position:relative;z-index:1;display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset-glow);border-radius:var(--radius-md);transition:border-color var(--transition-normal)}.glass-panel:hover{border-color:#00ffa359}.top-nav-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;margin:8px 12px 0;border-radius:var(--radius-lg);flex-shrink:0;gap:16px}.nav-left{display:flex;align-items:center;gap:16px}.brand-logo{display:flex;align-items:center;gap:12px}.logo-brand-wrap{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0d1217;border:1.5px solid rgba(0,255,163,.4);box-shadow:0 0 20px #00ffa340,inset 0 0 10px #00ffa326;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1)}.logo-brand-wrap:hover{transform:scale(1.05);border-color:var(--neon-green);box-shadow:0 0 28px #00ffa380,inset 0 0 15px #00ffa34d}.app-official-logo{width:100%;height:100%;object-fit:cover;border-radius:10px}.logo-pulse-glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle,rgba(0,255,163,.3) 0%,transparent 70%);opacity:.6;pointer-events:none;animation:logoPulse 3s infinite ease-in-out}@keyframes logoPulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:.8;transform:scale(1.1)}}.brand-text{display:flex;flex-direction:column}.brand-name{font-family:var(--font-latin);font-weight:900;font-size:1.05rem;letter-spacing:.5px;color:var(--text-primary);display:flex;align-items:center;gap:4px;direction:ltr}.brand-accent{background:linear-gradient(135deg,var(--neon-green) 0%,var(--neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-tagline{display:block;font-size:.68rem;color:var(--text-secondary)}.offline-badge{display:flex;align-items:center;gap:6px;background:#00ffa31a;border:1px solid rgba(0,255,163,.3);padding:4px 10px;border-radius:var(--radius-full);font-size:.72rem}.status-radar-green{width:8px;height:8px;background:var(--neon-green);border-radius:50%;box-shadow:0 0 10px var(--neon-green);animation:pulse-dot 2s infinite ease-out}@keyframes pulse-dot{0%{transform:scale(.9);opacity:1}50%{transform:scale(1.3);opacity:.7}to{transform:scale(.9);opacity:1}}.studio-nav-tabs{display:flex;align-items:center;gap:6px;background:#00000073;padding:4px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.08)}.nav-tab{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:transparent;border:1px solid transparent;color:var(--text-secondary);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--transition-normal)}.nav-tab:hover{color:var(--text-primary);background:#ffffff0f}.nav-tab.active{background:linear-gradient(135deg,#00ffa340,#05df721a);border:1px solid var(--neon-green);color:var(--neon-green);box-shadow:0 0 16px var(--neon-green-glow)}.tab-badge{font-size:.62rem;opacity:.75;padding:2px 6px;background:#00000059;border-radius:var(--radius-full)}.nav-right{display:flex;align-items:center;gap:10px}.btn-glass-icon{display:flex;align-items:center;gap:6px;background:linear-gradient(145deg,#282828cc,#141414e6);border:1px solid rgba(255,255,255,.15);box-shadow:inset 1px 1px 2px #fff3,inset -1px -1px 4px #00000080,0 4px 6px #0006;color:var(--text-primary);padding:8px 14px;border-radius:var(--radius-md);font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1)}.btn-glass-icon:hover{transform:translateY(-2px);box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 4px #00000080,0 6px 12px #00ffa34d;border-color:var(--neon-green);color:var(--neon-green)}.btn-glass-icon:active{transform:translateY(1px);box-shadow:inset 2px 2px 5px #0009,0 2px 3px #0000004d}.btn-neon-cta{position:relative;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#00ffa3,#00b4d8);border:1px solid rgba(255,255,255,.3);box-shadow:inset 2px 2px 4px #ffffff80,inset -2px -2px 6px #0000004d,0 6px 15px #00ffa366;color:#060a0d;font-weight:900;font-family:inherit;font-size:.9rem;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;text-shadow:0px 1px 1px rgba(255,255,255,.4);transition:all .2s cubic-bezier(.25,.8,.25,1)}.btn-neon-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:inset 2px 2px 4px #fff9,inset -2px -2px 6px #0000004d,0 10px 20px #00ffa399}.btn-neon-cta:active{transform:translateY(2px);box-shadow:inset 3px 3px 8px #0006}.master-workspace{flex:1;padding:8px 12px 12px;overflow:hidden;display:flex}.studio-section{display:none;width:100%;height:100%}.studio-section.active{display:flex;animation:fadeInStudio .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeInStudio{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.video-layout{display:grid;grid-template-columns:270px 1fr;grid-template-rows:1fr 220px;gap:10px;width:100%;height:100%}.video-layout>*{min-width:0;min-height:0}.sidebar-panel{padding:14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.sidebar-panel::-webkit-scrollbar{width:4px}.sidebar-panel::-webkit-scrollbar-thumb{background:#00ffa333;border-radius:4px}.panel-header{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.panel-header h3{font-size:.9rem;font-weight:700;color:var(--neon-green)}.tool-group{display:flex;flex-direction:column;gap:8px}.tool-group-title{font-size:.75rem;color:var(--text-secondary);font-weight:600}.quick-add-grid,.transform-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn-tool-action,.btn-transform{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,#323232e6,#141414);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 2px #fff3,0 4px 6px #0009;padding:8px;border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1)}.btn-tool-action:hover,.btn-transform:hover{background:linear-gradient(180deg,#3c3c3c,#1e1e1e);border-color:var(--neon-green);color:var(--neon-green);transform:translateY(-2px);box-shadow:inset 0 1px 2px #ffffff4d,0 6px 10px #00ffa34d}.btn-tool-action:active,.btn-transform:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #000c}.speed-presets{display:grid;grid-template-columns:1fr 1fr;gap:5px}.lut-chips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;max-height:250px;overflow-y:auto;padding-right:4px}.lut-chips-grid::-webkit-scrollbar{width:4px}.lut-chips-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.speed-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);padding:6px 8px;border-radius:var(--radius-sm);font-family:inherit;font-size:.72rem;cursor:pointer;transition:var(--transition-fast)}.lut-chip{position:relative;height:70px;background-color:#222;background-image:url(https://picsum.photos/100/100?random=1);background-size:cover;background-position:center;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;transition:var(--transition-fast);padding:0;display:flex;align-items:flex-end}.lut-chip span.filter-name{background:#000000bf;color:#fff;width:100%;text-align:center;font-size:.65rem;padding:4px 2px;font-family:var(--font-arabic);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lut-chip:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000080}.speed-btn.active,.lut-chip.active{border-color:var(--neon-green);color:var(--neon-green);font-weight:700}.lut-chip.active span.filter-name{color:var(--neon-green)}.slider-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.72rem;color:var(--text-secondary)}input[type=range]{flex:1;accent-color:var(--neon-green);cursor:pointer;touch-action:manipulation}.video-stage-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column;padding:10px;gap:8px;overflow:hidden}.stage-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:6px}.aspect-ratio-selector{display:flex;align-items:center;gap:6px}.aspect-label{font-size:.72rem;color:var(--text-muted)}.aspect-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);padding:4px 8px;border-radius:var(--radius-full);font-size:.72rem;cursor:pointer}.aspect-btn.active{background:#00ffa326;border-color:var(--neon-green);color:var(--neon-green)}.timecode-display{display:flex;align-items:center;gap:6px;font-family:var(--font-code);font-size:.82rem}.time-current{color:var(--neon-green);font-weight:700}.fps-badge{background:#00f0ff26;color:var(--neon-cyan);font-size:.62rem;padding:2px 5px;border-radius:4px}.video-viewport-wrapper{flex:1;display:flex;align-items:center;justify-content:center;background:#0000008c;border-radius:var(--radius-sm);border:1px dashed rgba(255,255,255,.08);position:relative;overflow:hidden;touch-action:none;min-height:0}.video-screen{position:relative;background:#030608;box-shadow:0 0 40px #000000e6,0 0 15px #00ffa326;border:1px solid rgba(0,255,163,.25);border-radius:var(--radius-sm);overflow:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.video-screen.ratio-9-16{aspect-ratio:9 / 16;height:100%;width:auto}.video-screen.ratio-16-9{aspect-ratio:16 / 9;width:100%;height:auto}.video-screen.ratio-1-1{aspect-ratio:1 / 1;height:100%;width:auto}#video-canvas{width:100%;height:100%;display:block}.screen-overlay-elements{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto}.touch-screen-layer{position:absolute;display:flex;align-items:center;gap:6px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px dashed var(--neon-green);padding:4px 8px;border-radius:6px;cursor:grab;touch-action:none}.touch-screen-layer:active{cursor:grabbing;border-color:#fff;box-shadow:0 0 15px var(--neon-green)}.drag-handle-pill{font-size:.55rem;background:var(--neon-green);color:#060a0d;font-weight:800;padding:1px 4px;border-radius:3px;pointer-events:none}.touch-screen-layer .text-content{color:#fff;font-weight:800;font-size:.85rem;outline:none}.touch-screen-layer .sticker-content{color:var(--neon-cyan);font-family:var(--font-latin);font-weight:800;font-size:.75rem}.glc-action-bar{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 0;border-top:1px solid rgba(255,255,255,.06)}.cap-act-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.72rem;cursor:pointer;transition:var(--transition-fast)}.cap-act-btn:hover{background:#00ffa326;border-color:var(--neon-green);color:var(--neon-green)}.cap-act-btn.btn-danger:hover{background:#f363;border-color:var(--danger-red);color:var(--danger-red)}.cap-act-btn .act-icon{font-size:.95rem}.transport-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:2px}.t-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:var(--transition-fast)}.t-btn:hover{background:#00ffa326;border-color:var(--neon-green);color:var(--neon-green)}.t-btn-play{width:40px;height:40px;border-radius:50%;background:var(--neon-green);border:none;color:#060a0d;font-size:1.05rem;box-shadow:0 0 20px var(--neon-green-glow)}.t-btn-play:hover{transform:scale(1.08)}.timeline-container-panel{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;padding:8px 12px;overflow:hidden}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.track-count-badge,.snap-badge{font-size:.72rem;color:var(--text-secondary);margin-left:12px}.timeline-zoom{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text-muted)}.timeline-scroll-box{flex:1;position:relative;overflow-x:auto;overflow-y:hidden;background:#00000073;border-radius:var(--radius-sm);margin-top:6px;-webkit-overflow-scrolling:touch}.timeline-ruler{height:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding-right:140px;font-family:var(--font-code);font-size:.65rem;color:var(--text-muted);cursor:col-resize;touch-action:none;background:#ffffff05}.ruler-tick{width:60px;border-right:1px solid rgba(255,255,255,.15);height:12px;padding-right:4px;flex-shrink:0}#timeline-playhead,.capcut-center-needle,.timeline-playhead{position:absolute!important;top:0!important;bottom:0!important;left:20px;width:3px!important;height:100%!important;min-height:200px!important;z-index:100!important;pointer-events:auto!important;touch-action:none!important;display:block!important}.capcut-white-needle-line{position:relative!important;width:3px!important;height:100%!important;background:#fff!important;box-shadow:0 0 8px #fff,0 0 16px #00ffa3e6!important;border-radius:2px!important}.capcut-white-needle-line:before{content:""!important;position:absolute!important;top:-2px!important;left:50%!important;transform:translate(-50%)!important;width:14px!important;height:12px!important;background:#fff!important;clip-path:polygon(50% 100%,0 0,100% 0)!important;box-shadow:0 0 10px #fff,0 0 15px var(--neon-green)!important}.playhead-touch-handle{position:absolute;top:0;left:-14px;width:30px;height:24px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.playhead-touch-handle:active{cursor:grabbing}.handle-cap{width:14px;height:14px;background:#fff;clip-path:polygon(50% 100%,0% 0%,100% 0%);box-shadow:0 0 12px #fff}.playhead-line{position:absolute;top:18px;bottom:0;left:0;width:3px;background:#fff;box-shadow:0 0 8px #fff;pointer-events:none}.timeline-tracks-stack{display:flex;flex-direction:column;gap:5px;padding:4px 0;position:relative}.track-row{display:flex;height:36px;align-items:center}.track-header{width:140px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:#ffffff0a;border-radius:6px;font-size:.72rem;height:100%}.btn-track-mute{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem}.track-lane{flex:1;position:relative;height:100%;background:#ffffff05;border-radius:6px;margin-right:6px}.timeline-clip{position:absolute;top:2px;bottom:2px;border-radius:6px;display:flex;align-items:center;padding:0 10px;font-size:.7rem;font-weight:600;cursor:grab;border:1px solid rgba(255,255,255,.25);overflow:hidden;touch-action:none;transition:box-shadow .15s ease}.timeline-clip:active{cursor:grabbing}.timeline-clip.active-clip{border-color:#fff!important;box-shadow:0 0 15px var(--neon-green);z-index:5}.clip-video{background:linear-gradient(90deg,#00ffa34d,#05df722e);border-color:var(--neon-green)}.clip-text{background:linear-gradient(90deg,#00f0ff4d,#00b4d82e);border-color:var(--neon-cyan)}.clip-overlay{background:linear-gradient(90deg,#9d4edd4d,#7b2cbf2e);border-color:var(--neon-purple)}.clip-audio{background:linear-gradient(90deg,#ffb7034d,#fb85002e);border-color:var(--neon-gold)}.clip-trim-handle{position:absolute;top:0;bottom:0;width:12px;background:#fff6;cursor:col-resize;touch-action:none;z-index:6;display:flex;align-items:center;justify-content:center}.clip-trim-handle:after{content:"";width:2px;height:12px;background:#000;border-radius:1px}.clip-trim-handle.handle-left{left:0;border-radius:4px 0 0 4px}.clip-trim-handle.handle-right{right:0;border-radius:0 4px 4px 0}.clip-trim-handle:hover,.clip-trim-handle:active{background:var(--neon-green)}.photopea-app-workspace{display:flex;flex-direction:column;width:100%;height:100%;background:#202020;color:#ccc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;overflow:hidden;user-select:none;-webkit-user-select:none}.ps-top-menubar{height:28px;background:#181818;border-bottom:1px solid #111111;display:flex;align-items:center;justify-content:space-between;padding:0 8px;flex-shrink:0}.ps-menu-items{display:flex;align-items:center;gap:2px}.ps-menu-dropdown-wrapper{position:relative}.ps-dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#252525;border:1px solid #3c3c3c;box-shadow:0 4px 12px #000000b3;z-index:99999;min-width:170px;border-radius:3px;padding:4px 0}.ps-dropdown-menu.show{display:block}.ps-dd-item{padding:6px 14px;color:#ddd;font-size:11px;cursor:pointer;white-space:nowrap}.ps-dd-item:hover{background:#0284c7;color:#fff}.ps-menu-item{padding:3px 7px;color:#ddd;cursor:pointer;border-radius:2px;font-size:11px}.ps-menu-item:hover,.ps-menu-item.active{background:#333;color:#fff}.ps-account-badge{color:#ef4444!important;font-weight:700}.ps-menu-right{display:flex;align-items:center;gap:8px;color:#999;font-size:11px}.ps-menu-link{cursor:pointer}.ps-menu-link:hover{color:#fff}.ps-menu-icon{cursor:pointer;font-size:12px;padding:0 2px}.ps-options-bar{height:30px;background:#282828;border-bottom:1px solid #1c1c1c;display:flex;align-items:center;gap:6px;padding:0 8px;flex-shrink:0;overflow-x:auto}.ps-opt-label{display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap;font-size:11px;color:#ccc}.ps-opt-select{background:#1c1c1c;color:#fff;border:1px solid #383838;padding:2px 6px;border-radius:2px;font-size:11px}.ps-opt-divider{width:1px;height:16px;background:#383838;margin:0 4px}.ps-opt-btn{background:transparent;border:1px solid transparent;color:#ccc;font-size:11px;padding:2px 6px;border-radius:2px;cursor:pointer}.ps-opt-btn:hover{background:#383838;border-color:#484848;color:#fff}.ps-doc-tabs{height:26px;background:#1c1c1c;display:flex;align-items:flex-end;padding-left:36px;flex-shrink:0;border-bottom:1px solid #141414}.ps-doc-tab.active{background:#282828;color:#fff;padding:4px 12px;border-radius:4px 4px 0 0;display:flex;align-items:center;gap:8px;font-size:11px;border:1px solid #333333;border-bottom:none}.ps-tab-close{font-size:10px;cursor:pointer;color:#999}.ps-tab-close:hover{color:#ef4444}.ps-editor-body{flex:1;display:flex;overflow:hidden;position:relative}.ps-tools-sidebar{width:36px;background:#282828;border-right:1px solid #1c1c1c;display:flex;flex-direction:column;align-items:center;padding:4px 0;gap:2px;flex-shrink:0;overflow-y:auto}.ps-tool-btn{width:28px;height:26px;background:transparent;border:1px solid transparent;color:#bbb;font-size:12px;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center}.ps-tool-btn:hover{background:#383838;color:#fff}.ps-tool-btn.active{background:#383838;border-color:#555;color:#38bdf8;box-shadow:inset 0 1px 3px #00000080}.ps-swatches-box{margin-top:8px;position:relative;width:28px;height:28px}.ps-color-picker{position:absolute;width:18px;height:18px;border:1px solid #000;cursor:pointer;padding:0;background:none}.ps-color-picker.fg-picker{top:0;left:0;z-index:2}.ps-color-picker.bg-picker{bottom:0;right:0;z-index:1}.ps-canvas-stage{flex:1;background:#1e1e1e;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative;padding:16px}.ps-canvas-stage.canvas-grid-on{background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:20px 20px}.ps-artboard-sheet{background:#fff;box-shadow:0 0 30px #000000e6;border:1px solid #111111;position:relative;width:380px;height:580px;max-width:95%;max-height:95%}#ps-main-canvas{width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.ps-right-dock{width:240px;background:#242424;border-left:1px solid #1c1c1c;display:flex;flex-shrink:0}.ps-dock-icons{width:28px;background:#1c1c1c;border-right:1px solid #141414;display:flex;flex-direction:column;align-items:center;padding-top:4px;gap:4px}.ps-dock-icon{width:24px;height:24px;background:transparent;border:none;color:#888;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px}.ps-dock-icon:hover,.ps-dock-icon.active{background:#2c2c2c;color:#fff}.ps-dock-panels{flex:1;display:flex;flex-direction:column;overflow:hidden}.ps-panel-box{flex:1;display:flex;flex-direction:column;border-bottom:1px solid #1c1c1c;overflow:hidden}.ps-panel-tabs{height:24px;background:#1c1c1c;display:flex;align-items:center;border-bottom:1px solid #141414;padding:0 4px;gap:2px}.ps-panel-tab{background:transparent;border:none;color:#888;padding:3px 8px;font-size:10px;cursor:pointer;border-radius:2px 2px 0 0}.ps-panel-tab.active{background:#242424;color:#fff;font-weight:700}.ps-panel-content{flex:1;padding:4px 6px;background:#202020;overflow-y:auto}.ps-history-item{padding:3px 6px;color:#ccc;font-size:11px;border-radius:2px}.ps-history-item.active{background:#2d3748;color:#38bdf8}.ps-layers-controls{padding:4px 6px;background:#222;border-bottom:1px solid #181818;display:flex;flex-direction:column;gap:4px}.ps-blend-row{display:flex;align-items:center;justify-content:space-between}.ps-mini-select{background:#181818;color:#fff;border:1px solid #333;font-size:10px;padding:1px 4px;border-radius:2px}.ps-opacity-lbl{font-size:10px;color:#aaa}.ps-mini-num{width:32px;background:#181818;color:#fff;border:1px solid #333;font-size:10px;text-align:center}.ps-lock-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#888}.ps-layers-list{flex:1;background:#1a1a1a;overflow-y:auto;padding:2px}.ps-layer-entry{display:flex;align-items:center;gap:6px;padding:3px 6px;background:#282828;border:1px solid #383838;color:#fff;font-size:11px;border-radius:2px;margin-bottom:2px}.ps-layer-eye{cursor:pointer}.ps-layer-thumb-box{width:20px;height:20px;background:#fff;border:1px solid #000}.ps-thumb-white{width:100%;height:100%;background:#fff}.ps-layer-name{flex:1}.ps-layer-lock{color:#888;font-size:10px}.ps-layers-footer{height:24px;background:#1c1c1c;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #141414}.ps-ft-btn{background:transparent;border:none;color:#888;font-size:10px;cursor:pointer;padding:2px}.music-layout-gb{display:flex;flex-direction:column;width:100%;height:100%;background:#18191c;border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.gb-master-bar{height:52px;background:linear-gradient(180deg,#383a3f,#26272b);border-bottom:1px solid #141517;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:10px;box-shadow:inset 0 1px #ffffff26,0 2px 8px #0006;z-index:20}.gb-bar-left,.gb-bar-right,.gb-bar-mid-tools{display:flex;align-items:center;gap:6px}.gb-icon-btn{width:32px;height:30px;background:linear-gradient(180deg,#44474d,#2d2f34);border:1px solid #1c1d20;border-radius:5px;color:#d1d5db;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px #ffffff26,0 1px 2px #00000080;transition:all .1s}.gb-icon-btn:hover{background:linear-gradient(180deg,#50545c,#36393f);color:#fff}.gb-icon-btn.active{background:linear-gradient(180deg,#1b3d68,#0d233e);border-color:#3b82f6;color:#60a5fa;box-shadow:inset 0 1px 3px #0009,0 0 8px #3b82f666}.gb-transport-group{display:flex;align-items:center;gap:4px}.gb-t-btn{width:34px;height:32px;background:linear-gradient(180deg,#484b52,#2c2e33);border:1px solid #161719;border-radius:5px;color:#e5e7eb;font-size:.95rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px #ffffff2e,0 2px 4px #0006}.gb-t-btn:active{transform:translateY(1px)}.gb-btn-play.playing{background:linear-gradient(180deg,#166534,#14532d)!important;color:#4ade80!important;border-color:#22c55e!important;box-shadow:0 0 12px #22c55e80!important}.gb-btn-rec.recording{background:linear-gradient(180deg,#991b1b,#7f1d1d)!important;color:#f87171!important;border-color:#ef4444!important;box-shadow:0 0 15px #ef444499!important}.gb-t-btn.active{background:linear-gradient(180deg,#1e3a8a,#172554);border-color:#3b82f6;color:#93c5fd}.gb-lcd-display{display:flex;align-items:center;background:#09131f;border:1px solid #1e3a5f;border-radius:6px;padding:4px 12px;height:36px;box-shadow:inset 0 2px 6px #000c,0 1px #ffffff1a}.lcd-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8px}.lcd-val{font-family:var(--font-code),"SF Pro Display",sans-serif;font-size:.95rem;font-weight:800;color:#38bdf8;text-shadow:0 0 8px rgba(56,189,248,.7);letter-spacing:1px}.lcd-lbl{font-size:.55rem;font-weight:700;color:#0284c7;letter-spacing:.5px}.lcd-divider{width:1px;height:22px;background:#1e3a5f}.gb-master-vol-box{display:flex;align-items:center;gap:4px;background:#0006;padding:3px 8px;border-radius:5px;border:1px solid rgba(255,255,255,.1)}.gb-master-vol-box input[type=range]{width:70px;height:4px;accent-color:#38bdf8}.gb-workspace-split{flex:1;display:flex;min-height:0;background:#1a1c20;border-bottom:1px solid #111;overflow:hidden}.gb-tracks-headers{width:270px;background:#23252a;border-right:1px solid #161719;display:flex;flex-direction:column;overflow-y:auto;-webkit-user-select:none;user-select:none}.gb-tracks-top-action{height:28px;background:#2b2e35;border-bottom:1px solid #1a1c20;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.btn-add-gb-track{background:transparent;border:none;color:#9ca3af;font-size:.72rem;font-weight:700;cursor:pointer}.btn-add-gb-track:hover{color:#38bdf8}.gb-automation-btn{background:transparent;border:none;color:#eab308;font-size:.85rem;cursor:pointer}.gb-track-headers-list{display:flex;flex-direction:column}.gb-track-header-item{height:48px;background:#202227;border-bottom:1px solid #151618;display:flex;flex-direction:column;justify-content:center;padding:4px 10px;cursor:pointer;border-left:3px solid transparent;transition:all .1s}.gb-track-header-item:hover{background:#282a30}.gb-track-header-item.active{background:#2f323a;border-left-color:#38bdf8}.tr-meta{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:#f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-icon{font-size:.95rem}.tr-controls{display:flex;align-items:center;gap:4px;margin-top:3px}.tr-btn{width:18px;height:16px;background:#374151;border:1px solid #1f2937;border-radius:3px;color:#9ca3af;font-size:.58rem;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer}.tr-btn.tr-mute.active{background:#3b82f6;color:#fff}.tr-btn.tr-solo.active{background:#eab308;color:#000}.tr-btn.tr-rec.active{background:#ef4444;color:#fff}.tr-btn.tr-del{background:#ef444433;color:#ef4444;border-color:#ef444466;font-size:.55rem}.tr-btn.tr-del:hover{background:#ef4444;color:#fff}.tr-vol{flex:1;height:3px;accent-color:#38bdf8}.tr-pan-knob{width:14px;height:14px;border-radius:50%;background:#374151;border:1px solid #1f2937;position:relative}.tr-pan-knob:after{content:"";position:absolute;top:1px;left:6px;width:2px;height:5px;background:#38bdf8;border-radius:1px}.gb-arrange-timeline{flex:1;display:flex;flex-direction:column;position:relative;overflow-x:auto;overflow-y:auto;background:#151619}.gb-bars-ruler{height:28px;background:#1f2126;border-bottom:1px solid #111;display:flex;position:sticky;top:0;z-index:10}.ruler-bar-num{width:70px;border-right:1px solid #2d3036;color:#6b7280;font-size:.65rem;font-family:var(--font-code);font-weight:700;padding:4px 6px}.gb-playhead{position:absolute;top:0;bottom:0;left:20px;width:20px;z-index:100;pointer-events:auto;cursor:ew-resize;transform:translate(-10px);touch-action:none}.gb-playhead-cap{position:absolute;top:0;left:3.5px;width:13px;height:14px;background:#f05;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);box-shadow:0 0 8px #f05,0 0 16px #f05c;cursor:grab}.gb-playhead-cap:active{cursor:grabbing;transform:scale(1.2)}.gb-playhead-line{position:absolute;top:14px;bottom:0;left:9.5px;width:2px;background:#f05;box-shadow:0 0 8px #f05,0 0 16px #f059;pointer-events:none}.gb-lanes-stack{display:flex;flex-direction:column}.gb-track-lane{height:48px;border-bottom:1px solid #1c1d21;position:relative;background-image:linear-gradient(to right,#1f2126 1px,transparent 1px);background-size:35px 48px}.gb-track-lane.active-lane{background-color:#38bdf80a}.gb-midi-region{position:absolute;top:6px;bottom:6px;border-radius:6px;padding:4px 8px;display:flex;flex-direction:column;justify-content:space-between;cursor:grab;box-shadow:0 2px 8px #0009;border:1px solid rgba(255,255,255,.3);-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .05s,box-shadow .15s}.gb-midi-region:active{cursor:grabbing;box-shadow:0 0 15px #fff9;transform:scale(1.02)}.gb-midi-region.selected-region{outline:2px solid #00FFA3;box-shadow:0 0 15px #00ffa3}.gb-region-handle-left,.gb-region-handle-right{position:absolute;top:0;bottom:0;width:8px;background:#ffffff4d;cursor:ew-resize;border-radius:2px;opacity:0;transition:opacity .15s}.gb-region-handle-left{left:0}.gb-region-handle-right{right:0}.gb-midi-region:hover .gb-region-handle-left,.gb-midi-region:hover .gb-region-handle-right,.gb-midi-region.selected-region .gb-region-handle-left,.gb-midi-region.selected-region .gb-region-handle-right{opacity:1}.region-green{background:linear-gradient(180deg,#15803d,#166534);border-color:#22c55e}.region-gold{background:linear-gradient(180deg,#b45309,#92400e);border-color:#f59e0b}.region-purple{background:linear-gradient(180deg,#6d28d9,#5b21b6);border-color:#8b5cf6}.region-red{background:linear-gradient(180deg,#b91c1c,#991b1b);border-color:#ef4444}.region-cyan{background:linear-gradient(180deg,#0369a1,#075985);border-color:#0284c7}.region-orange{background:linear-gradient(180deg,#c2410c,#9a3412);border-color:#f97316}.region-title{font-size:.65rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.midi-note-blocks{position:relative;height:16px;width:100%}.m-note{position:absolute;height:3px;background:#ffffffb3;border-radius:1px}.gb-bottom-dock{height:240px;display:flex;background:#1a1c20;border-top:1px solid #111;min-height:0}.gb-inspector-panel{width:270px;background:#222429;border-right:1px solid #141517;display:flex;flex-direction:column}.gb-inspector-tabs{height:30px;background:#2b2d34;border-bottom:1px solid #18191c;display:flex}.insp-tab{flex:1;background:transparent;border:none;color:#9ca3af;font-size:.72rem;font-weight:700;cursor:pointer;border-bottom:2px solid transparent}.insp-tab.active{color:#38bdf8;background:#222429;border-bottom-color:#38bdf8}.gb-inspector-body{padding:10px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.insp-group{display:flex;flex-direction:column;gap:4px}.insp-label-row{display:flex;justify-content:space-between;font-size:.68rem;color:#d1d5db}.gb-slider{accent-color:#38bdf8}.insp-ticks{display:flex;justify-content:space-between;font-size:.58rem;color:#6b7280}.insp-header-mini{font-size:.7rem;font-weight:700;color:#38bdf8;margin-bottom:2px}.gb-plugins-list{display:flex;flex-direction:column;gap:3px}.plugin-item{background:#2a2d33;border:1px solid #1a1b1e;border-radius:4px;padding:4px 8px;font-size:.68rem;color:#9ca3af;display:flex;align-items:center;gap:6px;cursor:pointer}.plugin-item.active{color:#f3f4f6;border-color:#38bdf8}.pl-dot{color:#38bdf8;font-size:.75rem}.gb-keyboard-window{flex:1;display:flex;flex-direction:column;background:#18191c;min-width:0}.gb-win-header{height:28px;background:linear-gradient(180deg,#37393f,#292b30);border-bottom:1px solid #141517;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.gb-mac-dots{display:flex;gap:5px}.dot-red,.dot-yellow,.dot-green{width:10px;height:10px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.gb-win-title{font-size:.75rem;font-weight:700;color:#f3f4f6}.gb-mini-keyboard-nav{display:flex;align-items:center;gap:4px}.mini-nav-btn{background:#374151;border:1px solid #1f2937;color:#9ca3af;border-radius:3px;font-size:.6rem;padding:2px 6px;cursor:pointer}.mini-key-bar{width:90px;height:12px;background:#111827;border:1px solid #374151;border-radius:2px;position:relative}.mini-octave-zone{position:absolute;top:0;bottom:0;left:30px;width:30px;background:#38bdf899;border:1px solid #38bdf8;border-radius:1px}.gb-instruments-bar{display:flex;gap:4px;padding:4px 8px;background:#202227;border-bottom:1px solid #151618;overflow-x:auto}.gb-inst-chip{background:#2a2d33;border:1px solid #373a40;border-radius:4px;color:#9ca3af;padding:4px 10px;font-family:inherit;font-size:.72rem;font-weight:700;display:flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap;transition:all .1s}.gb-inst-chip:hover{color:#f3f4f6;background:#363940}.gb-inst-chip.active{background:linear-gradient(180deg,#0284c7,#0369a1);border-color:#38bdf8;color:#fff;box-shadow:0 0 10px #38bdf866}.chip-icon{font-size:.95rem}.gb-keys-viewport{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;background:#0d0e11;padding:4px 4px 6px}.gb-piano-bed{display:flex;position:relative;flex:1;min-width:900px;height:100%;background:#000;border-radius:4px;box-shadow:inset 0 6px 12px #000c;-webkit-user-select:none;user-select:none}.gb-key-white{flex:1;height:100%;background:linear-gradient(180deg,#f8fafc,#e2e8f0 85%,#cbd5e1);border-right:1px solid #94a3b8;border-bottom:4px solid #64748b;border-radius:0 0 5px 5px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;color:#475569;font-family:var(--font-code);font-weight:800;font-size:.75rem;cursor:pointer;position:relative;box-shadow:inset 0 2px 2px #fffc,0 3px 6px #0000004d;transition:transform .05s,background .05s}.gb-key-white:active,.gb-key-white.key-pressed{background:linear-gradient(180deg,#bae6fd,#38bdf8)!important;color:#0369a1!important;border-bottom-width:1px!important;transform:translateY(3px)!important;box-shadow:0 0 15px #38bdf899!important}.gb-key-black{position:absolute;width:28px;height:62%;background:linear-gradient(180deg,#1e293b,#0f172a 75%,#020617);border:1px solid #000;border-bottom:4px solid #0f172a;border-radius:0 0 4px 4px;z-index:5;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;color:#64748b;font-size:.58rem;font-weight:700;cursor:pointer;box-shadow:inset 0 1px 1px #fff3,0 6px 10px #000000e6;transition:transform .05s,background .05s}.gb-key-black:active,.gb-key-black.key-pressed{background:linear-gradient(180deg,#0284c7,#0369a1)!important;color:#e0f2fe!important;border-bottom-width:1px!important;transform:translateY(2px)!important;box-shadow:0 0 15px #0284c7cc!important}.mixer-channels-stack{display:flex;align-items:center;justify-content:space-around;flex:1}.mixer-channel-strip{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:4px 12px;border-radius:var(--radius-sm)}.chan-meta{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700}.chan-buttons{display:flex;gap:4px}.chan-btn{width:20px;height:20px;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);font-size:.62rem;font-weight:800;cursor:pointer}.chan-fader-box{display:flex;align-items:center;gap:6px}.chan-db{font-family:var(--font-code);font-size:.65rem;color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center}.modal-backdrop.hidden{display:none}.modal-glass-card{width:500px;max-width:92vw;background:#0b1217;border:1px solid var(--neon-green);box-shadow:0 0 50px #00ffa340;border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:16px}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px}.modal-title-box{display:flex;align-items:center;gap:8px}.modal-title-box h3{font-size:1rem;color:var(--neon-green)}.btn-close-modal{background:transparent;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer}.export-setting-group{display:flex;flex-direction:column;gap:6px}.export-setting-group label{font-size:.75rem;color:var(--text-secondary)}.export-chips{display:flex;flex-wrap:wrap;gap:6px}.chip-option{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:5px 10px;border-radius:var(--radius-sm);font-family:inherit;font-size:.72rem;cursor:pointer}.chip-option.active{background:#00ffa333;border-color:var(--neon-green);color:var(--neon-green);font-weight:700}.export-render-box{background:#0006;border:1px solid rgba(0,255,163,.2);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:6px}.export-render-box.hidden{display:none}.render-info{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.render-info strong{color:var(--neon-green)}.render-progress-track{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.render-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--neon-green) 0%,var(--neon-cyan) 100%);box-shadow:0 0 15px var(--neon-green);transition:width .1s linear}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.toast-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background:#0d141af2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--neon-green);box-shadow:0 0 30px var(--neon-green-glow);padding:8px 18px;border-radius:var(--radius-full);display:flex;align-items:center;gap:8px;z-index:200;transition:transform .35s cubic-bezier(.16,1,.3,1);pointer-events:none}.toast-notification.show{transform:translate(-50%) translateY(0)}.toast-icon{font-size:1rem}.toast-message{font-size:.8rem;font-weight:700;color:#fff}.storyboard-container{display:flex;align-items:center;gap:10px;padding:20px;overflow-x:auto;overflow-y:hidden;height:100%;background:radial-gradient(circle at center,#1e1e1ecc,#0a0a0af2)}.storyboard-box{flex:0 0 160px;height:120px;background:linear-gradient(145deg,#222,#111);border:2px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:inset 0 0 10px #000c,0 5px 15px #00000080;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:all .2s ease}.storyboard-box:hover{transform:scale(1.05);border-color:var(--neon-cyan);box-shadow:0 8px 25px #00f0ff66}.storyboard-box.active{border-color:var(--neon-green);box-shadow:0 0 20px #00ffa380}.storyboard-thumb{width:100%;height:100%;object-fit:cover;opacity:.8}.storyboard-title{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:.7rem;padding:4px;text-align:center;font-family:var(--font-code)}.storyboard-transition{flex:0 0 40px;height:40px;background:linear-gradient(135deg,#323232cc,#141414e6);border:1px solid rgba(255,255,255,.3);border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 1px 1px 3px #fff3,0 2px 5px #00000080;transition:transform .2s}.storyboard-transition:hover{transform:scale(1.2);border-color:var(--neon-green);color:var(--neon-green)}.storyboard-transition.has-transition{background:linear-gradient(135deg,var(--neon-emerald),var(--neon-green));color:#000;border:none}.ai-modal-card{max-width:520px!important;border:1px solid rgba(0,255,163,.3)!important;box-shadow:0 0 60px #00ffa326,0 25px 80px #000c!important}.ai-icon-pulse{animation:aiIconPulse 1.5s ease-in-out infinite}@keyframes aiIconPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.15);filter:brightness(1.4) drop-shadow(0 0 8px rgba(0,255,163,.6))}}.ai-status-text{font-family:var(--font-primary);font-size:.9rem;font-weight:700;color:var(--neon-green);text-align:center;margin-bottom:16px;text-shadow:0 0 12px rgba(0,255,163,.4);min-height:24px;transition:all .3s ease}.ai-progress-track{width:100%;height:10px;background:#ffffff0f;border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08)}.ai-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#00ffa3,#00b4d8,#9d4edd,#f36,#ffb703);background-size:300% 100%;border-radius:10px;transition:width .4s ease;animation:aiProgressShimmer 2s linear infinite;position:relative}.ai-progress-fill:after{content:"";position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));border-radius:10px;animation:aiProgressPulse 1s ease-in-out infinite}@keyframes aiProgressShimmer{0%{background-position:0% 0%}to{background-position:300% 0%}}@keyframes aiProgressPulse{0%,to{opacity:.5}50%{opacity:1}}.ai-progress-glow{position:absolute;top:-2px;left:0;right:0;bottom:-2px;border-radius:12px;pointer-events:none;box-shadow:0 0 15px #00ffa34d}.ai-progress-pct{text-align:center;font-family:var(--font-code);font-size:1.4rem;font-weight:900;color:#fff;margin-top:8px;text-shadow:0 0 15px rgba(0,255,163,.5)}.ai-steps-list{display:flex;flex-direction:column;gap:6px;margin-top:18px;max-height:280px;overflow-y:auto;padding-right:4px}.ai-step-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;transition:all .3s ease;font-size:.82rem}.ai-step-item.active{background:#00ffa314;border-color:#00ffa34d;box-shadow:0 0 12px #00ffa31a}.ai-step-item.active .step-icon{animation:stepIconBounce .6s ease infinite}.ai-step-item.done{background:#00ffa30d;border-color:#00ffa326;opacity:.75}.ai-step-item.done .step-status{color:#00ffa3}.step-icon{font-size:1.1rem;min-width:24px;text-align:center}.step-text{flex:1;color:var(--text-primary);font-weight:600}.step-status{font-size:.9rem;min-width:24px;text-align:center}@keyframes stepIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.ai-engine-badge{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;color:#00ffa3b3;font-family:var(--font-code)}.ai-engine-dot{width:8px;height:8px;border-radius:50%;background:#00ffa3;box-shadow:0 0 8px #00ffa3;animation:aiDotPulse 1.2s ease-in-out infinite}@keyframes aiDotPulse{0%,to{opacity:1;box-shadow:0 0 4px #00ffa3}50%{opacity:.5;box-shadow:0 0 12px #00ffa3,0 0 20px #00ffa34d}}.ai-particles-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.btn-tool-action.ai-processing{pointer-events:none;opacity:.7;animation:aiBtnProcess 1s ease-in-out infinite}.capcut-view-switcher{display:flex;background:#ffffff14;border-radius:6px;padding:2px;gap:2px}.btn-view-toggle{background:transparent;border:none;color:#94a3b8;font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:4px;cursor:pointer;transition:all .15s ease}.btn-view-toggle.active{background:#00ffa3!important;color:#000!important;font-weight:800!important}.storyboard-panel{grid-column:2 / 3;grid-row:2 / 3;width:100%;height:100%;min-height:220px;background:#060a0f;padding:12px 16px;display:flex;flex-direction:column;gap:10px;overflow:hidden;border-top:1.5px solid rgba(0,255,163,.35);box-shadow:inset 0 0 35px #000000e6;border-radius:var(--radius-md)}@media (max-width: 900px){.storyboard-panel{grid-column:1 / -1!important;width:100%!important;min-height:260px!important}}.storyboard-header{display:flex;align-items:center;justify-content:space-between;font-size:.95rem;font-weight:900;color:#00ffa3;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.storyboard-cards-scroll{flex:1;display:flex;align-items:center;gap:20px;overflow-x:auto;overflow-y:hidden;padding:12px 8px 18px;position:relative;scrollbar-width:thin;scrollbar-color:#00FFA3 rgba(255,255,255,.1)}.storyboard-cards-scroll::-webkit-scrollbar{height:8px}.storyboard-cards-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.storyboard-cards-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#00ffa3,#00d2ff,#a855f7);border-radius:4px}.sb-connecting-filmstrip{position:absolute;top:50%;left:0;right:0;height:8px;background:linear-gradient(90deg,#00ffa3,#00d2ff,#a855f7,#00ffa3);box-shadow:0 0 12px #00ffa3e6,0 0 25px #00d2ffb3;z-index:1;pointer-events:none;border-radius:4px}.sb-playhead-needle{position:absolute;top:0;bottom:0;left:20px;width:4px;z-index:9999;pointer-events:none;transition:left .1s linear}.sb-white-needle-line{width:4px;height:100%;background:#fff;box-shadow:0 0 10px #fff,0 0 20px #00ffa3e6;position:relative}.sb-white-needle-line:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:14px;height:12px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%);box-shadow:0 2px 6px #000000e6}.sb-scene-card{width:185px;min-height:195px;background:#0d1522;border:1.5px solid rgba(0,255,163,.45);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;cursor:pointer;position:relative;z-index:2;transition:all .2s ease;box-shadow:0 6px 20px #000000bf}.sb-scene-card:hover,.sb-scene-card.active{border-color:#00ffa3;transform:translateY(-4px);box-shadow:0 0 25px #00ffa399;background:#121c2b}.sb-thumb-preview{width:100%;height:92px;background:#06090e;border:1.5px dashed rgba(255,255,255,.25);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px;margin:6px 0;overflow:hidden}.sb-thumb-preview img,.sb-thumb-preview video{width:100%;height:100%;object-fit:cover;border-radius:6px}.sb-trans-pill{font-size:.7rem;background:#ffb70326;border:1px solid rgba(255,183,3,.4);color:#ffb703;padding:3px 8px;border-radius:12px;text-align:center;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:4px}.sb-trans-pill:hover{background:#ffb703;color:#000;font-weight:800}.sb-add-card{width:155px;min-height:195px;background:#00ffa30f;border:2px dashed rgba(0,255,163,.45);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex-shrink:0;cursor:pointer;transition:all .2s ease;z-index:2}.sb-add-card:hover{background:#00ffa326;border-color:#00ffa3;transform:translateY(-4px)}.effects-modal-card{width:820px;max-width:95vw;max-height:88vh;background:#080e14;border:1.5px solid var(--neon-cyan);box-shadow:0 0 50px #00f0ff59;border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.effects-cat-bar{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;background:#0c141d;border-bottom:1px solid rgba(255,255,255,.08);scrollbar-width:thin}.effect-cat-btn{padding:5px 12px;font-size:.75rem;font-weight:700;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9ca3af;cursor:pointer;white-space:nowrap;transition:all .15s}.effect-cat-btn.active,.effect-cat-btn:hover{background:var(--neon-cyan);color:#000;border-color:var(--neon-cyan);font-weight:800}.effects-grid-container{flex:1;overflow-y:auto;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.fx-card{background:#111a24;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease;text-align:center}.fx-card:hover,.fx-card.active{border-color:var(--neon-green);background:#162230;transform:translateY(-2px);box-shadow:0 0 15px #00ffa366}.fx-icon{font-size:1.5rem}.fx-name{font-size:.72rem;font-weight:700;color:#e5e7eb}.fx-cat-tag{font-size:.6rem;color:#00ffa3;background:#00ffa31a;padding:1px 6px;border-radius:4px}.sb-add-card{width:130px;min-height:145px;background:#00ffa30f;border:2px dashed rgba(0,255,163,.4);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex-shrink:0;cursor:pointer;transition:all .2s ease;z-index:2}.sb-card-top-row{display:flex;align-items:center;justify-content:space-between;width:100%}.sb-card-badge{font-size:.68rem;font-weight:800;color:#00d2ff}.sb-btn-del-scene{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444;border-radius:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.65rem;cursor:pointer;transition:all .15s}.sb-btn-del-scene:hover{background:#ef4444;color:#fff}.sb-thumb-preview{font-size:.7rem;color:#fff;text-align:center;background:#0009;border:1px dashed rgba(255,255,255,.2);border-radius:6px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;transition:all .15s ease}.sb-thumb-preview:hover{border-color:#00ffa3;background:#00ffa31a}.sb-thumb-hint{font-size:.58rem;color:#00ffa3;font-weight:700}.sb-meta-row{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:#94a3b8}.sb-btn-play-scene{background:#ffffff1a;border:none;color:#00ffa3;border-radius:50%;width:22px;height:22px;cursor:pointer}.sb-trans-pill{font-size:.58rem;background:#f9731633;color:#f97316;border-radius:3px;text-align:center;padding:2px;font-weight:700}.sb-add-card{width:110px;height:100%;border:1.5px dashed rgba(0,255,163,.4);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;flex-shrink:0;color:#00ffa3;background:#00ffa30d;z-index:2;transition:all .15s}.sb-add-card:hover{background:#00ffa326;border-color:#00ffa3;transform:translateY(-2px)}@keyframes aiSuccessFlash{0%{background:#00ffa34d;transform:scale(1)}30%{background:#00ffa380;transform:scale(1.05)}to{background:initial;transform:scale(1)}}.ai-celebration-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99999;background:radial-gradient(circle at center,rgba(0,255,163,.08),transparent 70%);animation:celebrationFade 2s ease forwards}@keyframes celebrationFade{0%{opacity:0}20%{opacity:1}to{opacity:0}}.mobile-tools-fab,.mobile-backdrop,.mobile-studio-switch-bar{display:none}@media screen and (max-width: 768px){body.dark-theme{overflow:hidden!important;width:100vw;height:100vh;touch-action:manipulation}.app-root{height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column;padding-bottom:0}.ambient-glow,.ambient-grid-overlay{display:none}.top-nav-bar{position:fixed!important;top:0;left:0;right:0;height:44px!important;min-height:44px!important;z-index:10000!important;background:#000!important;border-bottom:1px solid rgba(255,255,255,.08)!important;display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between;padding:0 8px!important;margin:0!important;border-radius:0!important;box-shadow:0 2px 10px #000c!important}.header-action-left{display:flex!important;align-items:center!important;gap:6px!important}.btn-capcut-export-pill{background:#00d2ff!important;color:#000!important;font-size:.74rem!important;font-weight:800!important;padding:4px 10px!important;border-radius:6px!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform .15s ease!important}.btn-capcut-export-pill:active{transform:scale(.92)!important}.btn-capcut-import-pill{background:#00ffa32e!important;color:#00ffa3!important;font-size:.72rem!important;font-weight:800!important;padding:4px 8px!important;border-radius:6px!important;border:1.5px solid rgba(0,255,163,.6)!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:3px!important;transition:transform .15s ease!important}.btn-capcut-import-pill:active{transform:scale(.92)!important}.capcut-res-pill{background:#ffffff1f!important;color:#e2e8f0!important;font-size:.66rem!important;font-weight:600!important;padding:4px 6px!important;border-radius:6px!important;display:flex!important;align-items:center!important;gap:3px!important;cursor:pointer!important;border:1px solid rgba(255,255,255,.15)!important}.capcut-res-pill .pill-arrow{font-size:.6rem!important;color:#94a3b8!important}.header-action-right{display:flex!important;align-items:center!important}.btn-capcut-close-icon{background:transparent!important;border:none!important;color:#fff!important;font-size:1.15rem!important;padding:4px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important}.studio-nav-tabs,.nav-left,.brand-logo,.brand-text,.offline-badge,.nav-right{display:none!important}.nav-right .btn-neon-cta span{display:inline!important;color:#060a0d!important;font-weight:900!important}.nav-right .btn-neon-cta .icon{font-size:.9rem!important;margin:0!important}.mobile-studio-switch-bar{display:flex!important;position:fixed!important;top:44px!important;left:0!important;right:0!important;height:34px!important;background:#090c10!important;z-index:9998!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding:2px 6px!important;gap:4px!important;align-items:center!important;justify-content:space-around!important}.mobile-switch-pill{flex:1!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.12)!important;color:#94a3b8!important;font-size:.68rem!important;font-weight:700!important;padding:4px!important;border-radius:6px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;transition:all .15s ease!important}.mobile-switch-pill.active{background:#00d2ff!important;color:#000!important;border-color:#00d2ff!important;font-weight:900!important}.mobile-tools-fab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:60px;right:12px;z-index:9998;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#00ffa3,#00b4d8);border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #00ffa366,0 6px 20px #00000080;cursor:pointer;transition:all .3s ease}.mobile-tools-fab:active{transform:scale(.92)}.mobile-tools-fab .fab-icon{font-size:1.15rem}.mobile-tools-fab.fab-active{background:linear-gradient(135deg,#f36,#9d4edd)}.mobile-tools-fab.fab-active .fab-icon:after{content:"✕"}.mobile-tools-fab.fab-active .fab-icon{font-size:0}.mobile-tools-fab.fab-active .fab-icon:after{font-size:1.15rem}.mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9990;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-backdrop.visible{opacity:1;pointer-events:auto}.master-workspace{margin-top:78px!important;padding:4px 6px 56px!important;overflow:hidden!important;flex:1;min-height:0;display:flex;flex-direction:column;height:calc(100vh - 78px)!important}.studio-section.active{flex-direction:column;flex:1;min-height:0;display:flex}.video-layout{display:flex!important;flex-direction:column!important;gap:4px;height:100%!important;width:100%!important;min-height:0!important;flex:1;justify-content:space-between!important}.video-layout>.sidebar-panel{position:fixed;top:0;right:-100%;width:85%;max-width:340px;height:100vh;z-index:9995;border-radius:0;margin:0;padding:16px 12px;transition:right .35s cubic-bezier(.16,1,.3,1);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#060a0df7;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-left:1px solid rgba(0,255,163,.2)}.video-layout>.sidebar-panel.drawer-open{right:0}.quick-add-grid,.transform-actions-grid{grid-template-columns:1fr 1fr 1fr;gap:8px}.btn-tool-action,.btn-transform{padding:12px 6px;font-size:.75rem;min-height:48px;flex-direction:column;text-align:center;gap:4px;border-radius:10px}.btn-tool-action .action-icon,.btn-transform .action-icon{font-size:1.2rem}.tool-group-title{font-size:.8rem;font-weight:700;padding:6px 0 2px;color:var(--neon-green)}.speed-presets{grid-template-columns:1fr 1fr 1fr}.speed-btn{padding:10px 8px;font-size:.8rem;min-height:42px}.lut-chips-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;max-height:300px}.lut-chip{height:80px;border-radius:10px}.slider-row{font-size:.8rem;padding:4px 0}input[type=range]{height:20px}.video-stage-panel{grid-column:unset!important;grid-row:unset!important;order:1!important;width:100%!important;min-height:40vh!important;max-height:50vh!important;padding:4px!important;gap:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;background:#020509!important;border:1px solid rgba(0,255,163,.25)!important;border-radius:10px!important;overflow:hidden!important}.stage-header{width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;padding:2px 4px!important;gap:4px!important;min-height:28px!important}.video-viewport-wrapper,#video-viewport-box{width:100%!important;flex:1!important;min-height:30vh!important;max-height:45vh!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#000!important;border-radius:8px!important;overflow:hidden!important;position:relative!important}.video-screen{border-radius:0!important;background:#000!important}.capcut-mid-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:42px!important;padding:6px 14px!important;background:#080c10!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;gap:12px!important;flex-wrap:wrap!important;z-index:15!important}.capcut-timecode-box{font-size:.8rem!important;font-weight:800!important;color:#94a3b8!important;direction:ltr!important;display:flex!important;align-items:center!important;gap:4px!important;background:#ffffff0a!important;padding:4px 10px!important;border-radius:6px!important;border:1px solid rgba(255,255,255,.08)!important}.capcut-timecode-box .time-current{color:#00ffa3!important}.capcut-mid-tools{display:flex!important;align-items:center!important;gap:16px!important}.mid-tool-btn{background:transparent!important;border:none!important;color:#cbd5e1!important;font-size:1.05rem!important;cursor:pointer!important;padding:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform .15s!important}.mid-tool-btn:hover{color:#00ffa3!important;transform:scale(1.1)!important}.capcut-center-play-btn{background:transparent!important;border:none!important;color:#fff!important;font-size:1.35rem!important;cursor:pointer!important;padding:0 6px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform .15s ease!important}.capcut-center-play-btn:active{transform:scale(.85)!important}.timeline-container-panel{grid-column:unset!important;grid-row:unset!important;padding:0!important;flex:1 1 auto!important;min-height:250px!important;height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#040608!important;border:none!important;border-radius:0!important;position:relative!important}.capcut-timeline-inner-wrapper{display:flex!important;flex-direction:row!important;width:100%!important;flex:1!important;align-items:stretch!important;position:relative!important}.capcut-track-side-tools{width:105px!important;min-width:105px!important;flex:0 0 105px!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:6px 4px!important;background:#0a0e14!important;border-left:1px solid rgba(255,255,255,.08)!important;z-index:20!important}.cc-side-tool-card{background:#131b24!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:6px!important;padding:4px 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:#e2e8f0!important;cursor:pointer!important;position:relative!important;min-height:42px!important;transition:all .15s!important}.cc-side-tool-card:hover{background:#1c2734!important;border-color:#00ffa366!important}.cc-side-tool-card:active{background:#243242!important}.cc-side-icon{font-size:.95rem!important}.cc-side-lbl{font-size:.6rem!important;font-weight:800!important;color:#94a3b8!important;text-align:center!important;line-height:1.1!important;margin-top:2px!important}.cc-badge-orange{position:absolute!important;top:-4px!important;right:-2px!important;background:#f97316!important;color:#fff!important;font-size:.5rem!important;font-weight:900!important;padding:1px 4px!important;border-radius:4px!important;box-shadow:0 1px 4px #00000080!important}.cc-track-pill-indicator{width:26px!important;height:26px!important;background:#131b24!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#00ffa3!important;font-size:.75rem!important;font-weight:800!important;margin:4px auto 0!important}.timeline-scroll-box{flex:1!important;height:100%!important;overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;flex-direction:column!important;touch-action:pan-x!important;-webkit-overflow-scrolling:touch!important;background:#040608!important;position:relative!important;padding:0!important;margin:0!important}.timeline-ruler{height:22px!important;min-height:22px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;display:flex!important;align-items:center!important;padding-right:20px!important;font-family:var(--font-code),monospace!important;font-size:.68rem!important;color:#94a3b8!important;cursor:col-resize!important;background:#070b10!important;position:relative!important;z-index:10!important;flex-shrink:0!important}.timeline-playhead,.gb-playhead{touch-action:none!important}.capcut-center-needle{position:absolute!important;top:0!important;bottom:0!important;left:20px!important;width:3px!important;z-index:9999!important;pointer-events:none!important;display:block!important}.capcut-white-needle-line{width:3px!important;height:100%!important;background:#fff!important;box-shadow:0 0 10px #fff,0 0 20px #00ffa3e6!important;position:relative!important;border-radius:2px!important}.capcut-white-needle-line:before{content:""!important;position:absolute!important;top:0!important;left:50%!important;transform:translate(-50%)!important;width:14px!important;height:12px!important;background:#fff!important;clip-path:polygon(0 0,100% 0,50% 100%)!important;box-shadow:0 2px 6px #000c!important}.timeline-tracks-stack{display:flex!important;flex-direction:column!important;gap:4px!important;width:max-content!important;min-width:100%!important;padding-left:50vw!important;padding-right:50vw!important;padding-top:2px!important;padding-bottom:8px!important;margin:0!important}.track-row{height:48px!important;margin-bottom:2px!important;display:flex!important;align-items:center!important}.track-lane{display:flex!important;align-items:center!important;gap:8px!important;height:100%!important}.timeline-clip{border-radius:8px!important;display:flex!important;align-items:center!important;padding:0 6px!important;cursor:grab!important;position:relative!important;box-shadow:0 2px 8px #0006!important;transition:box-shadow .15s,border-color .15s!important}.timeline-clip:hover{box-shadow:0 0 12px #00ffa366!important}.timeline-clip.active-clip,.timeline-clip.selected{outline:2px solid #00FFA3!important;outline-offset:1px!important;box-shadow:0 0 16px #00ffa3b3!important}.clip-video{height:46px!important;background:#0b131e!important;border:2px solid #00ffa3!important;color:#fff!important;font-size:.72rem!important;font-weight:800!important;overflow:hidden!important}.clip-video:before,.clip-video:after{content:""!important;position:absolute!important;left:0!important;right:0!important;height:3px!important;background-image:repeating-linear-gradient(90deg,#ffffff 0px,#ffffff 4px,transparent 4px,transparent 8px)!important;opacity:.35!important;z-index:4!important;pointer-events:none!important}.clip-video:before{top:1px!important}.clip-video:after{bottom:1px!important}.clip-thumbnails{display:flex!important;align-items:center!important;gap:3px!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;padding:4px 6px!important;z-index:1!important;pointer-events:none!important}.thumb-frame{flex:1!important;height:100%!important;background:linear-gradient(135deg,#1e293b,#0f172a)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.85rem!important;color:#94a3b8!important;min-width:36px!important;box-shadow:inset 0 0 6px #00000080!important}.clip-video .clip-title{position:relative!important;z-index:5!important;background:#060a0ed9!important;border:1px solid rgba(0,255,163,.4)!important;border-radius:4px!important;padding:2px 8px!important;color:#00ffa3!important;font-weight:800!important;font-size:.72rem!important;white-space:nowrap!important;box-shadow:0 2px 6px #000000b3!important}.capcut-timeline-add-btn{width:36px!important;height:36px!important;background:#fff!important;color:#000!important;font-weight:900!important;font-size:1.4rem!important;border-radius:8px!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex-shrink:0!important;box-shadow:0 2px 10px #fff6!important;margin-left:8px!important;transition:transform .15s,background .15s!important}.capcut-timeline-add-btn:hover{transform:scale(1.08)!important;background:#00ffa3!important}.capcut-timeline-add-btn:active{transform:scale(.92)!important}.clip-audio{height:42px!important;background:linear-gradient(90deg,#0d9488,#0284c7)!important;border:1.5px solid #06b6d4!important;border-radius:8px!important;color:#fff!important;font-size:.75rem!important;font-weight:800!important;display:flex!important;align-items:center!important;padding:0 10px!important;box-shadow:0 2px 10px #06b6d44d!important;position:relative!important;overflow:hidden!important}.clip-audio:before{content:""!important;position:absolute!important;top:0;bottom:0;left:0;right:0!important;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0px,rgba(255,255,255,.2) 3px,transparent 3px,transparent 6px)!important;opacity:.4!important;pointer-events:none!important}.clip-text{height:38px!important;background:#e07a24!important;border:1.5px solid #f97316!important;border-radius:8px!important;color:#fff!important;font-weight:900!important;font-size:.8rem!important;display:flex!important;align-items:center!important;padding:0 10px!important;box-shadow:0 2px 10px #e07a2466!important}.capcut-floating-magic-btn{position:absolute!important;bottom:12px!important;right:12px!important;width:44px!important;height:44px!important;border-radius:50%!important;background:#0f172a!important;border:2px solid #38bdf8!important;color:#38bdf8!important;font-size:1.3rem!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 14px #000000b3!important;cursor:pointer!important;z-index:60!important}.capcut-floating-magic-btn:active{transform:scale(.9)!important}.ruler-tick{width:50px}.storyboard-container{padding:10px;gap:8px}.storyboard-box{flex:0 0 130px;height:100px;border-radius:10px}.photo-layout{display:flex!important;flex-direction:column!important;gap:6px;height:auto}.photo-layout>.sidebar-panel{position:fixed;top:0;right:-100%;width:85%;max-width:340px;height:100vh;z-index:9995;border-radius:0;margin:0;padding:16px 12px;transition:right .35s cubic-bezier(.16,1,.3,1);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#060a0df7;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-left:1px solid rgba(0,255,163,.2)}.photo-layout>.sidebar-panel.drawer-open{right:0}.photo-stage-panel{order:-1;padding:6px}.photo-canvas-viewport{min-height:280px;max-height:50vh}.photo-artboard{width:100%!important;max-width:320px;height:auto!important;aspect-ratio:1/1}.canvas-presets-grid{grid-template-columns:1fr 1fr;gap:6px}.canvas-preset-btn{padding:10px;font-size:.78rem;min-height:42px}.add-elements-grid{grid-template-columns:1fr 1fr 1fr;gap:6px}.btn-element-add{padding:10px 6px;font-size:.72rem;min-height:48px;border-radius:10px}.btn-element-add .elem-icon{font-size:1.3rem}.layers-panel{max-height:300px}.layer-card{padding:10px 12px;gap:10px}.layers-footer-actions{gap:6px}.btn-layer-tool{padding:8px;font-size:.78rem;min-height:38px}.music-layout-gb{height:auto;min-height:calc(100vh - 140px)}.gb-master-bar{flex-wrap:wrap;height:auto;padding:6px 8px;gap:6px}.gb-lcd-display{order:-1;width:100%;justify-content:center}.gb-workspace-split{flex-direction:column;overflow:visible}.gb-tracks-headers{width:100%;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;border-right:none;border-bottom:1px solid #161719}.gb-tracks-top-action{display:none}.gb-track-headers-list{flex-direction:row}.gb-track-header-item{height:auto;min-width:120px;flex-shrink:0;padding:6px 10px;border-left:none;border-bottom:3px solid transparent}.gb-track-header-item.active{border-bottom-color:#38bdf8;border-left-color:transparent}.gb-arrange-timeline{min-height:150px}.gb-bottom-dock{flex-direction:column;height:auto}.gb-inspector-panel{width:100%;border-right:none;border-bottom:1px solid #141517;max-height:200px}.gb-keyboard-window{min-height:180px}.gb-keys-viewport{height:160px}.gb-icon-btn{width:36px;height:34px;font-size:.9rem}.gb-t-btn{width:38px;height:36px;font-size:1rem}.gb-inst-chip{padding:8px 12px;font-size:.78rem;min-height:38px}.modal-backdrop{align-items:flex-end;padding:0}.modal-glass-card{max-width:100%!important;width:100%!important;border-radius:16px 16px 0 0!important;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-body{padding:12px}.modal-footer{padding:12px;flex-wrap:wrap;gap:8px}.ai-modal-card{max-width:100%!important}.ai-steps-list{max-height:200px}.ai-step-item{padding:10px 12px;font-size:.85rem}.ai-progress-pct{font-size:1.6rem}.export-chips{flex-wrap:wrap;gap:6px}.chip-option{flex:1;min-width:120px;padding:10px;font-size:.75rem;text-align:center}.toast-notification{bottom:74px!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;font-size:.82rem;border-radius:12px}button{min-height:36px}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:#00ffa326;border-radius:3px}.panel-header h3{font-size:.95rem}.panel-header{padding-bottom:10px}.glass-panel{border-radius:10px}.tool-group-title{font-size:.82rem}}.video-resize-handle-mobile{position:absolute;bottom:12px;right:12px;width:44px;height:44px;background:#00ffa3d9;border:2px solid #FFFFFF;color:#060a0d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;cursor:se-resize;z-index:100;box-shadow:0 0 15px #00ffa399;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .2s ease}.video-resize-handle-mobile:active{transform:scale(.9);background:#00ffa3}.capcut-bottom-toolbar{display:none}@media screen and (max-width: 768px){.capcut-bottom-toolbar{display:flex;flex-direction:column;position:fixed;bottom:0!important;left:0;right:0;height:52px!important;background:#080c10fa;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-top:1px solid rgba(0,255,163,.25);box-shadow:0 -4px 20px #000c;z-index:9999!important;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.cc-toolbar-row{display:none;width:100%;height:100%;align-items:center;padding:0 6px;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.cc-toolbar-row::-webkit-scrollbar{display:none}.cc-toolbar-row.active{display:flex;animation:slideUpToolbar .25s cubic-bezier(.16,1,.3,1)}@keyframes slideUpToolbar{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.cc-tool-btn,.cc-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;color:var(--text-secondary);min-width:48px;max-width:60px;height:100%;padding:2px 3px;cursor:pointer;font-family:inherit;transition:all .2s ease;flex-shrink:0;position:relative!important}.cc-tool-btn:active,.cc-action-btn:active{transform:scale(.9);color:var(--neon-green)}.cc-tool-btn .cc-icon,.cc-action-btn .cc-icon{font-size:1.05rem;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.cc-tool-btn .cc-label,.cc-action-btn .cc-label{font-size:.58rem;font-weight:700;line-height:1.1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:54px;text-align:center}.cc-badge-pill{position:absolute!important;top:2px!important;right:4px!important;font-size:.42rem!important;font-weight:900!important;padding:1px 3px!important;border-radius:3px!important;line-height:1!important}.cc-badge-pill.ai-badge{background:#0284c7!important;color:#fff!important}.cc-badge-pill.pro-badge{background:transparent!important;font-size:.55rem!important;top:1px!important;right:3px!important}.cc-back-btn{display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;width:28px;height:28px;border-radius:50%;margin-right:2px;cursor:pointer;flex-shrink:0;font-size:12px;transition:all .2s}.cc-back-btn:active{transform:scale(.85);background:#00ffa333;border-color:var(--neon-green)}.video-layout>.sidebar-panel{display:none!important}.glc-action-bar{display:none!important}}@media screen and (max-width: 390px){.top-nav-bar{padding:4px 6px;margin:2px 4px 0}.logo-brand-wrap{width:30px;height:30px}.nav-tab{min-height:46px;padding:4px 2px}.nav-tab .tab-3d-icon{font-size:1.1rem}.nav-tab .tab-title{font-size:.55rem;max-width:60px}.video-viewport-wrapper{min-height:180px;max-height:38vh}.quick-add-grid,.transform-actions-grid{grid-template-columns:1fr 1fr}.t-btn-play{width:46px;height:46px}.mobile-tools-fab{width:46px;height:46px;bottom:68px;right:10px}.timeline-container-panel{min-height:130px}}@media screen and (min-width: 769px) and (max-width: 1024px){.video-layout{grid-template-columns:220px 1fr}.photo-layout{grid-template-columns:200px 1fr 200px}.sidebar-panel{padding:10px}.btn-tool-action,.btn-transform{padding:6px;font-size:.7rem}}.capcut-transform-box{position:absolute;border:2px solid #00FFA3;box-shadow:0 0 15px #00ffa366,inset 0 0 10px #00ffa326;pointer-events:auto;z-index:55;box-sizing:border-box;transform-origin:center center}.tf-center-drag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#00ffa340;border:1.5px solid #00FFA3;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:move;box-shadow:0 0 10px #00ffa399;-webkit-user-select:none;user-select:none}.tf-rotate-stalk{position:absolute;top:-24px;left:50%;transform:translate(-50%);width:2px;height:24px;background:#00ffa3}.tf-handle{position:absolute;background:#fff;border:2px solid #00FFA3;box-shadow:0 0 8px #00ffa3cc;border-radius:50%;width:14px;height:14px;z-index:56;box-sizing:border-box}.tf-handle.tf-rot{top:-34px;left:50%;transform:translate(-50%);width:24px;height:24px;background:#0b1116e6;border:1.5px solid #00FFA3;color:#00ffa3;font-size:.8rem;display:flex;align-items:center;justify-content:center;cursor:grab;border-radius:50%}.tf-handle.tf-rot:active{cursor:grabbing;background:#00ffa3;color:#000}.tf-handle.tf-tl{top:-7px;left:-7px;cursor:nwse-resize}.tf-handle.tf-tr{top:-7px;right:-7px;cursor:nesw-resize}.tf-handle.tf-br{bottom:-7px;right:-7px;cursor:nwse-resize}.tf-handle.tf-bl{bottom:-7px;left:-7px;cursor:nesw-resize}.tf-handle.tf-t{top:-6px;left:50%;transform:translate(-50%);width:18px;height:8px;border-radius:4px;cursor:ns-resize}.tf-handle.tf-b{bottom:-6px;left:50%;transform:translate(-50%);width:18px;height:8px;border-radius:4px;cursor:ns-resize}.tf-handle.tf-r{top:50%;right:-6px;transform:translateY(-50%);width:8px;height:18px;border-radius:4px;cursor:ew-resize}.tf-handle.tf-l{top:50%;left:-6px;transform:translateY(-50%);width:8px;height:18px;border-radius:4px;cursor:ew-resize}button,input[type=button],input[type=submit],input[type=number],.dur-btn,.kf-btn,.kf-anim-chip,.screen-zoom-btn,.ps-ai-btn,.ps-opt-btn{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;box-sizing:border-box!important;font-family:inherit!important}.screen-manual-zoom-hud{position:absolute!important;top:14px!important;right:14px!important;left:auto!important;bottom:auto!important;display:flex!important;align-items:center!important;gap:8px!important;padding:6px 14px!important;background:#080d12f2!important;border:1.5px solid rgba(0,255,163,.45)!important;border-radius:14px!important;box-shadow:0 10px 30px #000000d9,0 0 20px #00ffa34d,inset 0 1px 1px #ffffff59!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;z-index:999!important;direction:ltr!important}.screen-zoom-btn{height:30px!important;padding:0 12px!important;min-width:32px!important;background:linear-gradient(180deg,#1e293b,#0f172a)!important;border:1px solid rgba(0,255,163,.4)!important;color:#00ffa3!important;font-weight:900!important;font-size:.85rem!important;border-radius:8px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 10px #0009,inset 0 1px 1px #ffffff4d!important;transition:all .15s ease!important}.screen-zoom-btn:hover{background:linear-gradient(180deg,#00ffa3,#059669)!important;color:#060a0d!important;border-color:#fff!important;box-shadow:0 0 16px #00ffa3cc!important;transform:translateY(-2px)!important}.screen-zoom-btn:active{transform:translateY(1px) scale(.95)!important;box-shadow:inset 0 2px 5px #000c!important}.screen-zoom-level{font-family:var(--font-code),monospace!important;font-size:.85rem!important;font-weight:900!important;color:#00ffa3!important;background:#020406cc!important;padding:4px 10px!important;border-radius:6px!important;border:1px solid rgba(0,255,163,.3)!important;display:inline-block!important}.hud-slider-box{display:flex!important;align-items:center!important;gap:6px!important}.hud-slider{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;width:100px!important;height:6px!important;background:#1e293b!important;border-radius:4px!important;outline:none!important}.hud-slider::-webkit-slider-thumb{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#00ffa3!important;cursor:pointer!important;box-shadow:0 0 10px #00ffa3!important;border:2px solid #ffffff!important}.capcut-ref-card{display:flex!important;flex-direction:column!important;gap:12px!important;padding:14px 18px!important;background:#0f1823!important;border:1.5px solid rgba(255,255,255,.08)!important;border-radius:18px!important;box-shadow:0 10px 32px #000000bf,inset 0 1px 1px #ffffff26!important;width:100%!important;box-sizing:border-box!important}.cc-ref-top-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;width:100%!important}.cc-ref-left-meta{display:flex!important;align-items:center!important;gap:10px!important}.cc-ref-right-group{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important}.cc-ref-trans-bar{display:flex!important;align-items:center!important;gap:6px!important}.cc-ref-btn{width:32px!important;height:32px!important;background:#172635!important;border:1px solid #283a4e!important;border-radius:7px!important;color:#a0c0e0!important;font-weight:800!important;font-size:.85rem!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 3px 8px #00000080,inset 0 1px 1px #fff3!important;transition:all .15s ease!important}.cc-ref-btn:hover{background:#20354a!important;color:#38bdf8!important;border-color:#38bdf8!important;box-shadow:0 0 12px #38bdf880!important;transform:translateY(-1px)!important}.cc-ref-toggle-box{display:inline-flex!important;align-items:center!important;gap:6px!important;background:#172635!important;border:1px solid #283a4e!important;border-radius:16px!important;padding:4px 10px!important;cursor:pointer!important}.toggle-label{color:#38bdf8!important;font-weight:900!important;font-size:.78rem!important;letter-spacing:.5px!important}.toggle-switch.active{width:34px!important;height:20px!important;background:#00ffa3!important;border-radius:10px!important;position:relative!important;box-shadow:0 0 12px #00ffa3!important;transition:background .2s!important}.toggle-knob{width:16px!important;height:16px!important;background:#fff!important;border-radius:50%!important;position:absolute!important;top:2px!important;right:2px!important;box-shadow:0 1px 4px #00000080!important}.cc-ref-dur-card{background:#14212e!important;border:1px solid #25384c!important;border-radius:10px!important;padding:8px 12px!important;display:flex!important;flex-direction:column!important;gap:6px!important;box-shadow:0 4px 14px #0009!important}.dur-card-top,.dur-card-bot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.dur-card-mid{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important}.dur-label{font-size:.78rem!important;font-weight:800!important;color:#fff!important;white-space:nowrap!important}.dur-top-btns,.dur-card-bot{display:flex!important;align-items:center!important;gap:4px!important}.dur-btn{background:#1a2a3a!important;border:1px solid #2b4056!important;color:#38bdf8!important;font-weight:800!important;font-size:.76rem!important;border-radius:6px!important;padding:3px 10px!important;height:26px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .15s!important}.dur-btn:hover{background:#38bdf8!important;color:#060a0d!important;border-color:#fff!important;box-shadow:0 0 12px #38bdf8b3!important}.dur-num-input{width:54px!important;height:26px!important;background:#0a111a!important;border:1px solid #2b4056!important;color:#fff!important;font-weight:900!important;font-size:.82rem!important;text-align:center!important;border-radius:6px!important}.cc-ref-kf-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;width:100%!important;padding-top:4px!important;border-top:1px solid rgba(255,255,255,.05)!important}.kf-title{font-size:.8rem!important;font-weight:800!important;color:#fff!important;white-space:nowrap!important}.kf-actions-group{display:flex!important;align-items:center!important;gap:8px!important}.kf-diamonds-track{display:flex!important;align-items:center!important;gap:6px!important;background:#14212e!important;border:1px solid #25384c!important;border-radius:8px!important;padding:4px 10px!important}.kf-nav-btn{background:transparent!important;border:none!important;color:#38bdf8!important;font-size:.75rem!important;cursor:pointer!important;padding:0 2px!important}.kf-diamond-dot{color:#38bdf8!important;font-size:.95rem!important;opacity:.7!important;transition:all .15s!important}.kf-diamond-dot.active{color:#fff!important;opacity:1!important;text-shadow:0 0 8px #00FFA3,0 0 12px #38bdf8!important;transform:scale(1.25)!important}.kf-track-line{width:28px!important;height:2px!important;background:#2b4056!important}.kf-btn{background:#142230!important;border:1px solid #26384c!important;color:#38bdf8!important;font-weight:800!important;font-size:.78rem!important;border-radius:8px!important;padding:6px 14px!important;height:32px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;box-shadow:0 3px 8px #00000080!important;transition:all .15s!important;white-space:nowrap!important}.kf-btn.primary,.kf-btn.danger{color:#38bdf8!important;border-color:#2b4056!important}.kf-btn:hover{background:#1d3145!important;color:#fff!important;border-color:#38bdf8!important;box-shadow:0 0 14px #38bdf880!important;transform:translateY(-1px)!important}.cc-ref-presets-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;width:100%!important}.kf-anim-label{font-size:.8rem!important;font-weight:800!important;color:#fff!important;white-space:nowrap!important}.kf-anim-presets{display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important}.kf-anim-chip{background:#142230!important;border:1px solid #26384c!important;color:#38bdf8!important;font-weight:800!important;font-size:.78rem!important;border-radius:8px!important;padding:6px 14px!important;height:32px!important;cursor:pointer!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:6px!important;box-shadow:0 3px 8px #00000080!important;transition:all .15s!important}.kf-anim-chip:hover{background:#1d3145!important;color:#fff!important;border-color:#38bdf8!important;box-shadow:0 0 14px #38bdf899!important;transform:translateY(-1px)!important}.ps-ai-tools-bar{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 14px!important;background:#06090d!important;border-bottom:1px solid rgba(255,255,255,.08)!important;overflow-x:auto!important}.ps-ai-btn{padding:6px 14px!important;height:32px!important;border-radius:8px!important;border:1px solid rgba(0,255,163,.4)!important;background:linear-gradient(180deg,#141f2e,#0a111a)!important;color:#fff!important;font-size:.78rem!important;font-weight:800!important;cursor:pointer!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:6px!important;box-shadow:0 4px 10px #0009,inset 0 1px 1px #ffffff40!important;transition:all .15s!important}.ps-ai-btn:hover{background:linear-gradient(180deg,#00ffa3,#0284c7)!important;color:#060a0d!important;border-color:#fff!important;box-shadow:0 0 16px #00ffa3cc!important;transform:translateY(-2px)!important}.ps-ai-btn:active{transform:translateY(1px) scale(.96)!important}#ps-btn-download{background:linear-gradient(180deg,#00ffa3,#059669)!important;color:#060a0d!important;font-weight:900!important;border:1px solid #ffffff!important;box-shadow:0 0 18px #00ffa3b3!important}.kf-marker-diamond{position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:#00ffa3;border:1.5px solid #ffffff;box-shadow:0 0 8px #00ffa3,0 0 15px #00ffa3cc;z-index:10;pointer-events:none}.screen-manual-zoom-hud{position:absolute!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;direction:ltr!important;display:flex!important;align-items:center!important;gap:6px!important;background:#0a1016e6!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border:1px solid rgba(0,255,163,.4)!important;padding:4px 10px!important;border-radius:20px!important;box-shadow:0 4px 20px #000000b3,0 0 15px #00ffa333!important;z-index:50!important}.screen-zoom-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;cursor:pointer;transition:all .15s}.screen-zoom-btn:hover{background:#00ffa3;color:#060a0d;border-color:#00ffa3;box-shadow:0 0 10px #00ffa399}.screen-zoom-btn.hud-btn-fit{border-radius:12px;width:auto;padding:2px 8px;font-size:.75rem;font-weight:700}.screen-zoom-level{font-size:.78rem;font-weight:800;color:#fff;min-width:42px;text-align:center;font-family:monospace}.hud-slider-box{display:flex;align-items:center;gap:4px;border-left:1px solid rgba(255,255,255,.15);padding-left:6px;margin-left:2px}.hud-slider-icon{font-size:.8rem}.hud-slider{width:65px;height:4px;accent-color:#00FFA3;cursor:pointer}.clip-duration-controls{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#00ffa314;border-radius:10px;border:1px solid rgba(0,255,163,.3);box-shadow:0 0 10px #00ffa326}.dur-label{font-size:.75rem;color:#00ffa3;font-weight:800;white-space:nowrap}.dur-btn{padding:3px 8px;height:28px;border-radius:6px;border:1.5px solid rgba(0,255,163,.5);background:#00ffa31f;color:#00ffa3;font-size:.75rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;white-space:nowrap}.dur-btn:hover{background:#00ffa340;border-color:#00ffa3;box-shadow:0 0 8px #00ffa366}.dur-btn:active{background:#00ffa3;color:#000;transform:scale(.92)}.dur-input-wrapper{display:flex;align-items:center;gap:4px;background:#0006;border:1px solid rgba(0,255,163,.4);border-radius:6px;padding:2px 6px}.dur-num-input{width:48px;background:transparent;border:none;color:#fff;font-weight:800;font-size:.85rem;text-align:center;outline:none;font-family:monospace}.dur-unit{font-size:.7rem;color:#00ffa3;font-weight:700}.ps-ai-tools-bar{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(90deg,#00ffa314,#00d2ff14);border-bottom:1px solid rgba(0,255,163,.2);overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.ps-ai-tools-bar::-webkit-scrollbar{display:none}.ps-ai-btn{padding:5px 10px;border-radius:6px;border:1px solid rgba(0,255,163,.3);background:#00ffa314;color:#c0f0e0;font-size:.72rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.ps-ai-btn:hover,.ps-ai-btn:active{background:#00ffa340;color:#fff;border-color:#00ffa3;box-shadow:0 0 10px #00ffa366}.ai-gen-modal-card{max-width:520px;width:92vw}.ai-gen-body{padding:16px;display:flex;flex-direction:column;gap:12px}.ai-prompt-input{width:100%;padding:12px;border-radius:8px;border:1.5px solid rgba(0,255,163,.3);background:#ffffff0d;color:#fff;font-size:.9rem;font-family:Tajawal,sans-serif;resize:vertical;outline:none}.ai-prompt-input:focus{border-color:#00ffa3;box-shadow:0 0 12px #00ffa34d}.ai-gen-options{display:flex;gap:8px;flex-wrap:wrap}.ai-gen-select{flex:1;min-width:140px;padding:8px 10px;border-radius:6px;border:1px solid rgba(0,255,163,.3);background:#0d1522;color:#c0f0e0;font-size:.8rem;cursor:pointer}.ai-gen-btn{padding:12px;border-radius:8px;border:none;background:linear-gradient(135deg,#00ffa3,#00d2ff);color:#000;font-size:.95rem;font-weight:900;cursor:pointer;transition:all .2s}.ai-gen-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00ffa380}.ai-gen-btn:active{transform:scale(.97)}.ai-gen-badges{display:flex;gap:6px;flex-wrap:wrap}.ai-badge-live{font-size:.7rem;font-weight:700;color:#00ffa3;background:#00ffa31a;border:1px solid rgba(0,255,163,.3);padding:3px 8px;border-radius:12px}.ai-prompt-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.ai-prompt-chips::-webkit-scrollbar{display:none}.ai-chip{padding:4px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:#c0f0e0;font-size:.72rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .15s}.ai-chip:hover{background:#00ffa333;border-color:#00ffa3;color:#fff}.ai-gen-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#00ffa30d;border:1px solid rgba(0,255,163,.25);border-radius:12px;text-align:center}.ai-spinner{width:40px;height:40px;border:3px solid rgba(0,255,163,.2);border-top-color:#00ffa3;border-radius:50%;animation:aiSpin .8s linear infinite}@keyframes aiSpin{to{transform:rotate(360deg)}}.ai-loading-title{display:block;font-weight:800;color:#00ffa3;font-size:.9rem}.ai-loading-sub{display:block;font-size:.75rem;color:#8fa3b0;margin-top:4px}.ai-gen-preview{margin-top:10px;display:flex;flex-direction:column;gap:12px}.ai-preview-card{border-radius:10px;overflow:hidden;border:2px solid #00FFA3;box-shadow:0 0 25px #00ffa359;background:#000;display:flex;align-items:center;justify-content:center;max-height:380px}.ai-result-img{width:100%;height:auto;max-height:380px;object-fit:contain;display:block}.ai-gen-actions-row{display:flex;gap:8px;flex-wrap:wrap}.ai-action-btn{flex:1;min-width:130px;padding:10px 12px;border-radius:8px;font-size:.78rem;font-weight:800;cursor:pointer;border:none;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:4px}.ai-action-btn.primary{background:linear-gradient(135deg,#00ffa3,#00d2ff);color:#060a0d}.ai-action-btn.timeline{background:linear-gradient(135deg,#9d4edd,#ff007f);color:#fff}.ai-action-btn.download{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.ai-action-btn:hover{transform:translateY(-1px);filter:brightness(1.15)}.ai-action-btn:active{transform:scale(.96)}.resize-modal-card{max-width:380px;width:88vw}.resize-body{padding:16px;display:flex;flex-direction:column;gap:12px}.resize-row{display:flex;align-items:center;gap:10px}.resize-row label{font-size:.85rem;color:#c0f0e0;white-space:nowrap;min-width:90px}.resize-input{flex:1;padding:8px 10px;border-radius:6px;border:1px solid rgba(0,255,163,.3);background:#ffffff0d;color:#fff;font-size:.9rem;outline:none}.resize-input:focus{border-color:#00ffa3}.photo-effects-modal-card{max-width:680px;width:95vw;max-height:85vh;display:flex;flex-direction:column}.photo-fx-search-box{padding:10px 16px 0}.photo-fx-search{width:100%;padding:8px 12px;border-radius:6px;border:1px solid rgba(0,255,163,.3);background:#ffffff0d;color:#fff;font-size:.85rem;outline:none}.photo-fx-search:focus{border-color:#00ffa3}.photo-fx-cats{display:flex;gap:6px;padding:10px 16px;overflow-x:auto;scrollbar-width:none}.photo-fx-cats::-webkit-scrollbar{display:none}.photo-fx-cat-btn{padding:5px 10px;border-radius:16px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#888;font-size:.72rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s}.photo-fx-cat-btn.active,.photo-fx-cat-btn:active{background:#00ffa326;color:#00ffa3;border-color:#00ffa3}.photo-fx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;padding:10px 16px 16px;overflow-y:auto;max-height:55vh}.photo-fx-card{background:#0d1522;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 6px;text-align:center;cursor:pointer;transition:all .15s;font-size:.7rem;color:#aaa}.photo-fx-card:hover,.photo-fx-card:active{border-color:#00ffa3;background:#00ffa314;color:#fff;box-shadow:0 0 10px #00ffa34d}.photo-fx-card .fx-icon{font-size:1.5rem;display:block;margin-bottom:4px}.photo-fx-card .fx-name{font-weight:700;font-size:.68rem}.sb-scene-card.active{border-color:#00ffa3!important;box-shadow:0 0 18px #00ffa399,inset 0 0 12px #00ffa326!important}.templates-hub-modal,.template-builder-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#020617f2;z-index:999999;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.templates-hub-modal.active,.template-builder-modal.active{opacity:1;pointer-events:all}.template-builder-content{width:95%;max-width:900px;background:linear-gradient(145deg,#0f172a,#020617);border:1px solid rgba(56,189,248,.3);border-radius:24px;padding:30px;box-shadow:0 20px 50px #000c,0 0 30px #38bdf81a;position:relative;transform:translateY(20px) scale(.95);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.template-builder-modal.active .template-builder-content{transform:translateY(0) scale(1)}.builder-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05)}.builder-title-box{display:flex;flex-direction:column;gap:8px}.builder-main-title{font-size:1.8rem;font-weight:900;background:linear-gradient(90deg,#fff,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.builder-sub-title{font-size:.9rem;color:#94a3b8}.templates-close-btn{background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:.3s}.templates-close-btn:hover{background:#ef4444;transform:rotate(90deg)}.builder-slots-container{background:#0000004d;border-radius:16px;padding:20px;margin-bottom:25px;border:1px solid rgba(255,255,255,.03)}.builder-slots-label{font-size:1.05rem;font-weight:700;color:#00ffa3;margin-bottom:15px}.builder-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:15px}.media-slot-item{aspect-ratio:9/16;background:#ffffff08;border:2px dashed rgba(56,189,248,.4);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.3s;position:relative;overflow:hidden}.media-slot-item:hover{background:#38bdf81a;border-color:#38bdf8;transform:translateY(-3px)}.media-slot-item.filled{border-style:solid;border-color:#00ffa3}.slot-placeholder-icon{font-size:1.5rem;margin-bottom:8px;opacity:.7}.slot-placeholder-txt{font-size:.75rem;color:#94a3b8;font-weight:600}.slot-num-badge{position:absolute;top:6px;right:6px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:2px 6px;border-radius:6px;font-size:.7rem;font-weight:800}.slot-thumb{width:100%;height:100%;object-fit:cover;border-radius:10px}.builder-actions-row{display:flex;gap:15px;margin-bottom:25px}.btn-pick-user-media,.btn-pick-demo-media{flex:1;padding:16px;border:none;border-radius:14px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center}.btn-pick-user-media{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.btn-pick-user-media:hover{background:#38bdf8;color:#0f172a}.btn-pick-demo-media{background:#a855f726;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.btn-pick-demo-media:hover{background:#a855f7;color:#fff}.btn-execute-auto-montage{width:100%;padding:20px;background:linear-gradient(45deg,#00ffa3,#00b8ff);border:none;border-radius:16px;color:#0f172a;font-size:1.3rem;font-weight:900;cursor:pointer;transition:.3s;box-shadow:0 10px 25px #00ffa366}.btn-execute-auto-montage:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 30px #00ffa399}