:root{--bg-main:#0b0f19;--bg-surface:#1e293b;--bg-surface-elevated:#334155;--bg-surface-translucent:#1e293bd9;--border-color:#ffffff1a;--border-focus:#38bdf8;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--accent-gold:#f59e0b;--accent-cyan:#38bdf8;--accent-rose:#f43f5e;--accent-green:#22c55e;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--font-ui:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-meme:"Anton", "Impact", sans-serif;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-glow:0 0 20px #38bdf840;--safe-bottom:env(safe-area-inset-bottom,16px);--safe-top:env(safe-area-inset-top,12px)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-main);width:100%;height:100%;color:var(--text-main);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;overflow:hidden}.hidden{display:none!important}.app-container{background-color:var(--bg-main);border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d;flex-direction:column;width:100%;max-width:600px;height:100dvh;margin:0 auto;display:flex;position:relative}.top-nav{background:var(--bg-surface-translucent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:10;box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;height:52px;padding:0 8px 0 10px;display:flex}.brand{-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:6px;display:flex}.brand-avatar{background:#ffffff14;border:1px solid #f59e0b80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000059}.brand-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.brand-emoji{filter:drop-shadow(0 1px 2px #0006);font-size:20px;line-height:1}.brand-text{flex-direction:column;justify-content:center;margin:0;padding:0;line-height:1;display:flex}.brand-line-opa,.brand-line-nobbis{color:#fff;text-transform:uppercase;letter-spacing:-.3px;font-size:11px;font-weight:900;line-height:.95}.brand-line-memes{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.8px;margin-top:1px;font-size:9px;font-weight:800;line-height:.95}.header-actions{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex:1;align-items:center;gap:4px;min-width:0;margin-left:auto;padding:2px 2px 2px 0;display:flex;overflow:auto hidden}.header-actions::-webkit-scrollbar{display:none}.header-actions .btn-icon:first-child{margin-left:auto}.btn-header-tools{justify-content:center;align-items:center;font-weight:700;color:#38bdf8!important;background:#38bdf829!important;border-color:#38bdf880!important;width:32px!important;height:32px!important;padding:0!important;display:inline-flex!important}.btn-header-tools:hover{background:#38bdf84d!important;border-color:#38bdf8!important}.btn-header-export{border-radius:var(--radius-sm);cursor:pointer;box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;color:#0f172a!important;background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)!important;border:1px solid #fbbf24e6!important;font-weight:800!important;box-shadow:0 2px 10px #f59e0b73!important}.btn-header-export:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b99!important}.btn-header-export:active{transform:scale(.94)}.btn-header-export svg{stroke:#0f172a;width:15px;height:15px}.header-extra-tools{display:none!important}.btn-icon{width:32px;height:32px;color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#ffffff0f;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-icon svg{flex-shrink:0;width:17px;height:17px}.btn-icon:disabled{pointer-events:none;border-color:#ffffff0d;opacity:.32!important;cursor:default!important}#btn-video-audio-icon{font-size:15px;line-height:1}.btn-icon:hover{background:#ffffff1f;border-color:#fff3}.btn-icon.btn-danger{color:#fda4af}.btn-icon.btn-danger:hover{background:#f43f5e26;border-color:#f43f5e66}#btn-video-audio.active{color:var(--accent-cyan);background:#38bdf829;border-color:#38bdf873}#btn-video-audio.muted{color:var(--text-muted);background:#ffffff0a;border-color:#ffffff14}.btn-label-desktop{display:none!important}@media (width>=600px){.header-actions{gap:6px}.btn-icon{width:33px;height:33px;padding:0}.btn-label-desktop{display:none!important}}.canvas-workspace{background:radial-gradient(circle,#17223b 0%,#090d16 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px;display:flex;position:relative;overflow:hidden}.canvas-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#bg-video{object-fit:contain;border-radius:var(--radius-md);z-index:1;pointer-events:none;max-width:100%;max-height:100%;position:absolute}#bg-video.hidden{display:none!important}#memeCanvas{object-fit:contain;border-radius:var(--radius-md);touch-action:none;cursor:grab;z-index:2;pointer-events:auto;background:0 0;max-width:100%;max-height:100%;position:relative;box-shadow:0 12px 36px #0009,0 0 0 1px #ffffff1a}#memeCanvas:active{cursor:grabbing}.canvas-placeholder{border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(10px);z-index:5;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#f59e0b4d transparent;background:#0f172ad9;border:2px dashed #ffffff2e;flex-direction:column;justify-content:flex-start;align-items:center;padding:18px 14px 90px;transition:opacity .3s;display:flex;position:absolute;inset:10px;overflow-y:auto}.canvas-placeholder.hidden{display:none}.placeholder-icon{margin-bottom:12px;font-size:54px;animation:2.5s ease-in-out infinite floatBounce}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.canvas-placeholder h3{color:#fff;margin-bottom:6px;font-size:20px;font-weight:700}.canvas-placeholder p{color:var(--text-muted);margin-bottom:20px;font-size:14px}.gradient-card{cursor:pointer;border:1px solid #ffffff38;border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:center;height:52px;padding:4px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000059}.gradient-card:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 14px #38bdf859}.gradient-card:active{transform:scale(.96)}.gradient-card-label{color:#fff;text-shadow:0 1px 3px #000000f2,0 0 2px #000000d9;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.modal-gradient-card{cursor:pointer;border:1px solid #fff3;border-radius:10px;align-items:center;gap:12px;height:68px;padding:10px 14px;transition:all .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000059}.modal-gradient-card:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 16px #38bdf859}.modal-gradient-card.active{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf8}.modal-gradient-info{text-align:left;flex-direction:column;gap:2px;display:flex}.modal-gradient-title{color:#fff;text-shadow:0 1px 3px #000000e6;font-size:13px;font-weight:700}.modal-gradient-sub{color:#ffffffd9;text-shadow:0 1px 2px #000000e6;font-size:11px}.video-playback-bar{-webkit-backdrop-filter:blur(20px);z-index:12;background:#0f172af0;border:1px solid #ffffff24;border-radius:9999px;flex-direction:column;gap:0;width:calc(100% - 28px);max-width:530px;padding:6px 14px;transition:bottom .25s cubic-bezier(.16,1,.3,1),opacity .2s,transform .25s,width .25s,max-width .25s,padding .2s,border-radius .25s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000008c,0 0 0 1px #ffffff0d}.video-playback-bar.has-audio-track{border-radius:18px;gap:6px;padding:8px 14px}.playback-video-row{align-items:center;gap:10px;width:100%;display:flex}.video-playback-bar.has-context{bottom:74px}body[data-ui-mode=capcut] .video-playback-bar.has-context{bottom:calc(62px + var(--safe-bottom))}.video-playback-bar.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(20px)}.video-playback-bar.minimized{cursor:pointer;background:#0f172af2;border-color:#38bdf866;width:auto;max-width:fit-content;left:auto;right:14px;transform:none;box-shadow:0 8px 24px #0009,0 0 12px #38bdf840;border-radius:9999px!important;gap:8px!important;padding:5px 12px!important}.video-playback-bar.minimized.has-audio-track{border-radius:9999px!important;gap:8px!important;padding:5px 12px!important}.video-playback-bar.minimized:hover{border-color:#38bdf8b3;box-shadow:0 8px 26px #000000a6,0 0 16px #38bdf866}.video-playback-bar.minimized.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.video-playback-bar.minimized .playback-timeline-wrap,.video-playback-bar.minimized #playback-total-time,.video-playback-bar.minimized .playback-audio-track-row,.video-playback-bar.minimized .btn-timeline-waveform-toggle,.video-playback-bar.minimized .btn-playback-template-setup{display:none!important}.video-playback-bar.minimized .btn-playback-toggle{width:30px;height:30px;font-size:13px}.video-playback-bar.minimized .playback-time-badge{min-width:38px;font-size:11px}.btn-playback-toggle{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:all .2s;display:flex}.btn-playback-toggle:hover{background:#38bdf840;border-color:#38bdf899;transform:scale(1.08)}.playback-time-badge{font-variant-numeric:tabular-nums;color:#94a3b8;flex-shrink:0;min-width:44px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:600}.playback-time-badge.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:2px 7px;transition:all .2s cubic-bezier(.16,1,.3,1)}.playback-time-badge.clickable:hover{color:#38bdf8;background:#38bdf838;border-color:#38bdf880;transform:scale(1.05)}.playback-time-badge.clickable:active{transform:scale(.95)}.playback-timeline-wrap{flex:1;align-items:center;display:flex;position:relative}.timeline-markers-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.timeline-sound-marker{cursor:grab;touch-action:none;pointer-events:auto;color:#0f172a;z-index:5;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);border:1.5px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #38bdf8d9}.timeline-sound-marker:hover{z-index:10;background:#7dd3fc;transform:translate(-50%,-50%)scale(1.35);box-shadow:0 0 14px #38bdf8}.timeline-sound-marker.is-dragging{cursor:grabbing!important;z-index:25!important;background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)!important;border-color:#fff!important;transition:none!important;transform:translate(-50%,-50%)scale(1.45)!important;box-shadow:0 0 16px #f59e0bf2,0 4px 12px #0009!important}.timeline-sound-marker.is-focused{z-index:20!important;background:linear-gradient(135deg,#06b6d4 0%,#22d3ee 100%)!important;border-color:#fff!important;transform:translate(-50%,-50%)scale(1.4)!important;box-shadow:0 0 16px #22d3ee,0 0 8px #fff!important}.timeline-sound-marker:active{cursor:grabbing}#playback-scrubber{appearance:none;cursor:pointer;background:#ffffff26;border-radius:9999px;outline:none;width:100%;height:6px;transition:height .15s}#playback-scrubber:hover{height:8px}#playback-scrubber::-webkit-slider-thumb{appearance:none;background:var(--accent-cyan);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 0 10px #38bdf8cc,0 2px 4px #0006}#playback-scrubber::-webkit-slider-thumb:hover{background:#38bdf8;transform:scale(1.25)}#playback-scrubber::-webkit-slider-thumb:active{background:#38bdf8;transform:scale(1.25)}#playback-scrubber::-moz-range-thumb{background:var(--accent-cyan);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #38bdf8cc}.btn-playback-minimize{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:13px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.btn-playback-minimize:hover{color:#38bdf8;background:#38bdf840;border-color:#38bdf899;transform:scale(1.1)}.btn-playback-minimize:active{transform:scale(.92)}.btn-playback-template-setup{color:#fef3c7;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b38,#d9770652);border:1px solid #f59e0ba6;border-radius:9999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #f59e0b33}.btn-playback-template-setup:hover{color:#fff;background:linear-gradient(135deg,#f59e0b66,#d9770680);border-color:#fbbf24;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b59}.btn-playback-template-setup.hidden,.video-playback-bar.minimized .btn-playback-template-setup{display:none!important}@media (width<=600px){.btn-playback-template-setup .btn-playback-template-setup-text{display:none}.btn-playback-template-setup{padding:4px 8px}}.context-bar{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md), var(--shadow-glow);border-radius:var(--radius-md);z-index:15;background:#0f172af5;border:1px solid #38bdf859;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s;display:flex;position:absolute;bottom:16px;left:10px;right:10px;transform:translateY(0)}.context-bar.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.context-left{flex-shrink:0;align-items:center;gap:6px;display:flex}.context-label{text-transform:uppercase;color:var(--accent-cyan);border-radius:var(--radius-sm);white-space:nowrap;background:#38bdf81f;padding:3px 6px;font-size:10.5px;font-weight:700}.btn-context-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;transition:all .15s;display:none}.btn-context-close:hover{color:#fee2e2;background:#ef444459;border-color:#ef4444}.context-slider-group{flex:0 125px;align-items:center;gap:6px;min-width:0;max-width:125px;display:flex;overflow:hidden}.slider-icon{flex-shrink:0;font-size:13px}#size-slider{accent-color:var(--accent-cyan);cursor:pointer;background:#334155;border-radius:4px;height:6px;flex:1 1 0!important;width:100%!important;min-width:0!important}.size-val{color:var(--text-muted);flex-shrink:0;min-width:34px;font-size:11.5px;font-weight:700}.context-right{scrollbar-width:thin;scrollbar-color:#38bdf84d transparent;-webkit-overflow-scrolling:touch;flex:1;align-items:center;gap:6px;min-width:0;padding:2px;display:flex;overflow:auto hidden}.context-right::-webkit-scrollbar{height:3px}.context-right::-webkit-scrollbar-thumb{background:#38bdf859;border-radius:3px}.context-right::-webkit-scrollbar-track{background:0 0}#btn-capcut-open-size{display:none}body[data-ui-mode=capcut] .context-bar,.context-bar.capcut-mode{width:100%;padding:8px 10px calc(8px + var(--safe-bottom));z-index:28;background:#0f172afa;border:none;border-top:1.5px solid #38bdf880;border-radius:18px 18px 0 0;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #000000b3,0 0 16px #38bdf833}body[data-ui-mode=capcut] .btn-context-close,.context-bar.capcut-mode .btn-context-close{display:flex!important}body[data-ui-mode=capcut] .context-left,.context-bar.capcut-mode .context-left{display:none!important}body[data-ui-mode=capcut] #btn-capcut-open-size,.context-bar.capcut-mode #btn-capcut-open-size{color:#38bdf8;background:#38bdf82e;border-color:#38bdf880;display:inline-flex!important}body[data-ui-mode=capcut] .btn-context,.context-bar.capcut-mode .btn-context{background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;height:38px;padding:6px 12px;font-size:12px}body[data-ui-mode=capcut] .btn-context:active,.context-bar.capcut-mode .btn-context:active{transform:scale(.95)}body[data-ui-mode=capcut] #btn-layer-down .btn-context-text,body[data-ui-mode=capcut] #btn-layer-up .btn-context-text,body[data-ui-mode=capcut] #btn-duplicate .btn-context-text,body[data-ui-mode=capcut] #btn-delete-element .btn-context-text,.context-bar.capcut-mode #btn-layer-down .btn-context-text,.context-bar.capcut-mode #btn-layer-up .btn-context-text,.context-bar.capcut-mode #btn-duplicate .btn-context-text,.context-bar.capcut-mode #btn-delete-element .btn-context-text{display:inline!important}.capcut-slider-drawer{-webkit-backdrop-filter:blur(24px);z-index:32;width:100%;padding:12px 16px calc(14px + var(--safe-bottom));background:#0f172afa;border-top:2px solid #38bdf899;border-radius:20px 20px 0 0;flex-direction:column;gap:12px;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(0);box-shadow:0 -10px 35px #000c,0 0 20px #38bdf840}.capcut-slider-drawer.hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.capcut-slider-drawer-header{justify-content:space-between;align-items:center;display:flex}.capcut-slider-drawer-title{color:#fff;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.capcut-slider-drawer-title strong{color:var(--accent-cyan);font-family:ui-monospace,SFMono-Regular,monospace}.btn-capcut-drawer-btn{color:#cbd5e1;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;padding:5px 12px;font-size:12px;font-weight:700;transition:all .15s}.btn-capcut-drawer-btn:hover{color:#fff;background:#fff3}.btn-capcut-drawer-btn.btn-ok{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#38bdf8;box-shadow:0 2px 8px #0ea5e966}.capcut-slider-row{align-items:center;gap:12px;display:flex}.btn-capcut-step{color:#fff;cursor:pointer;background:#ffffff1a;border:1.5px solid #38bdf84d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:700;transition:all .15s;display:flex}.btn-capcut-step:active{background:#38bdf84d;transform:scale(.92)}#capcut-size-slider{accent-color:var(--accent-cyan);cursor:pointer;background:#334155;border-radius:6px;flex:1;height:8px}.capcut-presets-row{justify-content:space-between;gap:8px;display:flex}.capcut-preset-chip{color:#94a3b8;cursor:pointer;text-align:center;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;flex:1;padding:6px 4px;font-size:11px;font-weight:600;transition:all .15s}.capcut-preset-chip:hover,.capcut-preset-chip.active{color:#38bdf8;background:#38bdf82e;border-color:#38bdf8}#text-anim-drawer{max-height:440px;overflow-y:auto}.text-drawer-anim-grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:280px;padding:4px 2px;display:grid;overflow-y:auto}@media (width>=600px){.text-drawer-anim-grid{grid-template-columns:repeat(4,1fr)}}.text-drawer-anim-card{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px 6px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.text-drawer-anim-card:hover{color:#fff;background:#ffffff1a;border-color:#ffffff47;transform:translateY(-1px)}.text-drawer-anim-card:active{transform:scale(.96)}.text-drawer-anim-card.active{color:#38bdf8;background:linear-gradient(135deg,#0ea5e93d,#6366f138);border-color:#38bdf8;font-weight:700;box-shadow:0 0 14px #38bdf859}.text-drawer-anim-icon{filter:drop-shadow(0 2px 4px #0006);justify-content:center;align-items:center;font-size:24px;line-height:1;display:flex}.text-drawer-anim-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}#btn-text-anim-direct.btn-timing-active{color:#fbbf24;background:linear-gradient(135deg,#f59e0b47,#38bdf838);border-color:#f59e0ba6;box-shadow:0 0 12px #f59e0b4d}body[data-ui-mode=dock] .context-bar,.context-bar.dock-mode{width:100%;padding:8px 10px calc(8px + var(--safe-bottom));z-index:25;background:#0f172afa;border:none;border-top:1px solid #38bdf866;border-radius:16px 16px 0 0;flex-direction:column;gap:6px;position:absolute;bottom:0;left:0;right:0}body[data-ui-mode=dock] .context-left,.context-bar.dock-mode .context-left{justify-content:space-between;width:100%}body[data-ui-mode=dock] .context-slider-group,.context-bar.dock-mode .context-slider-group{flex:1;max-width:none}body[data-ui-mode=dock] .context-right,.context-bar.dock-mode .context-right{width:100%}.btn-context{color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#ffffff14;flex-shrink:0;align-items:center;gap:4px;padding:5px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-context:hover{background:#ffffff29}.btn-context.btn-danger{color:#fda4af;background:#f43f5e26;border-color:#f43f5e4d}.btn-context.btn-danger:hover{background:#f43f5e4d}.btn-context.btn-timing-active{color:#38bdf8;background:#38bdf833;border-color:#38bdf88c}.btn-context.hidden{display:none!important}#btn-layer-down .btn-context-text,#btn-layer-up .btn-context-text,#btn-duplicate .btn-context-text,#btn-delete-element .btn-context-text{display:none}.bottom-toolbar{height:72px;padding:6px 4px calc(6px + var(--safe-bottom));background:var(--bg-surface-translucent);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:20;flex-shrink:0;justify-content:space-around;align-items:center;gap:2px;display:flex;overflow:hidden}.tool-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;max-width:82px;padding:6px 2px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.tool-btn:hover{color:var(--text-main);background:#ffffff0f}.tool-btn:active{transform:scale(.92)}.tool-icon{justify-content:center;align-items:center;display:flex}.tool-icon svg{width:24px;height:24px}.tool-label{white-space:nowrap;letter-spacing:-.2px;font-size:11px;font-weight:700}.tool-btn.highlight .tool-label{color:#0f172a}.tool-btn.highlight:hover{filter:brightness(1.1);background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)}.tools-grid-menu{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px;padding-bottom:8px;display:grid}@media (width<=380px){.tools-grid-menu{grid-template-columns:1fr}}.tool-menu-card{text-align:left;cursor:pointer;color:var(--text-main);background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.tool-menu-card:hover{background:#38bdf81f;border-color:#38bdf880;transform:translateY(-2px);box-shadow:0 4px 14px #0006}.tool-menu-card:active{transform:scale(.96)}.tool-menu-card.danger{border-color:#f43f5e4d}.tool-menu-card.danger:hover{background:#f43f5e26;border-color:#f43f5e}.tool-menu-icon{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;display:flex}.tool-menu-info{flex-direction:column;gap:2px;min-width:0;display:flex}.tool-menu-info strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.tool-menu-info span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:50;background:#000000a6;justify-content:center;align-items:flex-end;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-backdrop.hidden{opacity:0;pointer-events:none}#sound-modal{z-index:70}.bottom-sheet{background:var(--bg-surface);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:600px;max-height:80vh;padding:12px 18px calc(20px + var(--safe-bottom));box-shadow:var(--shadow-md);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow:hidden auto;transform:translateY(0)}.modal-backdrop.hidden .bottom-sheet{transform:translateY(100%)}#sticker-timing-modal,#element-shadow-modal,#aspect-modal,#effect-modal,#template-modal,#template-setup-modal,#save-template-modal{justify-content:center;align-items:center;padding:16px}.modal-backdrop:has(.modal-card){justify-content:center;align-items:center;padding:16px}.modal-card{border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:88vh;color:var(--text-main);background:linear-gradient(160deg,#1e293b 0%,#0f172a 60%,#0b0f19 100%);border:1px solid #38bdf859;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s;display:flex;overflow:hidden;transform:scale(1);box-shadow:0 16px 45px #000000d9,0 0 25px #38bdf833}.modal-backdrop.hidden .modal-card{opacity:0;transform:scale(.95)}.modal-card .modal-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-card .modal-header h2,.modal-card .modal-header h3{color:#fff;font-size:17px;font-weight:700}.modal-card .modal-body{scrollbar-width:thin;padding:16px 18px;overflow-y:auto}.sheet-handle{border-radius:var(--radius-full);background:#ffffff40;width:40px;height:4px;margin:0 auto 12px}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sheet-header h3{color:#fff;font-size:18px;font-weight:700}.btn-close-modal,.btn-close{color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;background:#ffffff14;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;line-height:1;transition:all .2s;display:flex}.btn-close-modal:hover,.btn-close:hover{color:#fff;background:#ffffff29;transform:scale(1.08)}.sticker-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin-bottom:6px;padding:2px 2px 12px;display:flex;overflow-x:auto}.sticker-tabs::-webkit-scrollbar{display:none}.sticker-tab-btn{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff0f;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.sticker-tab-btn:hover{color:var(--text-main);background:#ffffff1f}.sticker-tab-btn.active{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-color:#38bdf8;box-shadow:0 2px 10px #0ea5e966}.stickers-grid{scrollbar-width:thin;grid-template-columns:repeat(4,1fr);gap:8px;max-height:50vh;margin-bottom:10px;padding:4px;display:grid;overflow-y:auto}@media (width<=360px){.stickers-grid{grid-template-columns:repeat(3,1fr)}}.sticker-card{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;aspect-ratio:1;background:#ffffff0a;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 4px 6px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.sticker-card:hover,.sticker-card:active{border-color:var(--accent-cyan);background:#38bdf824;transform:scale(1.05)}.sticker-card img{object-fit:contain;filter:drop-shadow(0 4px 6px #0000004d);max-width:85%;max-height:48px}.sticker-card .sticker-emoji{filter:drop-shadow(0 3px 6px #0000004d);font-size:38px;line-height:1}.sticker-card span{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:90%;font-size:10.5px;font-weight:600;overflow:hidden}.text-editor-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.form-group textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);color:#fff;width:100%;font-family:var(--font-meme);text-transform:uppercase;letter-spacing:1px;resize:none;background:#0f172a;outline:none;padding:10px 14px;font-size:20px;transition:border-color .2s}.form-group textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #38bdf833}.form-row{grid-template-columns:1fr 1fr;align-items:center;gap:14px;display:grid}.size-control{align-items:center;gap:8px;display:flex}.size-control input[type=range]{accent-color:var(--accent-cyan);flex:1}.color-options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-dot{border-radius:var(--radius-full);cursor:pointer;border:2px solid #0000;width:28px;height:28px;transition:transform .15s}.color-dot.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 8px #fff6}.color-dot-picker{-webkit-user-select:none;user-select:none;cursor:pointer;background:conic-gradient(from 180deg,#f43f5e 0deg,#fbbf24 60deg,#22c55e 120deg,#38bdf8 180deg,#a855f7 240deg,#ec4899 300deg,#f43f5e 360deg);border:2px solid #fff6;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0006}.color-dot-picker:hover{border-color:#fff;transform:scale(1.12)}.color-dot-picker.active{border-color:#fff;transform:scale(1.18);box-shadow:0 0 10px #38bdf8cc,0 0 4px #fff}.color-dot-picker input[type=color]{opacity:0;cursor:pointer;border:none;width:50px;height:50px;margin:0;padding:0;position:absolute;top:-10px;left:-10px}.color-dot-pipette{-webkit-user-select:none;user-select:none;cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff59;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:transform .15s,border-color .15s,background .15s;display:inline-flex;box-shadow:0 2px 6px #00000059}.color-dot-pipette:hover{background:#38bdf838;border-color:#38bdf8;transform:scale(1.18);box-shadow:0 0 10px #38bdf8a6}.text-grad-chip{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:6px 4px;font-size:11px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #00000059}.text-grad-chip:hover{transform:translateY(-1.5px)scale(1.02);box-shadow:0 4px 12px #00000073}.text-grad-chip.active{outline:2px solid #38bdf8;transform:scale(1.04);box-shadow:0 0 14px #38bdf8bf,0 2px 8px #00000080;border-color:#fff!important}.text-gradient-chips-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=600px){.text-gradient-chips-grid{grid-template-columns:repeat(2,1fr);gap:8px}.text-gradient-chips-grid .text-grad-chip{border-radius:9px;padding:10px 8px;font-size:13px}}.quick-phrases{flex-direction:column;gap:8px;display:flex}.phrases-label{color:var(--text-dim);font-size:12px;font-weight:600}.phrases-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;background:#ffffff0f;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s}.chip:hover{color:#fff;background:#ffffff24}.sound-grid-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.sound-card-btn{color:#f8fafc;cursor:pointer;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.sound-card-btn:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf880;transform:translateY(-2px)}.sound-card-btn:active{transform:scale(.96)}.sound-card-icon{font-size:30px}.sound-card-name{text-align:center;font-size:13px;font-weight:600}.sound-card-custom{border-style:dashed;border-color:#38bdf866}.sound-active-list{flex-direction:column;gap:8px;display:flex}.sound-active-item{background:#1e293bcc;border:1px solid #38bdf840;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.sound-active-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.sound-active-icon{flex-shrink:0;font-size:18px}.sound-active-details{flex-direction:column;gap:3px;min-width:0;display:flex}.sound-active-title{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sound-active-time-controls{align-items:center;gap:5px;display:flex}.sound-active-time-badge{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:4px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11.5px;font-weight:700}.btn-sound-step{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:700;line-height:1.2;transition:all .15s}.btn-sound-step:hover{color:#38bdf8;background:#38bdf840;border-color:#38bdf8}.btn-sound-step:active{transform:scale(.92)}.sound-active-controls-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;display:flex}.sound-active-param-controls{align-items:center;gap:5px;display:flex}.btn-sound-param{cursor:pointer;color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff2e;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:600;line-height:1.2;transition:all .15s;display:inline-flex}.btn-sound-param:hover{color:#f8fafc;background:#38bdf833;border-color:#38bdf866}.btn-sound-param.active{color:#38bdf8;background:#38bdf833;border-color:#38bdf8}.btn-sound-param.inactive{opacity:.55;border-style:dashed}.btn-sound-param.btn-make-soundtrack{color:#a7f3d0;background:#10b9811a;border-color:#10b9814d}.btn-sound-param.btn-make-soundtrack:hover{color:#fff;background:#10b98140;border-color:#34d399}.ducking-intensity-chip{cursor:pointer;text-align:center;color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;flex:1;padding:5px 8px;font-size:11px;font-weight:600;transition:all .15s}.ducking-intensity-chip:hover{color:#fff;background:#ffffff1f}.ducking-intensity-chip.active{box-shadow:0 0 10px #38bdf840;color:#38bdf8!important;background:#38bdf838!important;border-color:#38bdf8!important}.bokeh-shape-chip,.bokeh-theme-chip,.bokeh-direction-chip,.bokeh-blur-chip,.bokeh-sparkle-chip,.bokeh-contour-chip,.countdown-theme-chip,.countdown-style-chip{color:#cbd5e1;cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:600;transition:all .15s;overflow:hidden}.bokeh-shape-chip:hover,.bokeh-theme-chip:hover,.bokeh-direction-chip:hover,.bokeh-blur-chip:hover,.bokeh-sparkle-chip:hover,.bokeh-contour-chip:hover,.countdown-theme-chip:hover,.countdown-style-chip:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.bokeh-shape-chip.active,.bokeh-theme-chip.active,.bokeh-direction-chip.active,.bokeh-blur-chip.active,.bokeh-sparkle-chip.active,.bokeh-contour-chip.active,.countdown-theme-chip.active,.countdown-style-chip.active{box-shadow:0 0 10px #f59e0b59;color:#fbbf24!important;background:#f59e0b40!important;border-color:#f59e0b!important}.countdown-bg-chip{cursor:pointer;background-position:50%;background-size:cover;border:2px solid #ffffff29;border-radius:9px;flex:1;justify-content:center;align-items:flex-end;min-width:0;height:58px;padding:3px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000004d}.countdown-bg-chip span{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-overflow:ellipsis;white-space:nowrap;background:#0f172ac7;border:.5px solid #ffffff26;border-radius:4px;max-width:100%;padding:2px 5px;font-size:10px;font-weight:700;overflow:hidden}.countdown-bg-chip:hover{border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #00000080}.countdown-bg-chip.active{transform:scale(1.04);border-color:#f59e0b!important;box-shadow:0 0 14px #f59e0ba6!important}.countdown-bg-chip.active span{color:#0f172a;background:#f59e0be6;border-color:#f59e0b}.sound-active-time{color:#38bdf8;flex-shrink:0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;font-weight:600}.sound-active-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-sound-item-action{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:4px 8px;font-size:13px;transition:all .15s}.btn-sound-item-action:hover{color:#38bdf8;background:#38bdf833;border-color:#38bdf866}.btn-sound-item-action.danger:hover{color:#ef4444;background:#ef444440;border-color:#ef444480}.btn-primary{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0ea5e959}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:active{transform:scale(.97)}.btn-primary.full-width{width:100%}.toast{border:1px solid var(--accent-cyan);box-shadow:var(--shadow-md), var(--shadow-glow);color:#fff;border-radius:var(--radius-full);z-index:100;background:#1e293b;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:opacity .3s,transform .3s;display:flex;position:fixed;top:75px;left:50%;transform:translate(-50%)translateY(0)}.toast.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-15px)}.confirm-dialog{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;width:90%;max-width:380px;box-shadow:var(--shadow-md);margin:auto;padding:24px 20px}.confirm-icon{margin-bottom:12px;font-size:44px}.confirm-dialog h3{color:#fff;margin-bottom:8px;font-size:19px;font-weight:700}.confirm-dialog p{color:var(--text-muted);margin-bottom:20px;font-size:14px;line-height:1.4}.confirm-actions{flex-direction:column;gap:10px;display:flex}.btn-secondary{color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:#ffffff14;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{color:#fff;background:#ffffff24}.export-options{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.export-card{border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;cursor:pointer;color:#fff;background:#ffffff0d;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.export-card:hover,.export-card:active{border-color:var(--accent-cyan);background:#38bdf81f;transform:translateY(-2px)}.export-icon{border-radius:var(--radius-md);background:#ffffff14;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;display:flex}.export-info{flex-direction:column;gap:3px;display:flex}.export-info strong{color:#fff;font-size:15px;font-weight:700}.export-info span{color:var(--text-muted);font-size:12px}.export-video-panel{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #38bdf840;flex-direction:column;gap:10px;padding:11px 14px;display:flex;box-shadow:0 4px 20px #00000040}.panel-header{align-items:center;gap:10px;display:flex}.export-control-group{flex-direction:column;gap:6px;display:flex}.control-label-row{justify-content:space-between;align-items:center;display:flex}.control-label{color:var(--text-muted);font-size:12.5px;font-weight:600}.format-badge{border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:700}.badge-ok{color:#4ade80;background:#22c55e26;border:1px solid #22c55e59}.badge-warn{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59}.format-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.format-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;text-align:center;background:#ffffff0a;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.format-btn:hover:not(.disabled){background:#ffffff14;border-color:#ffffff40}.format-btn.active{border-color:var(--accent-cyan);background:#0ea5e92e;box-shadow:0 0 12px #38bdf840}.format-btn .format-name{color:#fff;font-size:14px;font-weight:800}.format-btn.active .format-name{color:var(--accent-cyan)}.format-btn .format-desc{color:var(--text-muted);font-size:10.5px}.format-btn.disabled{opacity:.45;cursor:not-allowed;border-style:dashed}.format-hint{color:#fbbf24;border-radius:var(--radius-sm);background:#f59e0b1a;border:1px solid #f59e0b40;padding:6px 10px;font-size:11px;line-height:1.4}.format-hint.hidden{display:none}.duration-highlight{color:var(--accent-cyan);font-size:13px;font-weight:700}.duration-exact-controls{align-items:center;gap:5px;display:flex}.btn-duration-step{color:#38bdf8;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff14;border:1px solid #38bdf84d;padding:3px 7px;font-size:11px;font-weight:700;line-height:1;transition:all .15s}.btn-duration-step:hover{color:#fff;background:#38bdf838;border-color:#38bdf8;transform:scale(1.05)}.btn-duration-step:active{transform:scale(.95)}.duration-input-box{border-radius:var(--radius-sm);background:#0f172ae6;border:1px solid #38bdf880;align-items:center;padding:2px 6px;display:inline-flex;box-shadow:0 0 10px #38bdf833}#video-duration-input{color:#38bdf8;text-align:right;appearance:textfield;background:0 0;border:none;outline:none;width:44px;padding:1px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13.5px;font-weight:800}#video-duration-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#video-duration-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.duration-input-unit{color:#94a3b8;margin-left:2px;font-size:12px;font-weight:700}.duration-slider-wrap{width:100%}.duration-slider-wrap input[type=range]{width:100%;accent-color:var(--accent-cyan);cursor:pointer;height:6px}.duration-chips{gap:6px;display:flex}.duration-chip{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;text-align:center;white-space:nowrap;background:#ffffff0d;flex:1;padding:6px 4px;font-size:11px;font-weight:600;transition:all .15s}.duration-chip:hover{color:#fff;background:#ffffff1a}.duration-chip.active{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-color:#38bdf8;box-shadow:0 2px 8px #0ea5e959}.sound-chips{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}@media (width<=400px){.sound-chips{grid-template-columns:repeat(2,1fr)}}.sound-chip{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);text-align:left;background:#ffffff0a;align-items:center;gap:6px;padding:8px 10px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.sound-chip:hover{color:#fff;background:#ffffff14;border-color:#ffffff40}.sound-chip.active{border-color:var(--accent-cyan);color:#fff;background:#0ea5e92e;box-shadow:0 0 12px #38bdf840}.sound-chip .sound-icon{flex-shrink:0;font-size:15px}.sound-chip .sound-name{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.sound-chip.active .sound-name{color:var(--accent-cyan);font-weight:700}.sound-chip-custom{border-style:dashed}.sound-preview-btn{border-radius:var(--radius-full);color:var(--accent-cyan);cursor:pointer;background:#38bdf81f;border:1px solid #38bdf859;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.sound-preview-btn:hover{color:#fff;background:#38bdf840}.sound-preview-btn.playing{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);border-color:#f43f5e;animation:1.2s infinite pulse-glow}.custom-sound-info{border:1px dashed var(--accent-cyan);border-radius:var(--radius-sm);color:#fff;background:#0ea5e91f;align-items:center;gap:8px;padding:6px 10px;font-size:11.5px;display:flex}.custom-sound-info.hidden{display:none}.custom-sound-name{text-overflow:ellipsis;white-space:nowrap;color:var(--accent-cyan);flex:1;font-weight:600;overflow:hidden}.btn-remove-custom{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.btn-remove-custom:hover{color:#f43f5e}.btn-record{letter-spacing:.3px;margin-top:4px;padding:12px;font-size:14px;font-weight:700}.export-progress{text-align:center;border-radius:var(--radius-lg);color:#fff;background:#0f172af2;border:1px solid #38bdf866;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:8px 0;padding:32px 20px 24px;animation:.25s ease-out fadeIn;display:flex;box-shadow:0 12px 36px #0009,0 0 20px #38bdf833}.export-progress.hidden{display:none!important}.export-progress-spinner-wrap{justify-content:center;align-items:center;margin-bottom:4px;display:flex}.export-progress .spinner{border:4px solid #38bdf833;border-top-color:var(--accent-cyan);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin;box-shadow:0 0 16px #38bdf859}.export-progress-content{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:440px;display:flex}.export-progress-title{color:#38bdf8;letter-spacing:.2px;min-height:22px;font-size:15px;font-weight:700}.progress-bar-track{background:#ffffff1f;border-radius:9999px;width:100%;height:12px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.progress-bar-fill{background:linear-gradient(90deg,#0284c7 0%,#38bdf8 60%,#a5f3fc 100%);border-radius:9999px;width:0%;height:100%;transition:width .15s ease-out;box-shadow:0 0 12px #38bdf8cc}.export-progress-hint{color:#94a3b8;margin-top:2px;font-size:11.5px}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.aspect-chips{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.aspect-chip{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-main);background:#ffffff0a;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.aspect-chip:hover{background:#ffffff14;border-color:#ffffff40}.aspect-chip.active{border-color:var(--accent-cyan);background:#0ea5e92e;box-shadow:0 0 12px #38bdf840}.aspect-chip strong{color:#fff;font-size:13.5px;font-weight:800}.aspect-chip span{color:var(--text-muted);font-size:11px}.aspect-selector-body{flex-direction:column;gap:10px;display:flex}.aspect-option-card{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--text-main);background:#ffffff0a;align-items:center;gap:14px;width:100%;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.aspect-option-card:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.aspect-option-card.active{border-color:var(--accent-cyan);background:#0ea5e926;box-shadow:0 4px 16px #38bdf833}.aspect-preview{color:#fff;background:#ffffff14;border:1.5px dashed #ffffff4d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.aspect-preview-1-1{width:44px;height:44px}.aspect-preview-9-16{width:30px;height:52px}.aspect-preview-16-9{width:52px;height:30px}.aspect-option-info{flex-direction:column;gap:3px;display:flex}.aspect-option-info strong{color:#fff;font-size:14.5px;font-weight:700}.aspect-option-info span{color:var(--text-muted);font-size:12px}.effect-chips{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (width<=480px){.effect-chips{grid-template-columns:repeat(2,1fr)}}.effect-chip{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);text-align:left;background:#ffffff0a;align-items:center;gap:6px;padding:8px 10px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.effect-chip:hover{color:#fff;background:#ffffff14;border-color:#ffffff40}.effect-chip.active{border-color:var(--accent-cyan);color:#fff;background:#0ea5e92e;box-shadow:0 0 12px #38bdf840}.effect-chip .effect-chip-icon{flex-shrink:0;font-size:15px}.effect-chip .effect-chip-name{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.effect-chip.active .effect-chip-name{color:var(--accent-cyan);font-weight:700}.effect-selector-body{flex-direction:column;gap:10px;display:flex}.effect-option-card{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--text-main);background:#ffffff0a;align-items:center;gap:14px;width:100%;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.effect-option-card:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.effect-option-card.active{border-color:var(--accent-cyan);background:#0ea5e926;box-shadow:0 4px 16px #38bdf833}.effect-option-icon{border-radius:var(--radius-md);background:#ffffff14;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.effect-option-info{flex-direction:column;gap:3px;display:flex}.effect-option-info strong{color:#fff;font-size:14.5px;font-weight:700}.effect-option-info span{color:var(--text-muted);font-size:12px}.video-sound-toggle-wrap{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff0d;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:10px 14px;display:flex}.video-sound-toggle-wrap.hidden{display:none!important}.video-sound-info{align-items:center;gap:10px;display:flex}.video-sound-icon{font-size:20px}.video-sound-text{flex-direction:column;gap:2px;display:flex}.video-sound-text strong{color:#fff;font-size:13px;font-weight:600}.video-sound-text span{color:var(--accent-cyan);font-size:11px}.toggle-control{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.toggle-control input[type=checkbox]{appearance:none;cursor:pointer;background:#fff3;border-radius:12px;outline:none;width:40px;height:22px;transition:background .2s;position:relative}.toggle-control input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-control input[type=checkbox]:checked{background:#ef4444}.toggle-control.toggle-primary input[type=checkbox]:checked{background:#38bdf8}.toggle-control.toggle-green input[type=checkbox]:checked{background:#22c55e}.toggle-control input[type=checkbox]:checked:after{transform:translate(18px)}.toggle-text{color:var(--text-muted);font-size:12px;font-weight:600}.chroma-color-chip{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;width:28px;height:28px;transition:transform .15s,border-color .15s,box-shadow .15s}.chroma-color-chip:hover{transform:scale(1.12)}.chroma-color-chip.active{transform:scale(1.15);box-shadow:0 0 0 2px #38bdf8,0 2px 8px #0006;border-color:#fff!important}#video-host{opacity:.01;pointer-events:none;z-index:-999;width:1px;height:1px;position:fixed;top:-9999px;left:-9999px;overflow:hidden}.gradient-card{cursor:pointer;background-position:50%;background-size:cover;border:2px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:flex-end;height:48px;padding:3px 4px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.gradient-card:hover{border-color:#ffffff73;transform:translateY(-2px)}.gradient-card.active{border-color:#38bdf8;box-shadow:0 0 10px #38bdf880}.gradient-card-label{color:#fff;text-shadow:0 1px 3px #000000d9;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;width:100%;font-size:9.5px;font-weight:700;overflow:hidden}.gradient-card.light-preset .gradient-card-label{color:#0f172a;text-shadow:0 1px 2px #ffffffe6,0 0 1px #fffffff2}.modal-gradient-card{cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;outline:none;flex-direction:column;padding:0;transition:all .2s;display:flex;overflow:hidden}.modal-gradient-card:hover{background:#ffffff14;border-color:#38bdf8;transform:translateY(-2px)}.modal-gradient-card.active{background:#38bdf814;border-color:#38bdf8;box-shadow:0 0 12px #38bdf859}.modal-gradient-preview{width:100%;height:52px}.modal-gradient-info{padding:8px 10px}.modal-gradient-title{color:#fff;margin-bottom:2px;font-size:12px;font-weight:700}.modal-gradient-sub{color:#94a3b8;font-size:10.5px}.template-banner-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #38bdf840;border-color:#38bdf8!important}.photo-slots-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.photo-slot-item{aspect-ratio:1;background:#0f172a99;border:1.5px solid #fff3;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.photo-slot-item img{object-fit:cover;width:100%;height:100%;display:block}.photo-slot-remove{color:#fff;cursor:pointer;background:#ef4444d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;transition:transform .15s,background-color .15s;display:flex;position:absolute;top:3px;right:3px;box-shadow:0 2px 5px #00000080}.photo-slot-remove:hover{background:#dc2626;transform:scale(1.15)}.photo-slot-number{color:#38bdf8;background:#0f172abf;border-radius:4px;padding:1px 5px;font-size:9.5px;font-weight:700;position:absolute;bottom:3px;left:3px}.text-feature-card{transition:border-color .2s,background-color .2s}.text-stroke-chip{padding:4px 8px;font-size:11px}.text-stroke-chip.active{background:var(--accent-cyan);color:#0f172a;border-color:var(--accent-cyan);font-weight:700}.text-speed-chip{padding:5px 9px;font-size:11px}.text-speed-chip.active{background:var(--accent-cyan);color:#0f172a;border-color:var(--accent-cyan);font-weight:700}.text-anim-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);color:#cbd5e1;cursor:pointer;background:#ffffff0a;align-items:center;transition:all .2s;display:flex}.text-anim-btn:hover{color:#fff;background:#38bdf81a;border-color:#38bdf866}.text-anim-btn.active{border-color:var(--accent-cyan);color:#38bdf8;background:linear-gradient(135deg,#38bdf833,#0ea5e940);font-weight:700;box-shadow:0 0 10px #38bdf833}.user-templates-empty{text-align:center;color:#94a3b8;background:#ffffff08;border:1px dashed #facc1559;border-radius:12px;padding:18px 14px;font-size:12px;line-height:1.45}.user-templates-grid{flex-direction:column;gap:10px;display:flex}.user-template-card{background:#ffffff0a;border:1px solid #facc1540;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.user-template-card:hover{background:#ffffff12;border-color:#facc158c}.user-template-thumb{background:#000;border:1px solid #ffffff26;border-radius:8px;flex-shrink:0;width:58px;height:78px;overflow:hidden;box-shadow:0 2px 8px #00000073}.user-template-thumb img{object-fit:cover;width:100%;height:100%;display:block}.user-template-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.user-template-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.user-template-meta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.user-template-actions{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.btn-ut-action{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.btn-ut-open{color:#fff;background:linear-gradient(135deg,#0284c7,#2563eb);border-color:#38bdf859}.btn-ut-open:hover{filter:brightness(1.15)}.btn-ut-dup{color:#cbd5e1;background:#ffffff14;border-color:#ffffff26}.btn-ut-dup:hover{color:#fff;background:#ffffff29}.btn-ut-del{color:#f87171;background:#ef44441f;border-color:#ef44444d}.btn-ut-del:hover{background:#ef444440}.sound-library-sheet{margin:0 auto;max-width:760px!important}.sound-modal-header-text{flex-direction:column;gap:2px;display:flex}.sound-modal-subtitle{color:#94a3b8;margin:0;font-size:12px}.sound-top-bar{background:#0f172ab3;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}.sound-current-soundtrack-badge{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sound-soundtrack-icon{font-size:22px}.sound-soundtrack-info{flex-direction:column;min-width:0;display:flex}.sound-soundtrack-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:600}.sound-soundtrack-name{color:#38bdf8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.btn-mute-soundtrack{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef444466;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.btn-mute-soundtrack:hover{background:#ef44444d}.btn-sound-custom-upload{color:#38bdf8;cursor:pointer;white-space:nowrap;background:#38bdf81f;border:1px dashed #38bdf873;border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-sound-custom-upload:hover{background:#38bdf838;transform:translateY(-1px)}.sound-search-row{margin-bottom:10px}.sound-search-input-wrap{align-items:center;width:100%;display:flex;position:relative}.sound-search-icon{color:#94a3b8;pointer-events:none;font-size:14px;position:absolute;left:12px}#sound-search-input{color:#f8fafc;background:#1e293bcc;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:9px 36px;font-size:13px;transition:all .2s}#sound-search-input:focus{background:#1e293bf2;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf840}.sound-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:18px;position:absolute;right:10px}.sound-search-clear:hover{color:#fff}.sound-category-tabs{scrollbar-width:thin;gap:6px;margin-bottom:12px;padding-bottom:8px;display:flex;overflow-x:auto}.sound-cat-tab{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.sound-cat-tab:hover{color:#fff;background:#38bdf81f}.sound-cat-tab.active{color:#fff;background:#0284c7;border-color:#38bdf8;box-shadow:0 2px 10px #0284c759}.sound-cat-count{background:#00000040;border-radius:10px;padding:1px 6px;font-size:10px}.sound-placement-banner{background:#38bdf814;border:1px solid #38bdf833;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:7px 12px;display:flex}.sound-placement-left{align-items:center;gap:6px;display:flex}.placement-indicator-dot{background:#38bdf8;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse-dot;box-shadow:0 0 8px #38bdf8}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.sound-library-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.sound-lib-card{background:#1e293ba6;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:space-between;padding:12px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.sound-lib-card:hover{background:#1e293be6;border-color:#38bdf859;transform:translateY(-2px);box-shadow:0 6px 18px #0000004d}.sound-lib-card.is-playing{background:#0e749040;border-color:#38bdf8;box-shadow:0 0 16px #38bdf84d}.sound-lib-card.is-active-soundtrack{background:#10b9811f;border-color:#10b981}.sound-lib-top{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.sound-lib-icon-wrap{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.sound-lib-meta{flex:1;min-width:0}.sound-lib-title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:2px;display:flex}.sound-lib-title{color:#f8fafc;font-size:13.5px;font-weight:700}.sound-lib-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:700}.sound-badge-fx{color:#f59e0b;background:#f59e0b2e;border:1px solid #f59e0b59}.sound-badge-music{color:#34d399;background:#10b9812e;border:1px solid #10b98159}.sound-lib-desc{color:#94a3b8;margin-bottom:4px;font-size:11.5px;line-height:1.35}.sound-lib-dur{color:#64748b;font-size:10.5px;font-weight:600}.sound-lib-actions{border-top:1px solid #ffffff0f;align-items:center;gap:6px;margin-top:auto;padding-top:8px;display:flex}.btn-sound-lib-preview{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-sound-lib-preview:hover{color:#38bdf8;background:#38bdf833;border-color:#38bdf8}.btn-sound-lib-preview.is-playing{color:#fff;background:#0284c7;border-color:#38bdf8;animation:1.2s infinite pulse-border}@keyframes pulse-border{0%,to{box-shadow:0 0 #38bdf866}50%{box-shadow:0 0 0 4px #38bdf833}}.btn-sound-lib-cue{color:#38bdf8;cursor:pointer;background:#38bdf81f;border:1px solid #38bdf859;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-sound-lib-cue:hover{color:#fff;background:#0284c7}.btn-sound-lib-soundtrack{color:#34d399;cursor:pointer;background:#10b9811f;border:1px solid #10b98159;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-sound-lib-soundtrack:hover{color:#fff;background:#059669}.btn-sound-lib-soundtrack.active{color:#fff;background:#10b981;border-color:#34d399}.text-style-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.text-style-btn:hover{color:#fff;background:#ffffff26}.text-style-btn.active{color:#fff;background:#0284c7;border-color:#38bdf8;box-shadow:0 0 10px #38bdf866}.sound-cutter-chip{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.sound-cutter-chip:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf866}.sound-cutter-chip.active{color:#0f172a;background:#38bdf8;border-color:#38bdf8;font-weight:700;box-shadow:0 0 10px #38bdf866}.sound-fx-toggle-row{background:#ffffff05;border-radius:8px;padding:8px 10px;transition:all .2s}.sound-fx-toggle-row:hover{background:#ffffff0f}#frame-modal{z-index:68}.frame-modal-sheet{max-width:520px}.frame-preview-section{flex-direction:column;align-items:center;gap:10px;padding:8px 0 12px;display:flex}.frame-preview-canvas-box{background:repeating-conic-gradient(#1e293b 0% 25%,#0f172a 0% 50%) 50%/16px 16px;border:2px solid #38bdf866;border-radius:18px;justify-content:center;align-items:center;width:200px;height:200px;display:flex;overflow:hidden;box-shadow:0 10px 28px #0009,0 0 18px #38bdf833}#frame-preview-canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:200px;height:200px;display:block}#frame-preview-canvas:active{cursor:grabbing}.frame-preview-actions{width:100%;max-width:320px}.frame-section-group{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-top:10px;padding:10px 12px}.frame-shape-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}@media (width>=480px){.frame-shape-grid{grid-template-columns:repeat(3,1fr)}}.frame-shape-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.frame-shape-card:hover{background:#38bdf814;border-color:#38bdf873;transform:translateY(-2px)}.frame-shape-card.active{background:linear-gradient(135deg,#f43f5e33 0%,#fb71851f 100%);border-color:#f43f5e;transform:translateY(-1px);box-shadow:0 0 14px #f43f5e59}.frame-shape-card .shape-icon{margin-bottom:3px;font-size:26px;line-height:1.1}.frame-shape-card .shape-title{color:#f8fafc;font-size:11px;font-weight:700}.frame-shape-card .shape-desc{color:#94a3b8;margin-top:1px;font-size:9px}.frame-slider-row{align-items:center;gap:10px;display:flex}.frame-slider-item{flex-direction:column;gap:4px;display:flex}.slider-label-row{color:#cbd5e1;justify-content:space-between;font-size:11px;font-weight:600;display:flex}.frame-border-controls{align-items:center;gap:12px;margin-top:6px;display:flex}.frame-border-colors{gap:6px;display:flex}.border-color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:transform .15s,border-color .15s}.border-color-btn:hover{transform:scale(1.15)}.border-color-btn.active{border-color:#38bdf8;transform:scale(1.2);box-shadow:0 0 8px #38bdf899}#eraser-modal{z-index:70}.eraser-modal-sheet{flex-direction:column;max-width:560px;max-height:94vh;display:flex}.eraser-modal-content{flex-direction:column;padding:6px 4px 14px;display:flex;overflow-y:auto}.eraser-viewport-container{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.eraser-viewport{touch-action:none;cursor:crosshair;background-color:#0b1120;background-image:linear-gradient(45deg,#1e293b 25%,#0000 25%),linear-gradient(-45deg,#1e293b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1e293b 75%),linear-gradient(-45deg,#0000 75%,#1e293b 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:2px solid #38bdf866;border-radius:16px;justify-content:center;align-items:center;width:100%;height:330px;max-height:48vh;display:flex;position:relative;overflow:auto;box-shadow:0 10px 28px #0009,inset 0 0 14px #0009}#eraser-canvas{transform-origin:50%;touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;transition:transform 80ms ease-out;display:block;box-shadow:0 4px 20px #00000080}.eraser-brush-cursor{pointer-events:none;z-index:10;border:2px solid #fff;border-radius:50%;display:none;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000c,0 0 6px #38bdf899}.eraser-viewport-tools{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0f172ad9;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;display:flex;position:absolute;bottom:8px;right:12px}.eraser-tool-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:12px;justify-content:center;align-items:center;padding:3px 8px;font-size:12px;transition:background .2s;display:flex}.eraser-tool-btn:hover{background:#fff3}.eraser-zoom-indicator{color:#38bdf8;text-align:center;min-width:36px;font-size:11px;font-weight:700}.eraser-controls-panel{flex-direction:column;gap:10px;display:flex}.eraser-mode-selector{gap:8px;display:flex}.eraser-mode-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;transition:all .2s;display:flex}.eraser-mode-btn.active[data-mode=erase]{color:#fca5a5;background:linear-gradient(135deg,#ef444447,#dc26262e);border-color:#ef4444;box-shadow:0 0 12px #ef444459}.eraser-mode-btn.active[data-mode=restore]{color:#6ee7b7;background:linear-gradient(135deg,#10b98147,#0596692e);border-color:#10b981;box-shadow:0 0 12px #10b98159}.eraser-history-actions{justify-content:space-between;gap:6px;display:flex}.eraser-action-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 10px;font-size:12px;font-weight:500;transition:all .18s;display:flex}.eraser-action-btn:disabled{opacity:.35;cursor:not-allowed}.eraser-action-btn:hover:not(:disabled){background:#ffffff24}.eraser-slider-group{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:10px 12px}.eraser-edge-protect-card{background:#1e293ba6;border:1px solid #6366f159;border-radius:12px;flex-direction:column;gap:8px;padding:11px 13px;transition:border-color .2s;display:flex;box-shadow:0 4px 14px #00000040}.eraser-edge-header{justify-content:space-between;align-items:center;display:flex}.eraser-edge-title-box{align-items:center;gap:8px;display:flex}.eraser-edge-switch{cursor:pointer;flex-shrink:0;width:44px;height:24px;margin:0;display:inline-block;position:relative}.eraser-edge-switch input{opacity:0;width:0;height:0}.eraser-edge-slider{cursor:pointer;background-color:#334155;border:1px solid #ffffff26;border-radius:24px;transition:all .25s;position:absolute;inset:0}.eraser-edge-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 5px #0000004d}.eraser-edge-switch input:checked+.eraser-edge-slider{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-color:#818cf8;box-shadow:0 0 10px #6366f180}.eraser-edge-switch input:checked+.eraser-edge-slider:before{transform:translate(20px)}.eraser-sample-indicator{color:#94a3b8;background:#0f172ab3;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:inline-flex}.eraser-sample-dot{background:0 0;border:1px solid #ffffff80;border-radius:50%;width:12px;height:12px;transition:background-color .2s;display:inline-block}.eraser-brush-cursor.edge-protected:after{content:"🛡️";pointer-events:none;opacity:.9;filter:drop-shadow(0 1px 2px #000c);font-size:11px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eraser-footer-actions{gap:10px;margin-top:4px;display:flex}.safezone-option-card{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:#fff;background:#ffffff0a;align-items:center;gap:14px;width:100%;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.safezone-option-card:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.safezone-option-card.active{border-color:var(--accent-cyan);background:#38bdf826;box-shadow:0 4px 16px #38bdf833}.safezone-preview{background:#ffffff0f;border:1.5px dashed #ffffff4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.safezone-preview-none{color:#ef4444;border-color:#ef444466}.safezone-preview-universal{background:#38bdf826;border-color:#38bdf8}.safezone-preview-tiktok{background:#00f2fe26;border-color:#00f2fe}.safezone-preview-instagram{background:#ec489926;border-color:#ec4899}.safezone-preview-youtube{background:#ef444426;border-color:#ef4444}.safezone-option-info{flex-direction:column;flex:1;gap:3px;display:flex}.safezone-option-info strong{color:#fff;font-size:13.5px}.safezone-option-info span{color:#94a3b8;font-size:11px;line-height:1.3}.safezone-canvas-badge{z-index:25;-webkit-backdrop-filter:blur(8px);color:#e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172ae0;border:1px solid #38bdf873;border-radius:20px;align-items:center;gap:7px;padding:5px 11px;font-size:11px;font-weight:600;transition:all .18s;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 4px 14px #0006}.safezone-canvas-badge:hover{background:#1e293bf2;border-color:#38bdf8;transform:translateY(-1px)}.safezone-badge-dot{background:#38bdf8;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseSafeDot;box-shadow:0 0 8px #38bdf8}@keyframes pulseSafeDot{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.safezone-canvas-badge button{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 0 0 4px;font-size:15px;line-height:1;transition:color .15s}.safezone-canvas-badge button:hover{color:#f43f5e}.frame-modal-tab-btn{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .18s cubic-bezier(.4,0,.2,1)}.frame-modal-tab-btn:hover{filter:brightness(1.1)}.frame-modal-tab-btn.active{box-shadow:0 0 12px #f59e0b59}#placeholder-bokeh-card{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .15s,border-color .15s,box-shadow .15s}#placeholder-bokeh-card:hover{border-color:#f59e0bbf!important;box-shadow:0 6px 24px #00000080,0 0 20px #f59e0b40!important}#placeholder-bokeh-card:active{transform:scale(.985)}@media (width<=600px){.canvas-placeholder{padding:12px 10px 105px;inset:6px}.placeholder-icon{margin-bottom:6px;font-size:32px}.canvas-placeholder h3{margin-bottom:4px;font-size:17px}.canvas-placeholder p{margin-bottom:10px;font-size:11.5px;line-height:1.3}.placeholder-actions{gap:6px!important;margin-bottom:10px!important}.placeholder-actions button{padding:7px 11px!important;font-size:11.5px!important}#placeholder-gradient-grid{gap:5px!important}#placeholder-gradient-grid .gradient-card{height:38px!important}#placeholder-gradient-grid .gradient-card-label{padding:1px 3px!important;font-size:8.5px!important}#placeholder-bokeh-card{margin-top:10px!important;padding:10px 12px!important}}.shape-modal-sheet{width:100%;max-width:520px}.shape-chip{color:#cbd5e1;cursor:pointer;box-sizing:border-box;background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px 4px;transition:all .15s;display:flex}.shape-chip:hover{background:#ffffff17;border-color:#f59e0b80}.shape-chip.active{color:#fbbf24;background:linear-gradient(135deg,#f59e0b40,#d977061f);border-color:#f59e0b;font-weight:700;box-shadow:0 0 12px #f59e0b59}.shape-chip-icon{font-size:20px;line-height:1}.shape-chip-name{white-space:nowrap;font-size:11px}.shape-color-dot{cursor:pointer;box-sizing:border-box;border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:25px;height:25px;padding:0;transition:transform .15s,border-color .15s}.shape-color-dot:hover{transform:scale(1.15)}.shape-color-dot.active{border-color:#fff;transform:scale(1.18);box-shadow:0 0 8px #ffffffd9}.soundtrack-waveform-wrap{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#080d1a;border:1px solid #38bdf859;border-radius:10px;width:100%;height:74px;margin-bottom:8px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0009}.soundtrack-waveform-wrap:hover{border-color:#38bdf8a6;box-shadow:inset 0 2px 8px #0009,0 0 12px #38bdf833}.soundtrack-waveform-wrap canvas{width:100%;height:100%;display:block}@keyframes waveformSpinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.waveform-anim-spinner{animation:1.2s linear infinite waveformSpinnerRotate;display:inline-block}.playback-audio-track-row{border-top:1px solid #ffffff14;align-items:center;gap:8px;width:100%;padding-top:5px;animation:.25s cubic-bezier(.16,1,.3,1) audioTrackRowFadeIn;display:flex}.playback-audio-track-row.hidden{display:none!important}@keyframes audioTrackRowFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.audio-track-badge{color:#22d3ee;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;cursor:pointer;background:#06b6d424;border:1px solid #06b6d447;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;max-width:125px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .16s;display:flex;overflow:hidden}.audio-track-badge:hover{background:#06b6d43d;border-color:#22d3ee;transform:translateY(-1px);box-shadow:0 0 10px #06b6d459}.audio-track-badge:active{transform:scale(.96)}.audio-track-badge-count{color:#a5f3fc;background:#06b6d440;border-radius:4px;margin-left:2px;padding:1px 4px;font-family:monospace;font-size:8.5px;font-weight:700}.audio-track-badge-icon{font-size:12px}.playback-audio-track-lane{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#080d1ab3;border:1.5px solid #06b6d44d;border-radius:6px;flex:1;height:28px;transition:border-color .15s,box-shadow .15s,background .15s;position:relative;overflow:hidden}.playback-audio-track-lane:hover{background:#080d1ad9;border-color:#06b6d4a6;box-shadow:0 0 10px #06b6d440}.playback-audio-track-lane.is-dragging{cursor:grabbing!important;background:#080d1af2!important;border-color:#22d3ee!important;box-shadow:0 0 14px #06b6d480,inset 0 0 8px #06b6d433!important}.timeline-audio-track-canvas{pointer-events:none;width:100%;height:100%;display:block}.audio-track-playhead-line{pointer-events:none;z-index:5;background:#fff;border-radius:1px;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 10px #38bdf8,0 0 4px #fff}.audio-track-drag-hint{color:#94a3b8b3;pointer-events:none;letter-spacing:.3px;-webkit-user-select:none;user-select:none;font-size:8.5px;font-weight:700;position:absolute;bottom:2px;right:6px}.playback-audio-track-lane.is-dragging .audio-track-drag-hint{color:#22d3ee}.audio-track-offset-badge{color:#38bdf8;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#38bdf81f;border:1px solid #38bdf840;border-radius:6px;flex-shrink:0;min-width:44px;padding:3px 6px;font-family:monospace;font-size:11px;font-weight:700;transition:all .15s}.audio-track-offset-badge:hover{background:#38bdf840;border-color:#38bdf8;transform:scale(1.05)}.audio-track-clip-overlay{pointer-events:none;z-index:10;border-radius:6px;align-items:stretch;display:flex;position:absolute;top:0;bottom:0;box-shadow:0 0 12px #06b6d44d}.audio-track-clip-overlay.hidden{display:none!important}.audio-track-clip-center{cursor:grab;pointer-events:auto;touch-action:none;background:0 0;flex:1;height:100%}.audio-track-clip-center:active{cursor:grabbing}.audio-track-handle{cursor:ew-resize;pointer-events:auto;touch-action:none;z-index:15;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #22d3ee;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:100%;transition:transform .12s,background .12s,box-shadow .12s;display:flex;position:relative;box-shadow:0 0 10px #22d3eeb3}.audio-track-handle:before{content:"";position:absolute;inset:-6px -10px}.audio-track-handle:after{content:"";background:#0891b2;border-radius:1px;width:2px;height:12px;transform:translate(-1.5px);box-shadow:3px 0 #0891b2}.audio-track-handle-left{border-radius:5px 0 0 5px}.audio-track-handle-right{border-radius:0 5px 5px 0}.audio-track-handle:hover,.audio-track-handle.is-dragging{background:#e0f2fe;transform:scaleY(1.08);box-shadow:0 0 16px #38bdf8,0 0 4px #fff}.audio-track-floating-tooltip{color:#f8fafc;white-space:nowrap;pointer-events:none;z-index:30;background:#0f172af2;border:1px solid #38bdf8;border-radius:6px;padding:2px 7px;font-family:monospace;font-size:10px;font-weight:700;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0009}.btn-audio-fade-toggle{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff29;border-radius:6px;flex-shrink:0;align-items:center;gap:3px;padding:3px 6px;font-size:10.5px;font-weight:600;transition:all .15s;display:flex}.btn-audio-fade-toggle:hover{color:#e0f2fe;background:#38bdf82e;border-color:#38bdf8;transform:scale(1.04)}.btn-audio-fade-toggle.active{color:#22d3ee;background:#06b6d438;border-color:#22d3ee;box-shadow:0 0 10px #06b6d459}.fade-btn-icon{font-size:11px}.btn-timeline-waveform-toggle{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.btn-timeline-waveform-toggle:hover{background:#38bdf833;border-color:#38bdf899;transform:scale(1.08)}.btn-timeline-waveform-toggle.active{color:#22d3ee;background:#06b6d440;border-color:#06b6d4;box-shadow:0 0 10px #06b6d473}.btn-timeline-waveform-toggle.hidden{display:none!important}.duration-modal-sheet{background:linear-gradient(#1e293b 0%,#0f172a 100%)!important;border-top:1px solid #38bdf840!important;box-shadow:0 -10px 40px #0009!important}.btn-duration-step-mini{color:#f1f5f9;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;padding:10px 6px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.btn-duration-step-mini:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf866;transform:translateY(-1px)}.btn-duration-step-mini:active{transform:scale(.95)}.btn-duration-step-mini.highlight{color:#38bdf8;background:#38bdf81f;border-color:#38bdf866;font-weight:700}.dur-chip{color:#94a3b8;cursor:pointer;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .18s}.dur-chip:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf866;transform:translateY(-1px)}.dur-chip.active{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%);border-color:#0000;box-shadow:0 2px 10px #38bdf866}.btn-flower-shape-chip:hover{transform:translateY(-1px);background:#1e293bcc!important;border-color:#fb718599!important}.btn-flower-shape-chip.active{box-shadow:0 0 12px #f43f5e73;color:#fff!important;background:linear-gradient(135deg,#f43f5e59,#ec489959)!important;border-color:#fb7185!important}#camera-modal{z-index:3200;justify-content:center;align-items:center;padding:6px}.camera-studio-sheet{background:linear-gradient(#0f172a 0%,#090d16 100%);border:1px solid #ffffff24;border-radius:20px;flex-direction:column;width:100%;max-width:460px;height:96dvh;max-height:880px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #000000d9,0 0 30px #ec489926}.camera-studio-header{z-index:32;background:#0f172af5;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex;position:relative}.camera-studio-title-wrap{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.camera-studio-title{color:#f8fafc;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;overflow:hidden}.camera-ai-badge{color:#34d399;white-space:nowrap;text-overflow:ellipsis;background:#10b98124;border:1px solid #10b98159;border-radius:999px;align-items:center;gap:4px;width:fit-content;max-width:100%;padding:1px 7px;font-size:9.5px;font-weight:700;display:inline-flex;overflow:hidden}.camera-studio-top-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.camera-top-btn{color:#f8fafc;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff24;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .18s;display:flex}.camera-top-btn:hover{background:#38bdf833;border-color:#38bdf873}.camera-top-btn.active{background:#38bdf838;border-color:#38bdf8;box-shadow:0 0 10px #38bdf84d}.camera-top-btn-pill{gap:4px;width:auto;padding:0 9px;font-size:13px}.camera-top-btn-text{white-space:nowrap;font-size:11px;font-weight:700}.camera-top-btn-chevron{color:#94a3b8;margin-left:1px;font-size:9px;line-height:1}.camera-bg-mode-bar{z-index:30;scrollbar-width:none;background:#0f172afa;border-bottom:1px solid #38bdf838;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;display:flex;position:relative;overflow-x:auto;box-shadow:0 4px 14px #00000073}.camera-bg-mode-bar.collapsed{display:none!important}.camera-bg-mode-bar::-webkit-scrollbar{display:none}.camera-bg-mode-title{color:#94a3b8;white-space:nowrap;font-size:10.5px;font-weight:800}.camera-bg-mode-chips{align-items:center;gap:5px;width:100%;display:flex}.camera-bg-chip{color:#cbd5e1;cursor:pointer;white-space:nowrap;text-align:center;background:#1e293be6;border:1px solid #ffffff24;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:3px;min-width:0;padding:5px 4px;font-size:10.5px;font-weight:700;transition:all .16s;display:flex}.camera-bg-chip:hover{color:#fff;border-color:#38bdf880}.camera-bg-chip.active{color:#fff;background:linear-gradient(135deg,#0ea5e959,#8b5cf659);border-color:#38bdf8;box-shadow:0 0 10px #38bdf859}.camera-viewport-wrap{z-index:1;background:radial-gradient(circle,#1e293b 0%,#090d16 100%);flex:1;justify-content:center;align-items:center;min-height:0;padding:6px 10px;display:flex;position:relative;overflow:hidden}.camera-viewport-box{aspect-ratio:9/16;background:#000;border:1.5px solid #ffffff29;border-radius:16px;justify-content:center;align-items:center;width:auto;max-width:100%;height:100%;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #000000a6}#camera-preview-canvas{object-fit:cover;touch-action:none;cursor:grab;width:100%;height:100%;display:block}#camera-preview-canvas:active{cursor:grabbing}.camera-rec-badge{color:#fff;font-variant-numeric:tabular-nums;z-index:15;background:#dc2626e0;border:1px solid #fecaca99;border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-size:12.5px;font-weight:800;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #dc262680}.camera-rec-dot{background:#fff;border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite camRecBlink}@keyframes camRecBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.8)}}.camera-filter-hint{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fef08a;white-space:normal;text-align:center;pointer-events:none;z-index:14;background:#0f172ae0;border:1px solid #f59e0b8c;border-radius:12px;width:fit-content;max-width:calc(100% - 16px);margin:0 auto;padding:5px 10px;font-size:10.5px;font-weight:700;line-height:1.3;position:absolute;bottom:10px;left:8px;right:8px;box-shadow:0 4px 12px #00000080}.camera-countdown-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:25;background:#090d1673;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#camera-countdown-num{color:#fff;text-shadow:0 0 30px #ec4899e6,0 6px 20px #000c;font-size:86px;font-weight:900;animation:.9s ease-out infinite camCountPulse}@keyframes camCountPulse{0%{opacity:1;transform:scale(1.35)}to{opacity:.7;transform:scale(.85)}}.camera-error-overlay{text-align:center;z-index:30;background:#0f172af2;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.camera-result-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:35;background:#090d16f0;flex-direction:column;justify-content:space-between;padding:10px;display:flex;position:absolute;inset:0}.camera-result-preview-media{background:#000;border:1px solid #ffffff24;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:0;margin-bottom:8px;display:flex;overflow:hidden}.camera-result-preview-media video,.camera-result-preview-media img{object-fit:contain;width:100%;height:100%;display:block}.camera-result-actions-card{background:#1e293beb;border:1px solid #ffffff24;border-radius:12px;flex-shrink:0;padding:9px 10px}.camera-result-title{color:#f8fafc;text-align:center;margin-bottom:7px;font-size:11.5px;font-weight:800}.camera-result-buttons{flex-direction:column;gap:5px;display:flex}.camera-target-btn{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11.5px;font-weight:700;transition:all .15s;display:flex}.camera-target-context{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);box-shadow:0 3px 12px #ec489966}.camera-target-primary{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%);box-shadow:0 3px 10px #38bdf859}.camera-target-secondary{color:#f1f5f9;background:#334155d9;border-color:#ffffff29}.camera-target-secondary:hover{background:#475569f2;border-color:#38bdf873}.camera-target-retake{color:#fca5a5;background:#ef444429;border-color:#ef444473}.camera-target-download{color:#6ee7b7;background:#10b98129;border-color:#10b98173}.camera-filter-section{z-index:30;background:#0f172afa;border-top:1px solid #ffffff14;flex-shrink:0;padding:5px 12px 7px;position:relative}.camera-filter-header-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.camera-filter-cat-label{color:#f472b6;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11.5px;font-weight:800;overflow:hidden}.camera-filter-drag-hint{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:45%;font-size:10px;overflow:hidden}.camera-filter-cat-tabs{scrollbar-width:none;gap:5px;margin-bottom:6px;display:flex;overflow-x:auto}.camera-filter-cat-tabs::-webkit-scrollbar{display:none}.camera-cat-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#1e293bb3;border:1px solid #ffffff1f;border-radius:999px;flex:1 0 auto;padding:4px 9px;font-size:10.5px;font-weight:700;transition:all .16s}.camera-cat-tab:hover{color:#e2e8f0;border-color:#f472b673}.camera-cat-tab.active{color:#fff;background:linear-gradient(135deg,#ec489947,#8b5cf647);border-color:#f472b6;box-shadow:0 2px 8px #ec489940}.camera-filter-chip.hidden-by-cat{display:none!important}.camera-filter-carousel{scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:7px;padding-bottom:4px;display:flex;overflow-x:auto}.camera-filter-chip{color:#cbd5e1;cursor:pointer;background:#1e293bd9;border:1.5px solid #ffffff1a;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:3px;min-width:66px;padding:6px 8px;transition:all .18s;display:flex}.camera-filter-chip:hover{background:#1e293b;border-color:#ec489980;transform:translateY(-1px)}.camera-filter-chip.active{color:#fff;background:linear-gradient(135deg,#ec489947,#38bdf847);border-color:#f472b6;box-shadow:0 0 12px #ec489959}.cf-icon{font-size:20px;line-height:1.1}.cf-label{white-space:nowrap;font-size:10px;font-weight:700}.camera-bottom-controls{z-index:30;background:#090d16;border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:7px 14px 12px;display:flex;position:relative}.camera-mode-tabs{background:#1e293bd9;border:1px solid #ffffff1f;border-radius:999px;gap:4px;padding:3px;display:inline-flex}.camera-mode-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:11.5px;font-weight:700;transition:all .18s}.camera-mode-tab.active{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#38bdf8 100%);box-shadow:0 2px 8px #ec489959}.camera-shutter-row{justify-content:space-around;align-items:center;width:100%;display:flex}.camera-side-control{color:#cbd5e1;cursor:pointer;background:#1e293bbf;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:82px;padding:7px 10px;transition:all .18s;display:flex}.camera-side-control.active{color:#38bdf8;background:#38bdf824;border-color:#38bdf88c}.csc-icon{font-size:16px;line-height:1.1}.csc-label{font-size:10px;font-weight:700}.camera-shutter-btn{cursor:pointer;background:#ffffff26;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;padding:5px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 20px #0009}.camera-shutter-btn:hover{transform:scale(1.05)}.camera-shutter-btn:active{transform:scale(.94)}.camera-shutter-inner{background:#ef4444;border-radius:50%;width:100%;height:100%;transition:all .22s;box-shadow:0 0 12px #ef4444a6}.camera-shutter-btn.mode-photo .camera-shutter-inner{background:linear-gradient(135deg,#f8fafc 0%,#38bdf8 100%);box-shadow:0 0 12px #38bdf899}.camera-shutter-btn.is-recording{border-color:#ef4444;animation:1.2s ease-in-out infinite camShutterPulse}.camera-shutter-btn.is-recording .camera-shutter-inner{background:#ef4444;border-radius:8px;width:52%;height:52%}@keyframes camShutterPulse{0%,to{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 0 10px #ef444400}}@media (height<=820px),(width<=480px){.camera-studio-header{padding:6px 10px}.camera-studio-title{font-size:12.5px}.camera-bg-mode-bar{padding:5px 8px}.camera-bg-chip{padding:4px 3px;font-size:10px}.camera-viewport-wrap{padding:4px 8px}.camera-filter-section{padding:4px 10px 6px}.camera-filter-drag-hint{display:none}.camera-filter-chip{min-width:60px;padding:5px 6px}.cf-icon{font-size:18px}.camera-bottom-controls{gap:6px;padding:6px 12px 10px}.camera-shutter-btn{width:56px;height:56px}}