@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Alfa+Slab+One&family=Anton&family=Archivo+Black&family=Bangers&family=Barlow+Condensed:wght@700;800&family=Bebas+Neue&family=Bungee&family=Caveat:wght@700&family=Cinzel:wght@700;800&family=Comfortaa:wght@700&family=Cormorant+Garamond:wght@600;700&family=Fredoka:wght@600;700&family=Hind:wght@600;700&family=Kalam:wght@700&family=Kanit:wght@700;800;900&family=League+Spartan:wght@700;800;900&family=Lilita+One&family=Lobster&family=Lora:wght@600;700&family=Montserrat:wght@700;800;900&family=Mukta:wght@600;700;800&family=Open+Sans:wght@700;800&family=Orbitron:wght@700;800;900&family=Oswald:wght@600;700&family=Outfit:wght@700;800&family=Pacifico&family=Permanent+Marker&family=Playfair+Display:wght@700;800&family=Poppins:wght@700;800;900&family=Press+Start+2P&family=Righteous&family=Roboto:wght@700;900&family=Rowdies:wght@700&family=Rozha+One&family=Rubik+Glitch&family=Russo+One&family=Shrikhand&family=Space+Grotesk:wght@600;700;800&family=Syne:wght@700;800&family=Teko:wght@600;700&family=Titan+One&family=Unbounded:wght@700;800&family=Yatra+One&display=swap";.export-modal-backdrop{position:fixed;inset:0;background:#140f0a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeInModal .2s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.export-modal-dialog{background:#fff;border:1px solid rgba(120,100,80,.2);border-radius:16px;width:100%;max-width:440px;padding:28px 24px;box-shadow:0 20px 50px #0003,0 0 0 1px #c2671526;position:relative;animation:popModal .25s cubic-bezier(.16,1,.3,1);text-align:center}@keyframes popModal{0%{transform:scale(.94) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.export-modal-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;border:none;background:#7864501a;color:#887462;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.export-modal-close:hover{background:#78645033;color:#3c3228}.export-icon-wrap{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#c26715,#e0781a);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 4px 14px #c2671559}.export-engine-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:999px;font-size:11px;font-weight:700;color:#059669;margin:0 auto 10px;letter-spacing:.2px}.badge-zap-icon{color:#10b981}.export-modal-header h3{font-size:18px;font-weight:800;color:#3c3228;margin:0 0 4px}.export-modal-header p{font-size:12px;font-weight:600;color:#887462;margin:0 0 20px}.render-progress-view{display:flex;flex-direction:column;align-items:center;gap:14px;padding:10px 0}.render-spinner-row{display:flex;align-items:center;gap:10px}.render-spin-icon{animation:spin 1s linear infinite;color:#c26715}.render-status-text{font-size:15px;font-weight:700;color:#3c3228}.render-progress-bar-bg{width:100%;height:10px;background:#7864501f;border-radius:6px;overflow:hidden}.render-progress-bar-fill{height:100%;background:linear-gradient(90deg,#c26715,#e0781a);border-radius:6px;transition:width .3s ease;box-shadow:0 0 8px #c2671566}.render-sub-hint{font-size:11.5px;color:#887462;line-height:1.4;margin:0}.render-success-view{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0}.success-icon-wrap{color:#10b981;margin-bottom:4px}.render-success-view h4{font-size:17px;font-weight:800;color:#3c3228;margin:0}.render-success-view p{font-size:13px;color:#64554a;margin:0 0 10px}.btn-download-rendered{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;background:linear-gradient(135deg,#c26715,#e0781a);color:#fff;font-size:13.5px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #c267154d}.btn-download-rendered:hover{transform:translateY(-1px);box-shadow:0 6px 18px #c2671573}.render-error-view{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0}.error-icon-wrap{color:#ef4444}.render-error-view h4{font-size:16px;font-weight:800;color:#3c3228;margin:0}.error-desc{font-size:12px;color:#dc2626;background:#ef444414;padding:8px 12px;border-radius:8px;word-break:break-word}.btn-retry-render{padding:8px 16px;background:var(--color-bg-level-2);border:1px solid rgba(120,100,80,.2);border-radius:8px;color:#3c3228;font-size:12px;font-weight:700;cursor:pointer}.social-mockup-overlay{position:absolute;inset:0;pointer-events:none;z-index:40;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85);-webkit-user-select:none;user-select:none;overflow:hidden}.native-reels-container{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:18px 14px 14px}.reels-native-top{display:flex;justify-content:space-between;align-items:center}.reels-top-left{display:flex;align-items:center;gap:4px}.reels-header-title{font-size:20px;font-weight:700;letter-spacing:-.4px}.reels-chevron{opacity:.9}.reels-native-sidebar{position:absolute;right:12px;bottom:82px;display:flex;flex-direction:column;align-items:center;gap:18px}.reels-action-btn{display:flex;flex-direction:column;align-items:center;gap:3px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.7))}.reels-count-text{font-size:11.5px;font-weight:600;letter-spacing:-.2px}.reels-native-audio-disc{width:32px;height:32px;border-radius:50%;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;background:#111;animation:spinReelsRecord 4s linear infinite;box-shadow:0 2px 6px #0009;margin-top:4px}.audio-disc-inner{width:20px;height:20px;border-radius:50%;background:conic-gradient(#f09433,#dc2743,#cc2366,#bc1888,#f09433)}@keyframes spinReelsRecord{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reels-native-bottom{margin-top:auto;max-width:78%;display:flex;flex-direction:column;gap:8px;padding-bottom:4px}.reels-creator-row{display:flex;align-items:center;gap:8px}.reels-avatar-ring{width:32px;height:32px;border-radius:50%;padding:1.5px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center}.reels-avatar-img{width:100%;height:100%;border-radius:50%;background:#262626;border:1.5px solid #000;display:flex;align-items:center;justify-content:center;font-size:13px}.reels-handle-text{font-size:13.5px;font-weight:700}.verified-badge{flex-shrink:0}.reels-native-follow-pill{background:transparent;border:1px solid rgba(255,255,255,.85);color:#fff;border-radius:6px;padding:2px 10px;font-size:11.5px;font-weight:600;line-height:1.2}.reels-caption-block{font-size:12.5px;line-height:1.35;margin:0;font-weight:400}.reels-more-tag{opacity:.7;margin-left:4px;font-weight:500}.reels-audio-bar{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;opacity:.95}.audio-marquee-wrap{overflow:hidden;white-space:nowrap;max-width:220px}.native-tiktok-container{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px 12px 12px}.tiktok-native-top{display:flex;justify-content:space-between;align-items:center}.tiktok-live-badge{font-size:11px;font-weight:800;background:#0006;border:1px solid rgba(255,255,255,.3);padding:2px 7px;border-radius:4px;letter-spacing:.5px}.tiktok-tabs-center{display:flex;gap:16px;font-size:15px;font-weight:700}.tt-tab-item{opacity:.6}.tt-tab-active{opacity:1;position:relative}.tt-tab-active:after{content:"";position:absolute;bottom:-4px;left:20%;right:20%;height:2px;background:#fff;border-radius:1px}.tiktok-native-sidebar{position:absolute;right:10px;bottom:74px;display:flex;flex-direction:column;align-items:center;gap:16px}.tiktok-avatar-container{position:relative;margin-bottom:6px}.tiktok-avatar-img{width:42px;height:42px;border-radius:50%;background:#2a2a2a;border:1.5px solid #ffffff;display:flex;align-items:center;justify-content:center;font-size:17px}.tiktok-plus-icon{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:#fe2c55;color:#fff;border-radius:50%;width:17px;height:17px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000080}.tiktok-action-btn{display:flex;flex-direction:column;align-items:center;gap:2px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}.tiktok-count-text{font-size:11.5px;font-weight:700}.tiktok-native-record{width:36px;height:36px;border-radius:50%;background:conic-gradient(#111,#333,#111,#444,#111);border:5px solid #1a1a1a;display:flex;align-items:center;justify-content:center;animation:spinReelsRecord 3s linear infinite;box-shadow:0 2px 6px #0009;margin-top:4px}.record-center-dot{width:12px;height:12px;border-radius:50%;background:#fe2c55}.tiktok-native-bottom{margin-top:auto;max-width:76%;display:flex;flex-direction:column;gap:6px}.tiktok-handle-name{font-size:14.5px;font-weight:700}.tiktok-caption-text{font-size:12.5px;line-height:1.35;margin:0}.tiktok-music-row{display:flex;align-items:center;gap:6px;font-size:11.5px;opacity:.9}.native-shorts-container{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px 14px 14px;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,transparent 18%,transparent 68%,rgba(0,0,0,.85) 100%)}.shorts-native-top{display:flex;justify-content:space-between;align-items:center;padding-top:2px}.shorts-badge-wrap{display:flex;align-items:center;gap:5px}.shorts-text-logo{font-size:19px;font-weight:800;letter-spacing:-.4px;font-family:-apple-system,BlinkMacSystemFont,Roboto,YouTube Sans,sans-serif}.shorts-top-icons-row{display:flex;align-items:center;gap:16px}.shorts-native-sidebar{position:absolute;right:12px;bottom:80px;display:flex;flex-direction:column;align-items:center;gap:16px}.shorts-action-btn{display:flex;flex-direction:column;align-items:center;gap:3px}.shorts-action-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.85))}.shorts-count-text{font-size:11px;font-weight:600;letter-spacing:-.2px;text-shadow:0 1px 3px rgba(0,0,0,.9)}.shorts-sound-thumb{width:34px;height:34px;border-radius:6px;background:#0f0f0f;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #000c;margin-top:2px;overflow:hidden}.sound-thumb-art{width:100%;height:100%;background:linear-gradient(135deg,red,#900);display:flex;align-items:center;justify-content:center}.sound-thumb-note{font-size:14px}.shorts-native-bottom{margin-top:auto;max-width:80%;display:flex;flex-direction:column;gap:7px;padding-bottom:2px}.shorts-channel-row{display:flex;align-items:center;gap:8px;margin-bottom:1px}.shorts-avatar-circle{width:32px;height:32px;border-radius:50%;background:red;border:1.5px solid #ffffff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;box-shadow:0 2px 5px #0009}.shorts-channel-title{font-size:13.5px;font-weight:700;letter-spacing:-.2px;text-shadow:0 1px 3px rgba(0,0,0,.95)}.shorts-subscribe-pill{background:#fff;color:#0f0f0f;border:none;border-radius:16px;padding:4px 12px;font-size:11.5px;font-weight:700;box-shadow:0 1px 4px #0006;letter-spacing:-.1px}.shorts-caption-line{font-size:12.5px;line-height:1.35;margin:0;font-weight:400;text-shadow:0 1px 3px rgba(0,0,0,.95)}.shorts-audio-row{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.9)}.shorts-audio-text{letter-spacing:-.1px}.native-yt-landscape-container{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px 14px;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 25%,transparent 75%,rgba(0,0,0,.85) 100%)}.yt-top-gradient-bar{display:flex;justify-content:space-between;align-items:center}.yt-video-title{font-size:13.5px;font-weight:600}.yt-top-actions{display:flex;gap:14px}.yt-bottom-controls-bar{display:flex;flex-direction:column;gap:6px}.yt-progress-line{width:100%;height:3px;background:#ffffff40;position:relative;border-radius:2px}.yt-buffer-line{position:absolute;left:0;top:0;height:100%;background:#ffffff73}.yt-played-line{position:absolute;left:0;top:0;height:100%;background:red}.yt-scrubber-handle{position:absolute;right:-5px;top:-4.5px;width:12px;height:12px;border-radius:50%;background:red;box-shadow:0 1px 3px #00000080}.yt-controls-bottom-row{display:flex;justify-content:space-between;align-items:center;padding-top:2px}.yt-controls-left,.yt-controls-right{display:flex;align-items:center;gap:14px}.yt-timestamp-display{font-size:11.5px;font-weight:500;opacity:.9}.yt-cc-button{border:1px solid #ffffff;border-radius:2px;padding:0 3px;font-size:9.5px;font-weight:800}.native-ig-feed-container{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:10px 12px}.ig-feed-top-header{display:flex;justify-content:space-between;align-items:center;background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 10px;border-radius:8px}.ig-feed-user-wrap{display:flex;align-items:center;gap:8px}.ig-feed-avatar-ring{width:26px;height:26px;border-radius:50%;background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);padding:1.5px;display:flex;align-items:center;justify-content:center}.ig-feed-avatar-img{width:100%;height:100%;border-radius:50%;background:#111;display:flex;align-items:center;justify-content:center;font-size:11px}.ig-feed-username{font-size:13px;font-weight:700}.ig-feed-bottom-footer{margin-top:auto;display:flex;flex-direction:column;gap:5px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 10px;border-radius:8px}.ig-feed-actions-bar{display:flex;justify-content:space-between;align-items:center}.ig-feed-left-icons{display:flex;gap:14px}.ig-feed-likes-text{font-size:12px}.ig-feed-caption-text{font-size:12px;line-height:1.25}.switch-container{display:flex;align-items:center;gap:16px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0}.switch-container.switch-disabled{opacity:.4;cursor:not-allowed}.switch-label{font-size:14px;font-weight:400;color:#3c3228;flex:1;line-height:1.4}.switch{position:relative;width:51px;height:31px;background:#00000014;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast);padding:0;flex-shrink:0}.switch:hover:not(:disabled){background:#0000001f}.switch.switch-checked{background:var(--color-primary-blue)}.switch.switch-checked:hover:not(:disabled){background:#0071e3}.switch-thumb{position:absolute;top:2px;left:2px;width:27px;height:27px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;transition:transform var(--transition-fast);pointer-events:none}.switch.switch-checked .switch-thumb{transform:translate(20px)}.switch-state{font-size:13px;font-weight:500;color:#64554a;min-width:36px;text-align:left}.switch:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.segmented-control{display:inline-flex;background:#7864501f;border-radius:10px;padding:3px;gap:0;position:relative}.segmented-control-full{width:100%}.segmented-control-indicator{position:absolute;top:3px;bottom:3px;background:var(--glass-bg-strong);border-radius:8px;box-shadow:0 2px 8px #503c281f,0 1px 3px #503c2814;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.segmented-control-option{flex:1;min-width:0;padding:6px 10px;font-size:12px;font-weight:500;color:#504132b3;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:color .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-align:center;position:relative;z-index:1}.segmented-control-option:hover:not(.segmented-control-active){color:#3c3228d9}.segmented-control-option.segmented-control-active{color:#3c3228f2;font-weight:600}.segmented-control-option:focus,.segmented-control-option:focus-visible{outline:none!important;z-index:2}.disclosure-section{width:100%}.disclosure-trigger{display:flex;align-items:center;gap:6px;width:100%;padding:8px 0;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-primary);font-weight:var(--font-weight-regular);transition:color var(--transition-fast)}.disclosure-trigger:hover{color:var(--color-text-primary)}.disclosure-chevron{transition:transform var(--transition-standard);flex-shrink:0}.disclosure-chevron-open{transform:rotate(90deg)}.disclosure-title{text-align:left}.disclosure-content{padding-top:var(--spacing-sm);animation:disclosure-expand var(--transition-standard) cubic-bezier(.4,0,.2,1)}@keyframes disclosure-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.disclosure-trigger:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px;border-radius:var(--radius-sm)}.toast-container{position:fixed;bottom:32px;right:32px;z-index:9999;animation:toast-slide-in var(--transition-standard);pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#ffffffbf;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.4);color:#3c3228;border-radius:14px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;font-size:15px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;min-width:200px;max-width:400px}.toast span{flex:1;text-align:left}.toast svg{color:#10b981;flex-shrink:0}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.font-picker{position:relative;width:100%}.font-picker-label{display:block;font-size:var(--font-size-secondary);font-weight:var(--font-weight-regular);color:var(--color-text-primary);margin-bottom:8px}.font-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--color-bg-level-1);border:var(--border-standard);border-radius:var(--radius-md);font-size:var(--font-size-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);outline:none}.font-picker-trigger:hover{border-color:var(--color-text-secondary);background:var(--color-bg-level-2)}.font-picker-trigger:focus{border-color:var(--color-primary-blue);box-shadow:0 0 0 3px #007aff1a}.font-picker-selected{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-picker-chevron{width:16px;height:16px;color:var(--color-text-secondary);transition:transform var(--transition-fast);flex-shrink:0;margin-left:8px}.font-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-level-1);border:var(--border-standard);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000004d;z-index:1000;display:flex;flex-direction:column;max-height:400px;animation:fontPickerSlideIn .15s ease-out}@keyframes fontPickerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.font-picker-search{position:relative;padding:8px;border-bottom:var(--border-standard);flex-shrink:0}.font-picker-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-secondary);pointer-events:none}.font-picker-search-input{width:100%;padding:8px 12px 8px 36px;background:var(--color-bg-level-2);border:var(--border-standard);border-radius:var(--radius-sm);font-size:var(--font-size-secondary);color:var(--color-text-primary);outline:none;transition:all var(--transition-fast)}.font-picker-search-input:focus{border-color:var(--color-primary-blue);background:var(--color-bg-level-1)}.font-picker-search-input::placeholder{color:var(--color-text-tertiary)}.font-picker-options{overflow-y:auto;max-height:320px;padding:4px}.font-picker-options::-webkit-scrollbar{width:8px}.font-picker-options::-webkit-scrollbar-track{background:transparent}.font-picker-options::-webkit-scrollbar-thumb{background:var(--color-bg-level-3);border-radius:4px}.font-picker-options::-webkit-scrollbar-thumb:hover{background:var(--color-separator)}.font-picker-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.font-picker-option:hover{background:var(--color-bg-level-2)}.font-picker-option.selected{background:var(--color-bg-level-3);color:var(--color-primary-blue);font-weight:var(--font-weight-medium)}.font-picker-option-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-picker-checkmark{flex-shrink:0;margin-left:8px;color:var(--color-primary-blue);font-weight:700}.font-picker-empty{padding:24px 12px;text-align:center;font-size:var(--font-size-secondary);color:var(--color-text-tertiary)}@media(max-width:768px){.font-picker-dropdown{max-height:300px}.font-picker-options{max-height:240px}}.slider-with-presets{display:flex;flex-direction:column;gap:10px}.slider-with-presets input[type=range].apple-slider,.apple-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#c2671540;border-radius:3px;outline:none!important;cursor:pointer;accent-color:#c26715;transition:all var(--transition-fast)}.slider-with-presets input[type=range].apple-slider:hover,.apple-slider:hover{background:#c2671561}.slider-with-presets input[type=range].apple-slider::-webkit-slider-thumb,.apple-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #c26715;box-shadow:0 2px 6px #c267154d,0 1px 3px #64503c26;cursor:pointer;outline:none!important;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.slider-with-presets input[type=range].apple-slider::-webkit-slider-thumb:hover,.apple-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #c2671573}.slider-with-presets input[type=range].apple-slider::-moz-range-thumb,.apple-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #c26715;box-shadow:0 2px 6px #c267154d,0 1px 3px #64503c26;cursor:pointer;outline:none!important;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.slider-with-presets input[type=range].apple-slider::-moz-range-thumb:hover,.apple-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #c2671573}.slider-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.slider-label{font-size:var(--font-size-primary);font-weight:var(--font-weight-regular);color:#3c3228!important}.slider-value-badge{font-family:var(--font-mono);font-size:var(--font-size-secondary);font-weight:var(--font-weight-semibold);color:#c26715;background:#c2671514;border:1px solid rgba(194,103,21,.25);border-radius:6px;padding:4px 10px;cursor:pointer;outline:none!important;transition:all var(--transition-fast);min-width:65px;text-align:center}.slider-value-badge:focus,.slider-value-badge:focus-visible{outline:none!important}.slider-value-badge:hover{background:#c2671524;border-color:#c2671573;transform:scale(1.02)}.slider-value-badge:active{transform:scale(.98)}.slider-value-input{font-family:var(--font-mono);font-size:var(--font-size-secondary);font-weight:var(--font-weight-semibold);color:#3c3228!important;background:var(--color-bg-level-1);border:2px solid #c26715;border-radius:6px;padding:4px 10px;min-width:65px;text-align:center;outline:none!important;box-shadow:0 0 0 3px #c2671526}.slider-presets{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.preset-chip{background:#ffffffb3;border:1px solid rgba(180,160,140,.45);color:#5a493a!important;font-size:11px;font-weight:600;padding:5px 11px;border-radius:8px;cursor:pointer;outline:none!important;transition:all var(--transition-fast);font-family:var(--font-sans);letter-spacing:.2px;box-shadow:0 1px 2px #64503c0d}.preset-chip:focus,.preset-chip:focus-visible{outline:none!important}.preset-chip:hover{background:#fff;border-color:#a08264a6;color:#2c1d11!important;transform:translateY(-1px);box-shadow:0 2px 6px #64503c1a}.preset-chip:active{transform:translateY(0)}.preset-chip-active{background:#fff!important;border:1.5px solid #c26715!important;color:#1e150d!important;font-weight:700;outline:none!important;box-shadow:0 2px 8px #c2671533}.preset-chip-active:hover{background:#fff!important;border-color:#a0500d!important;color:#000!important;box-shadow:0 3px 10px #c2671540}@media(max-width:768px){.slider-with-presets{gap:12px}.slider-label{font-size:13px}.slider-value-badge,.slider-value-input{min-width:70px;padding:6px 12px;font-size:12px}.preset-chip{font-size:12px;padding:8px 14px;min-height:36px}.slider-presets{gap:8px}}@media(max-width:480px){.slider-header-row{gap:6px}.slider-value-badge,.slider-value-input{min-width:60px;padding:5px 10px}.preset-chip{padding:7px 12px}}.slider-value-badge:focus-visible,.slider-value-input:focus-visible,.preset-chip:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.slider-with-presets:has(input[type=range]:disabled) .preset-chip{opacity:.5;cursor:not-allowed}.slider-with-presets:has(input[type=range]:disabled) .slider-value-badge{opacity:.6;cursor:not-allowed}.unified-position-card{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:var(--border-glass);border-radius:14px;padding:20px 24px;margin-bottom:24px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-medium);transition:all var(--transition-standard)}.unified-position-card:hover{background:var(--glass-bg-strong);box-shadow:var(--shadow-strong)}.layer-selector{width:100%;display:flex;flex-direction:column;gap:10px}.control-group{display:flex;flex-direction:column;gap:10px}.control-label{font-size:var(--font-size-primary);font-weight:var(--font-weight-medium);color:#3c3228!important}.alignment-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.alignment-btn{background:var(--color-bg-level-2);border:1px solid rgba(120,100,80,.25);color:#64554a!important;font-size:13px;font-weight:600;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.alignment-btn:hover{background:#007aff14;border-color:#007aff4d;color:var(--color-primary-blue);transform:translateY(-1px)}.alignment-btn:active{transform:translateY(0)}.alignment-btn-active{background:var(--color-primary-blue);border-color:var(--color-primary-blue);color:#fff!important;box-shadow:0 2px 8px #007aff40}.alignment-btn-active:hover{background:#06c;border-color:#06c;color:#fff!important}.position-controls-group{display:flex;flex-direction:column;gap:18px}.btn-reset-layer{width:100%;padding:10px 16px;background:#fff9;border:1px solid rgba(180,160,140,.4);color:#c26715;font-size:var(--font-size-primary);font-weight:var(--font-weight-semibold);border-radius:8px;cursor:pointer;outline:none!important;transition:all var(--transition-fast);font-family:var(--font-sans)}.btn-reset-layer:focus,.btn-reset-layer:focus-visible{outline:none!important}.btn-reset-layer:hover{background:#fffffff2;border-color:#c2671566;color:#a0500d;transform:translateY(-1px);box-shadow:0 2px 8px #64503c14}.btn-reset-layer:active{transform:translateY(0)}@media(max-width:768px){.unified-position-card{padding:18px 20px;gap:16px}.alignment-buttons{gap:6px}.alignment-btn{padding:12px 14px;font-size:12px;min-height:44px}.position-controls-group{gap:16px}.btn-reset-layer{padding:12px 16px;min-height:44px;font-size:14px}}@media(max-width:480px){.unified-position-card{padding:16px 18px;gap:14px;border-radius:12px}.alignment-buttons{grid-template-columns:1fr;gap:8px}.alignment-btn{padding:10px 12px}.position-controls-group{gap:14px}}.alignment-btn:focus-visible,.btn-reset-layer:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.alignment-btn:disabled,.btn-reset-layer:disabled{opacity:.5;cursor:not-allowed}.layer-info-badge{font-size:11px;color:#78645a!important;background:#007aff0f;padding:6px 12px;border-radius:6px;text-align:center;font-weight:500}.bulk-actions-toolbar{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;box-shadow:var(--shadow-light)}.bulk-actions-label{font-size:11.5px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.bulk-actions-buttons{display:flex;gap:8px;flex-wrap:wrap;flex:1}.bulk-action-btn{background:#ffffffb3;border:1px solid rgba(180,160,140,.45);color:#3c3228!important;font-size:12px;font-weight:600;padding:7px 13px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;outline:none!important;transition:all var(--transition-fast);font-family:var(--font-sans)}.bulk-action-btn:focus,.bulk-action-btn:focus-visible{outline:none!important}.bulk-action-btn:hover:not(:disabled){background:#fff;border-color:#c2671580;color:#c26715!important;transform:translateY(-1px);box-shadow:0 2px 8px #64503c1a}.bulk-action-btn:active:not(:disabled){transform:translateY(0)}.bulk-action-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-action-btn-clear-premium{margin-left:auto;background:#fffc;border:1px solid rgba(194,103,21,.28);color:#c26715!important;font-size:12px;font-weight:700;padding:6px 13px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;outline:none!important;transition:all var(--transition-fast);font-family:var(--font-sans);box-shadow:0 1px 4px #64503c0f}.bulk-action-btn-clear-premium:hover:not(:disabled){background:#fff;border-color:#c26715;color:#c26715!important;transform:translateY(-1px);box-shadow:0 3px 10px #c2671538}.bulk-action-btn-clear-premium:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.bulk-actions-toolbar{padding:12px 16px;gap:10px}.bulk-actions-label{font-size:11px;width:100%;margin-bottom:4px}.bulk-actions-buttons{width:100%;gap:8px}.bulk-action-btn{flex:1;min-width:calc(50% - 4px);justify-content:center;padding:10px 12px;font-size:12px;min-height:44px}}@media(max-width:480px){.bulk-actions-toolbar{padding:12px 14px;border-radius:10px}.bulk-action-btn{min-width:100%;font-size:11px;padding:10px}.bulk-action-btn span{display:block}}.bulk-action-btn:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.bulk-action-btn.is-loading{pointer-events:none;opacity:.6}.bulk-action-btn.is-loading:after{content:"";width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite;margin-left:4px}@keyframes spin{to{transform:rotate(360deg)}}.shortcuts-modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.shortcuts-modal-content{background:var(--glass-bg-strong);backdrop-filter:var(--backdrop-blur-strong);-webkit-backdrop-filter:var(--backdrop-blur-strong);border:var(--border-glass);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-width:700px;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:slideInUp .3s ease}.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.3)}.shortcuts-modal-title-row{display:flex;align-items:center;gap:12px;color:#3c3228!important}.shortcuts-modal-title-row h2{font-size:20px;font-weight:600;color:#3c3228!important;margin:0}.shortcuts-modal-close{background:transparent;border:none;color:#64554a!important;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.shortcuts-modal-close:hover{background:#00000014;color:#3c3228!important}.shortcuts-modal-body{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:28px}.shortcuts-category{display:flex;flex-direction:column;gap:12px}.shortcuts-category-title{font-size:13px;font-weight:600;color:#64554a!important;text-transform:uppercase;letter-spacing:.8px;margin:0}.shortcuts-list{display:flex;flex-direction:column;gap:10px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff6;border-radius:10px;transition:all var(--transition-fast)}.shortcut-item:hover{background:#fff9;transform:translate(4px)}.shortcut-keys{display:flex;align-items:center;gap:6px;min-width:140px}.shortcut-key{background:linear-gradient(180deg,#fff,#f5f5f5);border:1px solid rgba(0,0,0,.15);border-bottom-width:2px;border-radius:6px;padding:6px 12px;font-family:var(--font-mono);font-size:12px;font-weight:600;color:#3c3228!important;box-shadow:0 2px 4px #00000014;min-width:40px;text-align:center}.shortcut-plus{color:#64554a!important;font-size:12px;font-weight:600}.shortcut-description{flex:1;font-size:14px;font-weight:500;color:#3c3228!important;text-align:right}.shortcuts-modal-footer{padding:16px 28px;border-top:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.shortcuts-modal-hint{font-size:13px;color:#64554a!important;margin:0;display:flex;align-items:center;gap:6px}.shortcut-key-inline{background:linear-gradient(180deg,#fff,#f5f5f5);border:1px solid rgba(0,0,0,.15);border-bottom-width:2px;border-radius:4px;padding:2px 8px;font-family:var(--font-mono);font-size:12px;font-weight:600;color:#3c3228!important;box-shadow:0 1px 2px #00000014}.shortcuts-modal-body::-webkit-scrollbar{width:8px}.shortcuts-modal-body::-webkit-scrollbar-track{background:#fff3;border-radius:4px}.shortcuts-modal-body::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.shortcuts-modal-body::-webkit-scrollbar-thumb:hover{background:#0000004d}@media(max-width:768px){.shortcuts-modal-backdrop{padding:16px}.shortcuts-modal-content{max-height:90vh;border-radius:16px}.shortcuts-modal-header{padding:20px 24px}.shortcuts-modal-title-row h2{font-size:18px}.shortcuts-modal-body{padding:20px 24px;gap:24px}.shortcut-item{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.shortcut-keys{min-width:auto}.shortcut-description{text-align:left;font-size:13px}.shortcuts-modal-footer{padding:14px 24px}.shortcuts-modal-hint{font-size:12px;text-align:center}}@media(max-width:480px){.shortcuts-modal-backdrop{padding:12px}.shortcuts-modal-content{border-radius:14px}.shortcuts-modal-header{padding:18px 20px}.shortcuts-modal-title-row{gap:10px}.shortcuts-modal-title-row h2{font-size:17px}.shortcuts-modal-body{padding:18px 20px;gap:20px}.shortcuts-category-title{font-size:12px}.shortcut-item{padding:12px}.shortcut-key{padding:5px 10px;font-size:11px;min-width:36px}.shortcut-description{font-size:12px}}.shortcuts-modal-close:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Menlo", monospace;--color-text-primary: rgba(60, 50, 40, .9);--color-text-secondary: rgba(100, 85, 70, .75);--color-text-tertiary: rgba(120, 100, 85, .6);--color-separator: rgba(180, 165, 150, .25);--glass-bg: rgba(252, 248, 243, .88);--glass-bg-strong: rgba(252, 248, 243, .96);--glass-border: rgba(220, 205, 190, .35);--glass-shadow: 0 8px 24px rgba(100, 80, 60, .08);--gradient-bg: linear-gradient(135deg, #F5E6D8 0%, #EAD5C4 25%, #E8D5C4 50%, #F0DCC8 75%, #F5E6D8 100%);--color-primary-blue: #007AFF;--color-success-green: #34C759;--color-warning-orange: #FF9500;--color-destructive-red: #FF3B30;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 40px;--backdrop-blur: blur(20px) saturate(120%);--backdrop-blur-strong: blur(30px) saturate(130%);--shadow-light: 0 2px 8px rgba(0, 0, 0, .06);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .08);--shadow-strong: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-medium: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--border-glass: 1px solid rgba(255, 255, 255, .5);--border-width: 1px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .3s cubic-bezier(.4, 0, .2, 1);--transition-standard: .5s cubic-bezier(.4, 0, .2, 1);--transition-slow: .7s cubic-bezier(.4, 0, .2, 1);--font-size-primary: 13px;--font-size-secondary: 11px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 590;--bg-page: var(--gradient-bg);--bg-card: var(--glass-bg);--border-light: var(--color-separator);--border-active: var(--color-primary-blue);--text-dark: var(--color-text-primary);--text-muted: var(--color-text-secondary);--text-light: var(--color-text-tertiary);--primary: var(--color-text-primary);--primary-hover: rgba(0, 0, 0, .9);--accent-blue: var(--color-primary-blue);--accent-green: var(--color-success-green);--accent-red: var(--color-destructive-red);--color-bg-level-0: transparent;--color-bg-level-1: var(--glass-bg);--color-bg-level-2: rgba(255, 255, 255, .4);--color-bg-level-3: rgba(255, 255, 255, .3)}*{box-sizing:border-box;margin:0;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}html,body,#root{min-height:100vh;background:var(--gradient-bg);background-size:200% 200%;animation:gradientShift 20s ease infinite;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}*{text-transform:none!important}.studio-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg) 80px}.studio-layout{display:grid;grid-template-columns:340px minmax(520px,auto);gap:24px;align-items:start;justify-content:center}@media(min-width:1400px){.studio-layout{grid-template-columns:380px minmax(560px,auto);gap:28px}}@media(max-width:1024px){.studio-container{padding:var(--spacing-sm) var(--spacing-md) 60px}.studio-layout{grid-template-columns:1fr;max-width:600px;margin:0 auto;gap:20px}}@media(max-width:768px){.studio-container{padding:16px 16px 60px}.studio-layout{gap:16px}}@media(max-width:480px){.studio-container{padding:12px 12px 50px}html,body,#root{font-size:14px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary-blue);color:#fff;padding:8px 16px;text-decoration:none;border-radius:0 0 4px;z-index:10000}.skip-link:focus{top:0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px;border-radius:4px}button:focus-visible,.btn-reset-text:focus-visible,.btn-reset-text-small:focus-visible,.btn-reset-compact:focus-visible,.btn-add-caption-line:focus-visible,.btn-save-captions-top:focus-visible,.btn-delete-line:focus-visible,.timeline-btn-icon:focus-visible,.timeline-btn-play:focus-visible,.word-token-chip:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}a:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.switch:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px;box-shadow:0 0 0 4px #007aff1a}.segmented-control-option:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px;z-index:1}@media(prefers-contrast:high){*:focus-visible{outline-width:3px;outline-offset:3px}button,input,select,textarea{border-width:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.player-sticky-wrap:hover,.timeline-btn-icon:hover,.timeline-btn-play:hover{transform:none}}.word-token-chip.is-hero-keyword{border:1px solid var(--color-primary-blue)}@media(max-width:768px){button,input[type=button],input[type=submit],input[type=reset],.word-token-chip,.btn-delete-line,.btn-add-caption-line,.timeline-btn-icon,.timeline-btn-play{min-width:44px;min-height:44px}input[type=range]{min-height:44px;padding:10px 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}a:not([class]){text-decoration:underline;text-decoration-skip-ink:auto}@media(prefers-color-scheme:dark){:root{--color-text-primary: rgba(255, 255, 255, .9);--color-text-secondary: rgba(255, 255, 255, .7);--color-text-tertiary: rgba(255, 255, 255, .5)}}body:not(.using-mouse) *:focus{outline:2px solid var(--color-primary-blue);outline-offset:2px}[aria-busy=true]{cursor:wait}[aria-invalid=true]{border-color:var(--color-destructive-red)!important;outline-color:var(--color-destructive-red)}[aria-live=polite],[aria-live=assertive]{position:relative}.studio-header{background:var(--glass-bg-strong);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:var(--border-glass);border-radius:var(--radius-xl);padding:14px 24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-medium);transition:all var(--transition-standard);position:relative}.studio-header:hover{box-shadow:var(--shadow-strong);transform:translateY(-2px)}.brand-group{display:flex;align-items:center;gap:12px}.brand-icon-wrap{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #667eea66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast)}.brand-icon-wrap:hover{transform:scale(1.05) rotate(-5deg)}.brand-sparkle-icon{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.brand-group h1{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;color:#3c3228!important;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions-group{display:flex;align-items:center;gap:12px}.btn-api-keys{background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);color:#3c3228!important;font-family:var(--font-sans);font-size:12px;font-weight:600;padding:8px 14px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px #00000014;transition:all var(--transition-fast);white-space:nowrap}.btn-api-keys:hover{background:#fffc;border-color:#ffffffb3;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 16px #0000001f}.btn-api-keys:active{transform:translateY(0) scale(.98)}.btn-upload-video{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:1px solid rgba(255,255,255,.4);color:#fff!important;font-family:var(--font-sans);font-size:12.5px;font-weight:700;padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:7px;box-shadow:0 4px 14px #4f46e559;transition:all var(--transition-fast);white-space:nowrap}.btn-upload-video:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #4f46e580}.btn-upload-video:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-upload-video:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-mask-video{background:linear-gradient(135deg,#059669,#0d9488);border:1px solid rgba(255,255,255,.4);color:#fff!important;font-family:var(--font-sans);font-size:12.5px;font-weight:700;padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:7px;box-shadow:0 4px 14px #0d948859;transition:all var(--transition-fast);white-space:nowrap}.btn-mask-video:hover:not(:disabled){background:linear-gradient(135deg,#047857,#0f766e);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #0d948880}.btn-mask-video:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-mask-video:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-export-video{background:linear-gradient(135deg,#c26715,#e0781a);border:1px solid rgba(255,255,255,.4);color:#fff!important;font-family:var(--font-sans);font-size:12.5px;font-weight:700;padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:7px;box-shadow:0 4px 14px #c2671559;transition:all var(--transition-fast);white-space:nowrap}.btn-export-video:hover{background:linear-gradient(135deg,#d3731a,#f08522);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #c2671580}.btn-export-video:active{transform:translateY(0) scale(.98)}.btn-api-keys:focus-visible,.btn-export-video:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.brand-icon-wrap:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}@media(max-width:1024px)and (min-width:769px){.studio-header{padding:12px 20px;margin-bottom:20px}.brand-group h1{font-size:20px}.brand-icon-wrap{width:34px;height:34px}}@media(max-width:768px){.studio-header{padding:12px 18px;margin-bottom:18px;gap:12px;border-radius:16px}.studio-header:hover{transform:none}.brand-group{gap:10px;flex:1;min-width:0}.brand-icon-wrap{width:32px;height:32px;border-radius:8px;flex-shrink:0}.brand-icon-wrap:hover{transform:scale(1.05)}.brand-group h1{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions-group{gap:8px;flex-shrink:0}.btn-api-keys{padding:10px 12px;font-size:11px;min-height:44px;min-width:44px}.btn-api-keys span{display:none}}@media(max-width:480px){.studio-header{padding:10px 16px;margin-bottom:16px;border-radius:14px}.brand-group h1{font-size:16px}.brand-icon-wrap{width:30px;height:30px}.btn-api-keys{padding:8px 10px;font-size:10px}}.studio-header:focus-within{box-shadow:var(--shadow-strong)}@media(prefers-reduced-motion:reduce){.studio-header:hover,.brand-icon-wrap:hover,.btn-api-keys:hover{transform:none}}.player-column{position:sticky;top:24px}.player-sticky-wrap{display:flex;flex-direction:column;background:var(--glass-bg-strong);backdrop-filter:var(--backdrop-blur-strong);-webkit-backdrop-filter:var(--backdrop-blur-strong);border:var(--border-glass);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-strong);max-width:380px;transition:all var(--transition-standard)}.player-sticky-wrap:hover{transform:translateY(-4px);box-shadow:0 16px 64px #1f26874d}.player-viewport{position:relative;width:100%;aspect-ratio:9 / 16;background:#000;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;transform:translateZ(0);will-change:transform;backface-visibility:hidden;perspective:1000px;contain:layout paint}.player-viewport video{transform:translateZ(0);will-change:transform;backface-visibility:hidden;image-rendering:-webkit-optimize-contrast}.player-canvas-header{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:var(--glass-bg-strong);backdrop-filter:var(--backdrop-blur-strong);-webkit-backdrop-filter:var(--backdrop-blur-strong);border-bottom:1px solid var(--color-separator)}.canvas-pill-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(180,160,140,.5);border-radius:20px;color:#3c3228!important;font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:pointer;outline:none!important;transition:all var(--transition-fast);white-space:nowrap;line-height:1;box-shadow:0 1px 3px #64503c14,inset 0 1px #ffffffe6}.canvas-pill-btn:focus,.canvas-pill-btn:focus-visible{outline:none!important}.canvas-pill-btn svg{color:#64554a}.canvas-pill-btn:hover{background:#fff;border-color:#a08264b3;color:#1e150d!important;transform:translateY(-1px);box-shadow:0 4px 12px #64503c1f,inset 0 1px #fff}.canvas-pill-btn:active{transform:translateY(0) scale(.98)}.canvas-pill-btn-active{background:#fff!important;border:1.5px solid #c26715!important;color:#1e150d!important;font-weight:700;outline:none!important;box-shadow:0 3px 12px #c2671533,0 1px 3px #64503c14,inset 0 1px 2px #fff}.canvas-pill-btn-active svg{color:#c26715!important;filter:drop-shadow(0 1px 2px rgba(194,103,21,.35))}.canvas-mockup-wrap{display:flex;align-items:center;gap:5px;padding:4px 10px 4px 8px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(180,160,140,.5);border-radius:20px;box-shadow:0 1px 3px #64503c14}.mockup-icon{color:#c26715;flex-shrink:0}.canvas-pill-select{background:transparent;border:none;color:#3c3228;font-size:11.5px;font-weight:700;font-family:var(--font-sans);cursor:pointer;outline:none;padding:2px 0}.canvas-pill-select option{background:#fff;color:#1e150d;font-size:13px;padding:4px 8px}.canvas-pill-btn-active:hover{background:#fff!important;border-color:#a0500d!important;color:#000!important;box-shadow:0 5px 16px #c2671540,inset 0 1px 2px #fff}@media(max-width:768px){.player-canvas-header{padding:8px 12px;gap:6px}.canvas-pill-btn{padding:6px 8px;font-size:11px;gap:5px}}@media(max-width:480px){.player-canvas-header{flex-wrap:wrap;padding:8px}.canvas-pill-btn{flex:1;justify-content:center;min-width:calc(33.33% - 4px)}}.editor-grid-overlay{position:absolute;inset:0;pointer-events:none;z-index:40}.grid-center-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fffffff2;box-shadow:0 0 8px #000c,0 0 2px #ffffff80;transform:translate(-1px)}.grid-center-line-h{position:absolute;top:50%;left:0;right:0;height:2px;background:#ffffffd9;box-shadow:0 0 8px #000c,0 0 2px #ffffff80;transform:translateY(-1px)}.grid-third-v-1{position:absolute;left:33.33%;top:0;bottom:0;width:1px;background:#ffffff80;box-shadow:0 0 4px #0009}.grid-third-v-2{position:absolute;left:66.66%;top:0;bottom:0;width:1px;background:#ffffff80;box-shadow:0 0 4px #0009}.grid-third-h-1{position:absolute;top:33.33%;left:0;right:0;height:1px;background:#ffffff80;box-shadow:0 0 4px #0009}.grid-third-h-2{position:absolute;top:66.66%;left:0;right:0;height:1px;background:#ffffff80;box-shadow:0 0 4px #0009}.grid-safe-area{position:absolute;inset:10% 8% 15%;border:2px dashed rgba(255,255,255,.7);border-radius:8px;box-shadow:0 0 12px #0009,inset 0 0 20px #00000026}.player-timeline-bar{background:#fff;border-top:1px solid #f1f5f9;padding:8px 12px 10px;display:flex;flex-direction:column;gap:6px}.timeline-scrubber-wrap{position:relative;width:100%;height:14px;display:flex;align-items:center}.timeline-range-slider{position:relative;z-index:2;width:100%;height:4px;-webkit-appearance:none;background:#e2e8f0;border-radius:3px;outline:none;cursor:pointer}.timeline-range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#2563eb;border:2px solid #ffffff;box-shadow:0 1px 3px #0000004d;cursor:pointer;transition:transform .1s ease}.timeline-range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.timeline-progress-fill{position:absolute;left:0;height:4px;background:#2563eb;border-radius:3px;pointer-events:none;z-index:1}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px}.timeline-btns-left{display:flex;align-items:center;gap:4px}.timeline-btn-icon{background:#f8fafc;border:1px solid var(--border-light);color:#475569;font-size:10px;font-weight:600;padding:3px 6px;border-radius:5px;cursor:pointer;display:inline-flex;align-items:center;gap:3px;transition:all .15s ease}.timeline-btn-icon:hover{background:#f1f5f9;color:var(--text-dark)}.timeline-btn-play{background:#0f172a;color:#fff;border:none;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #0f172a33}.timeline-btn-play:hover{background:#1e293b;transform:scale(1.05)}.timeline-time-display{display:flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:10px;font-weight:600;color:#475569}.time-current{color:var(--text-dark);font-weight:700}.time-sep{color:#94a3b8}.time-total{color:#64748b}.frame-badge{font-size:8px;font-weight:700;background:#f1f5f9;color:#64748b;padding:2px 4px;border-radius:3px;margin-left:3px}@media(max-width:1024px){.player-column{position:static;max-width:420px;margin:0 auto 24px}}@media(max-width:1024px)and (min-width:769px){.player-sticky-wrap{max-width:400px}.player-timeline-bar{padding:12px 18px 14px}}@media(max-width:768px){.player-column{max-width:100%;margin-bottom:20px}.player-sticky-wrap{max-width:100%;border-radius:16px}.player-sticky-wrap:hover{transform:none}.player-viewport{border-radius:16px 16px 0 0}.player-timeline-bar{padding:12px 16px 14px;gap:10px}.timeline-scrubber-wrap{height:20px}.timeline-range-slider{height:8px}.timeline-range-slider::-webkit-slider-thumb{width:20px;height:20px}.timeline-range-slider::-moz-range-thumb{width:20px;height:20px}.timeline-progress-fill{height:8px}.timeline-toolbar{flex-wrap:wrap;gap:10px}.timeline-btns-left{gap:8px}.timeline-btn-icon{font-size:12px;padding:6px 10px;min-height:36px;min-width:44px}.timeline-btn-play{width:36px;height:36px;min-width:36px;min-height:36px}.timeline-time-display{font-size:12px;gap:6px}.frame-badge{font-size:10px;padding:3px 6px}}@media(max-width:480px){.player-sticky-wrap{border-radius:12px}.player-viewport{border-radius:12px 12px 0 0}.player-timeline-bar{padding:10px 14px 12px}.timeline-toolbar{gap:8px}.timeline-time-display{font-size:11px;flex-wrap:wrap}.frame-badge{display:none}.timeline-btns-left{flex-wrap:wrap}}.timeline-range-slider:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:4px}.timeline-btn-icon:focus-visible,.timeline-btn-play:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.player-viewport:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:-2px}@media(max-width:768px){.grid-center-line,.grid-center-line-h{background:#ffffffe6;box-shadow:0 0 10px #000000e6,0 0 3px #fff9}.grid-third-v-1,.grid-third-v-2,.grid-third-h-1,.grid-third-h-2{background:#fff9;box-shadow:0 0 6px #000000b3}.grid-safe-area{border-width:3px}}.timeline-range-slider{cursor:pointer}.timeline-range-slider:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.timeline-btn-icon:active,.timeline-btn-play:active{transform:scale(.95)}}.preset-selector-column{display:flex;flex-direction:column;min-width:0;gap:24px}.studio-controls-panel{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:var(--border-glass);border-radius:14px;padding:20px 24px;margin-bottom:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-medium);transition:all var(--transition-standard);width:fit-content;min-width:100%}.studio-controls-panel:hover{background:var(--glass-bg-strong);box-shadow:var(--shadow-strong)}.panel-title{font-size:15px;font-weight:600;color:#3c3228!important;margin:0 0 4px;letter-spacing:-.01em}.section-group{display:flex;flex-direction:column;gap:0;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;border:none;transition:none}.section-group:hover{background:transparent;transform:none}.section-group-title{font-size:11px;font-weight:600;color:#3c3228!important;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-left:4px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px;padding:8px 12px;border-radius:8px;transition:background var(--transition-fast)}.control-row:hover{background:#ffffff4d}.control-row-label{font-size:14px;color:#3c3228!important;flex-shrink:0;font-weight:400;line-height:1.4}.control-row-value{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.separator{height:1px;background:#fff3;margin:8px 0}.position-mode-section{display:flex;flex-direction:column;gap:8px;padding:8px 12px}.section-label{font-size:11px;font-weight:600;color:#3c3228!important;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.switches-group{display:flex;flex-direction:column;gap:0}.grid-opacity-control{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}.compact-slider{display:flex;align-items:center;gap:10px;width:100%;max-width:100%}.compact-slider input[type=range]{flex:1;min-width:120px;height:5px;-webkit-appearance:none;appearance:none;background:#7864502e;border-radius:3px;outline:none;cursor:pointer}.compact-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid rgba(120,100,80,.25);box-shadow:0 2px 6px #503c2826;cursor:pointer;transition:transform var(--transition-fast)}.compact-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #503c2833}.compact-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid rgba(120,100,80,.25);box-shadow:0 2px 6px #503c2826;cursor:pointer;transition:transform var(--transition-fast)}.compact-slider input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #503c2833}.compact-slider-value{font-family:var(--font-mono);font-size:13px;color:#3c3228!important;min-width:55px;text-align:right;font-weight:600}.btn-reset-compact{width:100%;padding:6px 12px;margin-top:4px;border:none;background:transparent;color:var(--color-primary-blue);font-size:12px;font-weight:500;cursor:pointer;text-align:center;border-radius:6px;transition:background var(--transition-fast)}.btn-reset-compact:hover{background:#ffffff4d}.caption-position-controls{display:flex;flex-direction:column;gap:20px;padding-top:8px}.slider-group{display:flex;flex-direction:column;gap:12px}.slider-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.slider-title{font-size:14px;font-weight:500;color:#3c3228!important}.slider-output-value{font-family:var(--font-mono);font-size:13px;font-weight:600;color:#64748b!important}.caption-position-controls input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#c2671540;border-radius:3px;outline:none!important;cursor:pointer;margin-top:0;accent-color:#c26715;transition:all var(--transition-fast)}.caption-position-controls input[type=range]:hover{background:#c2671561}.caption-position-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #c26715;box-shadow:0 2px 6px #c267154d,0 1px 3px #64503c26;cursor:pointer;outline:none!important;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.caption-position-controls input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #c2671573}.caption-position-controls input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #c26715;box-shadow:0 2px 6px #c267154d,0 1px 3px #64503c26;cursor:pointer;outline:none!important;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.caption-position-controls input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #c2671573}.btn-reset-text{align-self:center;padding:8px 16px;background:transparent;border:none;color:var(--color-primary-blue);font-size:var(--font-size-primary);font-weight:var(--font-weight-regular);cursor:pointer;transition:opacity var(--transition-fast);font-family:var(--font-sans)}.btn-reset-text:hover{opacity:.7}.btn-reset-text:active{transform:scale(.97)}.split-position-controls{display:flex;flex-direction:column;gap:12px;padding-top:12px}.split-control-block{background:var(--color-bg-level-2);border:var(--border-standard);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.split-block-header{display:flex;align-items:center;justify-content:space-between}.split-block-title{font-size:var(--font-size-primary);font-weight:var(--font-weight-semibold);color:#3c3228!important}.btn-reset-text-small{padding:4px 12px;background:transparent;border:none;color:var(--color-primary-blue);font-size:var(--font-size-secondary);font-weight:var(--font-weight-regular);cursor:pointer;transition:opacity var(--transition-fast);font-family:var(--font-sans)}.btn-reset-text-small:hover{opacity:.7}.split-sliders{display:flex;flex-direction:column;gap:20px;padding-top:8px}.slider-group-small{display:flex;flex-direction:column;gap:12px}.slider-title-small{font-size:14px;font-weight:500;color:#3c3228!important}.slider-output-value-small{font-family:var(--font-mono);font-size:13px;font-weight:600;color:#64748b!important}.slider-group-small input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#c2671540;border-radius:3px;outline:none!important;cursor:pointer;margin-top:0;accent-color:#c26715;transition:all var(--transition-fast)}.slider-group-small input[type=range]:hover{background:#c2671561}.slider-group-small input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #c26715;box-shadow:0 2px 6px #c267154d,0 1px 2px #64503c26;cursor:pointer;outline:none!important;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.slider-group-small input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #c2671573}.slider-group-small input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #c26715;box-shadow:0 2px 6px #c267154d,0 1px 2px #64503c26;cursor:pointer;outline:none!important;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.slider-group-small input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #c2671573}.slider-group-small input[type=range]::-moz-range-thumb:hover{transform:scale(1.1)}@media(max-width:1024px){.caption-position-controls,.split-position-controls{grid-template-columns:1fr}}@media(max-width:1024px)and (min-width:769px){.studio-controls-panel{padding:18px 20px}.panel-title{font-size:14px}}@media(max-width:768px){.preset-selector-column{gap:16px}.studio-controls-panel{padding:16px 18px;gap:14px}.panel-title{font-size:14px;margin-bottom:6px}.switches-group{gap:4px}.btn-reset-text,.btn-reset-text-small,.btn-reset-compact{min-height:44px;padding:12px 16px;font-size:14px}.caption-position-controls input[type=range],.slider-group-small input[type=range],.apple-slider,.compact-slider input[type=range]{height:6px;cursor:pointer;touch-action:none}.caption-position-controls input[type=range]::-webkit-slider-thumb,.slider-group-small input[type=range]::-webkit-slider-thumb,.apple-slider::-webkit-slider-thumb{width:28px;height:28px}.caption-position-controls input[type=range]::-moz-range-thumb,.slider-group-small input[type=range]::-moz-range-thumb,.apple-slider::-moz-range-thumb{width:28px;height:28px}.compact-slider input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.compact-slider input[type=range]::-moz-range-thumb{width:24px;height:24px}.slider-title,.slider-title-small{font-size:13px}.slider-output-value,.slider-output-value-small{font-size:12px}.control-row{min-height:48px;padding:10px 12px}.control-row-label{font-size:13px}}@media(max-width:480px){.studio-controls-panel{padding:14px 16px;gap:12px;border-radius:12px}.panel-title{font-size:13px}.caption-position-controls{gap:16px}.slider-group,.slider-group-small{gap:10px}.split-block-header{flex-direction:column;align-items:flex-start;gap:8px}.btn-reset-text-small{align-self:flex-start}.compact-slider{flex-wrap:wrap;gap:8px}.compact-slider-value{width:100%;text-align:left}}.btn-reset-text:focus-visible,.btn-reset-text-small:focus-visible,.btn-reset-compact:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}input[type=range]:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:4px}.studio-controls-panel:has(input:disabled),.studio-controls-panel:has(button:disabled){opacity:.6}button:disabled{cursor:not-allowed;opacity:.5}.studio-inspector-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.inspector-card{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:var(--border-glass);border-radius:14px;padding:20px 24px;box-shadow:var(--shadow-medium);transition:all var(--transition-standard);display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;box-sizing:border-box}.inspector-card:hover{background:var(--glass-bg-strong);box-shadow:var(--shadow-strong)}.section-heading{font-size:var(--font-size-primary);font-weight:var(--font-weight-semibold);color:#3c3228!important;margin:0 0 8px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:var(--font-size-secondary);font-weight:var(--font-weight-regular);color:#3c3228!important}.font-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.font-header-row label{margin:0;font-weight:600;color:#3c3228}.font-search-box{display:flex;align-items:center;gap:6px;background:#ffffffb3;border:1px solid rgba(194,103,21,.22);border-radius:8px;padding:3px 8px;width:145px;transition:all .18s ease}.font-search-box:focus-within{background:#fffffffa;border-color:#c26715;box-shadow:0 0 0 2px #c267151f;width:170px}.font-search-icon{color:#64554699;flex-shrink:0}.font-search-input{border:none;background:transparent;outline:none!important;font-size:12px;color:#3c3228;width:100%;padding:0}.font-search-input::placeholder{color:#7864558c}.font-search-clear-btn{border:none;background:#c2671526;color:#c26715;border-radius:50%;width:15px;height:15px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;outline:none!important;transition:background .15s ease}.font-search-clear-btn:hover{background:#c267154d}.font-no-results{grid-column:1 / -1;text-align:center;padding:24px 12px;font-size:13px;color:#786455b3}.font-visual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:520px;overflow-y:auto;padding:4px 2px}.font-visual-grid::-webkit-scrollbar{width:4px}.font-visual-grid::-webkit-scrollbar-thumb{background:#c2671547;border-radius:4px}.font-card-item{display:flex;align-items:center;justify-content:center;padding:10px 12px;background:var(--color-bg-level-2);border:1px solid rgba(120,100,80,.18);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none!important;text-align:center;color:#3c3228;min-height:46px}.font-card-item:hover{background:var(--color-bg-level-3);border-color:#c2671566;transform:translateY(-1px)}.font-card-item.selected{background:#fff;border-color:#c26715;box-shadow:0 0 0 2px #c267154d,0 2px 8px #00000014}.font-preview-text{font-size:15px;font-weight:700;color:#3c3228;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.font-card-item.selected .font-preview-text{color:#c26715}.apple-dropdown{width:100%;padding:8px 12px;border:var(--border-standard);border-radius:var(--radius-md);background:var(--color-bg-level-1);font-family:var(--font-sans);font-size:var(--font-size-primary);font-weight:var(--font-weight-regular);color:#3c3228!important;cursor:pointer;transition:border-color var(--transition-fast);outline:none}.apple-dropdown:hover{border-color:#64554a}.apple-dropdown:focus{border-color:#c26715;box-shadow:0 0 0 3px #c2671526}.apple-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#c2671540;border-radius:3px;outline:none!important;cursor:pointer;accent-color:#c26715;transition:all var(--transition-fast)}.apple-slider:hover{background:#c2671561}.apple-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #c26715;box-shadow:0 2px 6px #c267154d,0 1px 3px #64503c26;cursor:pointer;outline:none!important;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.apple-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #c2671573}.apple-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #c26715;box-shadow:0 2px 6px #c267154d,0 1px 3px #64503c26;cursor:pointer;outline:none!important;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.apple-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #c2671573}.slider-header-row{display:flex;align-items:center;justify-content:space-between}.slider-output-value{font-family:var(--font-mono);font-size:var(--font-size-secondary);font-weight:var(--font-weight-medium);color:#3c3228!important}.color-inputs-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.color-input-group{display:flex;flex-direction:column;gap:6px}.color-input-group label{font-size:var(--font-size-secondary);font-weight:var(--font-weight-regular);color:#3c3228!important}.color-input-wrap{display:flex;align-items:center;gap:8px;background:var(--color-bg-level-2);border:var(--border-standard);border-radius:var(--radius-md);padding:5px 8px}.color-input-wrap input[type=color]{-webkit-appearance:none;border:none;width:26px;height:26px;border-radius:6px;cursor:pointer;background:transparent}.color-input-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-wrap input[type=color]::-webkit-color-swatch{border:1px solid rgba(0,0,0,.1);border-radius:6px}.color-hex{font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-medium);color:#3c3228!important}.color-hex-input{font-family:var(--font-mono);font-size:11px;font-weight:600;color:#3c3228;background:transparent;border:none;outline:none!important;width:100%;padding:2px 4px;text-transform:uppercase}.color-hex-input::placeholder{color:#64554666}.color-hex-input:focus{background:#ffffffb3;border-radius:4px}.color-swatches-row{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;width:100%;max-width:100%;box-sizing:border-box;margin-top:5px}.swatch-circle{width:100%;aspect-ratio:1;max-width:22px;max-height:22px;justify-self:center;border-radius:50%;border:1.5px solid rgba(0,0,0,.18);cursor:pointer;padding:0;outline:none!important;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s ease;box-shadow:0 1px 3px #0000001f}.swatch-circle:hover{transform:scale(1.22);box-shadow:0 2px 6px #00000038}.swatch-circle.active{transform:scale(1.15);border:2px solid #c26715;box-shadow:0 0 0 2px #c2671559}.gradient-palette-group{margin-top:10px;display:flex;flex-direction:column;gap:5px}.palette-section-title{font-size:11px;font-weight:600;color:#645546bf;text-transform:uppercase;letter-spacing:.5px}.gradient-swatch{border:1px solid rgba(255,255,255,.6);box-shadow:0 1px 4px #00000026}.outline-group{margin-top:8px;padding-top:12px;border-top:1px solid rgba(194,103,21,.12)}.outline-header-row{display:flex;align-items:center;justify-content:space-between}.outline-header-row label{font-size:var(--font-size-secondary);font-weight:var(--font-weight-regular);color:#3c3228!important;margin:0}.outline-width-badge{font-family:var(--font-mono);font-size:11px;font-weight:600;color:#c26715;background:#c267151f;padding:2px 7px;border-radius:6px}.color-slider-row{margin-top:10px;display:flex;flex-direction:column;gap:6px}.slider-label-row{display:flex;align-items:center;justify-content:space-between}.slider-label-row label{font-size:var(--font-size-secondary);font-weight:var(--font-weight-regular);color:#3c3228!important;margin:0}.slider-val-badge{font-family:var(--font-mono);font-size:11px;font-weight:600;color:#c26715;background:#c267151f;padding:2px 7px;border-radius:6px}.caption-text-input{width:100%;padding:8px 12px;background:var(--color-bg-level-2);border:var(--border-standard);border-radius:var(--radius-md);font-size:var(--font-size-primary);font-weight:var(--font-weight-regular);color:#3c3228!important;outline:none;transition:all var(--transition-fast)}.caption-text-input:focus{border-color:var(--color-primary-blue);background:var(--color-bg-level-1);box-shadow:0 0 0 2px #007aff26}@media(max-width:768px){.color-inputs-row{grid-template-columns:1fr}}@media(max-width:1024px)and (min-width:769px){.studio-inspector-container{gap:18px}.inspector-card{padding:18px 20px}}@media(max-width:768px){.studio-inspector-container{gap:14px}.inspector-card{padding:16px 18px;gap:12px;border-radius:14px}.section-heading{font-size:14px;margin-bottom:10px}.control-group{gap:10px}.control-group label{font-size:12px}.apple-dropdown{padding:10px 12px;font-size:14px;min-height:44px}.apple-slider{height:6px;touch-action:none}.apple-slider::-webkit-slider-thumb{width:28px;height:28px}.apple-slider::-moz-range-thumb{width:28px;height:28px}.slider-header-row{margin-bottom:4px}.slider-output-value{font-size:12px}.color-inputs-row{grid-template-columns:1fr;gap:12px}.color-input-group{gap:8px}.color-input-group label{font-size:12px}.color-input-wrap{padding:8px 10px;min-height:44px}.color-input-wrap input[type=color]{width:32px;height:32px}.color-hex{font-size:12px}.caption-text-input{padding:10px 12px;font-size:14px;min-height:44px}}@media(max-width:480px){.studio-inspector-container{gap:12px}.inspector-card{padding:14px 16px;gap:10px;border-radius:12px}.section-heading{font-size:13px}.control-group label{font-size:11px}.apple-dropdown{font-size:13px;padding:10px}.color-inputs-row{gap:10px}.color-input-wrap{flex-direction:column;align-items:flex-start;gap:6px}.color-hex{font-size:11px}}.apple-dropdown:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px;box-shadow:0 0 0 3px #007aff1a}.apple-slider:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:4px}.color-input-wrap input[type=color]:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.color-input-wrap input[type=color]{cursor:pointer;transition:transform .15s ease}.color-input-wrap input[type=color]:hover{transform:scale(1.1)}.color-input-wrap input[type=color]:active{transform:scale(.95)}.apple-dropdown:disabled,.apple-slider:disabled,.caption-text-input:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.apple-dropdown:active{transform:scale(.98)}.color-input-wrap:active{background:var(--color-bg-level-3)}}.effect-chips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;width:100%;box-sizing:border-box}.effect-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--color-bg-level-2);border:1px solid rgba(120,100,80,.18);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:left;outline:none!important}.effect-chip:hover{background:var(--color-bg-level-3);border-color:#c2671566;transform:translateY(-1px)}.effect-chip.selected{background:#fff;border-color:#c26715;box-shadow:0 0 0 2px #c267154d,0 2px 8px #00000014}.effect-preview-badge{font-family:var(--font-sans);font-size:13px;font-weight:800;color:#1e293b;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.effect-chip-label{font-size:12px;font-weight:600;color:#3c3228;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gradient-chips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;width:100%;box-sizing:border-box}.gradient-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--color-bg-level-2);border:1px solid rgba(120,100,80,.18);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:left;outline:none!important}.gradient-chip:hover{background:var(--color-bg-level-3);border-color:#c2671566;transform:translateY(-1px)}.gradient-chip.selected{background:#fff;border-color:#c26715;box-shadow:0 0 0 2px #c267154d,0 2px 8px #00000014}.gradient-preview-badge{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-sans);font-size:11px;font-weight:900;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.7);box-shadow:inset 0 0 0 1px #0000001f,0 2px 5px #0000001a;line-height:1}.gradient-chip-label{font-size:12px;font-weight:600;color:#3c3228;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.animation-chips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;width:100%;box-sizing:border-box}.anim-chip{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:8px 12px;background:var(--color-bg-level-2);border:1px solid rgba(120,100,80,.18);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:left;outline:none!important}.anim-chip:hover{background:var(--color-bg-level-3);border-color:#c2671566;transform:translateY(-1px)}.anim-chip.selected{background:#fff;border-color:#c26715;box-shadow:0 0 0 2px #c267154d,0 2px 8px #00000014}.anim-chip-top{display:flex;align-items:center;gap:8px;width:100%}.anim-preview-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;border-radius:6px;background:#c267151a;border:1px solid rgba(194,103,21,.25);overflow:hidden;position:relative}.anim-chip.selected .anim-preview-badge{background:#c26715;border-color:#c26715}.anim-preview-text{font-size:11px;font-weight:800;color:#c26715;display:inline-block;transform-origin:center center;transition:color .2s ease}.anim-chip.selected .anim-preview-text{color:#fff}.anim-chip-name{font-size:12px;font-weight:700;color:#3c3228;flex:1}.anim-chip-desc{font-size:10.5px;font-weight:400;color:#3c3228a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.anim-preview-badge[data-anim=pop] .anim-preview-text,.template-preview-text[data-anim=pop]{animation:animPopPreview 1.1s cubic-bezier(.175,.885,.32,1.275) infinite}@keyframes animPopPreview{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.22);opacity:1}}.anim-preview-badge[data-anim=magnetic-snap] .anim-preview-text,.template-preview-text[data-anim=magnetic-snap]{animation:animSnapPreview 1.2s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes animSnapPreview{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.18) rotate(4deg)}}.anim-preview-badge[data-anim=bounce] .anim-preview-text,.template-preview-text[data-anim=bounce]{animation:animBouncePreview 1.1s ease-in-out infinite}@keyframes animBouncePreview{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-8px) scale(1.12)}65%{transform:translateY(2px) scale(.95)}}.anim-preview-badge[data-anim=stomp] .anim-preview-text,.template-preview-text[data-anim=stomp]{animation:animStompPreview 1.2s cubic-bezier(.1,.9,.2,1) infinite}@keyframes animStompPreview{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-9px) scale(1.18)}}.anim-preview-badge[data-anim=flip-3d] .anim-preview-text,.template-preview-text[data-anim=flip-3d]{animation:animFlip3dPreview 1.4s ease-in-out infinite}@keyframes animFlip3dPreview{0%,to{transform:perspective(100px) rotateX(0)}50%{transform:perspective(100px) rotateX(45deg)}}.anim-preview-badge[data-anim=drop-sky] .anim-preview-text,.template-preview-text[data-anim=drop-sky]{animation:animDropSkyPreview 1.3s cubic-bezier(.175,.885,.32,1.275) infinite}@keyframes animDropSkyPreview{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-10px) scale(.88)}}.anim-preview-badge[data-anim=shrink-snap] .anim-preview-text,.template-preview-text[data-anim=shrink-snap]{animation:animShrinkSnapPreview 1.2s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes animShrinkSnapPreview{0%,to{transform:scale(1)}50%{transform:scale(1.24)}}.anim-preview-badge[data-anim=wave-ripple] .anim-preview-text,.template-preview-text[data-anim=wave-ripple]{animation:animWaveRipplePreview 1.4s ease-in-out infinite}@keyframes animWaveRipplePreview{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-5px) rotate(5deg) scale(1.08)}70%{transform:translateY(4px) rotate(-5deg) scale(.96)}}.anim-preview-badge[data-anim=rgb-split] .anim-preview-text,.template-preview-text[data-anim=rgb-split]{animation:animRgbSplitPreview .9s ease-in-out infinite}@keyframes animRgbSplitPreview{0%,to{text-shadow:none;transform:translate(0)}50%{text-shadow:2px 0 0 #ff0055,-2px 0 0 #00e5ff;transform:translate(-1px)}}.anim-preview-badge[data-anim=glitch] .anim-preview-text,.template-preview-text[data-anim=glitch]{animation:animGlitchPreview .8s steps(2) infinite}@keyframes animGlitchPreview{0%,to{transform:translate(0) skew(0)}50%{transform:translate(2px,-1px) skew(-4deg)}}.anim-preview-badge[data-anim=liquid-morph] .anim-preview-text,.template-preview-text[data-anim=liquid-morph]{animation:animLiquidMorphPreview 1.4s ease-in-out infinite}@keyframes animLiquidMorphPreview{0%,to{transform:scale(1)}50%{transform:scale(1.12,.92)}}.anim-preview-badge[data-anim=slide-up] .anim-preview-text,.template-preview-text[data-anim=slide-up]{animation:animSlideUpPreview 1.2s ease-in-out infinite alternate}@keyframes animSlideUpPreview{0%{transform:translateY(4px);opacity:.7}to{transform:translateY(-4px);opacity:1}}.anim-preview-badge[data-anim=slide-left] .anim-preview-text,.template-preview-text[data-anim=slide-left]{animation:animSlideLeftPreview 1.2s ease-in-out infinite alternate}@keyframes animSlideLeftPreview{0%{transform:translate(-5px);opacity:.75}to{transform:translate(5px);opacity:1}}.anim-preview-badge[data-anim=slide-right] .anim-preview-text,.template-preview-text[data-anim=slide-right]{animation:animSlideRightPreview 1.2s ease-in-out infinite alternate}@keyframes animSlideRightPreview{0%{transform:translate(5px);opacity:.75}to{transform:translate(-5px);opacity:1}}.anim-preview-badge[data-anim=zoom] .anim-preview-text,.template-preview-text[data-anim=zoom]{animation:animZoomPreview 1.3s cubic-bezier(.1,.9,.2,1) infinite}@keyframes animZoomPreview{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.anim-preview-badge[data-anim=soft] .anim-preview-text,.template-preview-text[data-anim=soft]{animation:animSoftPreview 1.5s ease-in-out infinite alternate}@keyframes animSoftPreview{0%{transform:translateY(3px);opacity:.65}to{transform:translateY(-3px);opacity:1}}.anim-preview-badge[data-anim=wobble] .anim-preview-text,.template-preview-text[data-anim=wobble]{animation:animWobblePreview 1.3s ease-in-out infinite}@keyframes animWobblePreview{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg) scale(1.06)}75%{transform:rotate(8deg) scale(1.06)}}.anim-preview-badge[data-anim=typewriter] .anim-preview-text,.template-preview-text[data-anim=typewriter]{animation:animTypewriterPreview 1.4s steps(3) infinite}@keyframes animTypewriterPreview{0%{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.card-header-with-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.motion-blur-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label-text{font-size:12px;font-weight:600;color:#3c3228d9;letter-spacing:-.01em}.motion-blur-checkbox{position:absolute;opacity:0;width:0;height:0}.motion-blur-switch{position:relative;display:inline-block;width:36px;height:20px;background-color:#78645040;border-radius:20px;transition:all .25s cubic-bezier(.16,1,.3,1)}.motion-blur-switch:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:all .25s cubic-bezier(.16,1,.3,1)}.motion-blur-checkbox:checked+.motion-blur-switch{background-color:#c26715}.motion-blur-checkbox:checked+.motion-blur-switch:before{transform:translate(16px)}.template-categories-row{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 8px;margin-bottom:8px;scrollbar-width:none}.template-categories-row::-webkit-scrollbar{display:none}.template-category-pill{padding:5px 12px;font-size:11px;font-weight:600;border-radius:20px;border:1px solid rgba(120,100,80,.2);background:#fff;color:#4a3b32!important;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.template-category-pill:hover{border-color:#c26715;color:#c26715!important;background:#c267150f}.template-category-pill.active{background:#c26715!important;border-color:#c26715!important;color:#fff!important;box-shadow:0 2px 6px #c2671559}.templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px}.template-card-item{display:flex;flex-direction:column;background:var(--bg-card, #ffffff);border:1.5px solid rgba(120,100,80,.15);border-radius:10px;overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px #0000000a;position:relative}.template-card-item:hover{border-color:#c2671580;transform:translateY(-2px);box-shadow:0 6px 14px #00000014}.template-card-item.selected{border-color:#c26715;box-shadow:0 0 0 2px #c2671540,0 4px 12px #c2671526}.template-preview-banner{height:58px;background:radial-gradient(circle at center,#1a1e27,#0c0f16);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(120,100,80,.1)}.template-preview-text{font-size:26px;font-weight:900;line-height:1;padding:4px 12px;border-radius:6px}.template-selected-badge{position:absolute;top:6px;right:6px;background:#c26715;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}.template-card-info{padding:8px 10px;display:flex;flex-direction:column;gap:3px;background:#ffffffe6}.template-card-header-row{display:flex;align-items:center;justify-content:space-between;gap:4px}.template-card-name{font-size:12px;font-weight:700;color:var(--text-primary, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card-tag{font-size:9px;font-weight:700;color:#c26715;background:#c267151f;padding:1px 5px;border-radius:4px;white-space:nowrap}.template-card-creator{font-size:10px;color:var(--text-muted, #64748b);font-weight:500}.template-save-btn{display:flex;align-items:center;gap:5px;background:#c26715;color:#fff;border:none;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #c2671540}.template-save-btn:hover{background:#a8550f;transform:translateY(-1px)}.template-save-form{background:#c2671514;border:1px solid rgba(194,103,21,.25);border-radius:8px;padding:8px 10px;margin-top:8px;animation:fadeIn .2s ease-out}.template-save-input-row{display:flex;gap:6px;align-items:center}.template-save-submit-btn{background:#c26715;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.template-save-submit-btn:disabled{opacity:.5;cursor:not-allowed}.template-save-cancel-btn{background:transparent;color:var(--text-secondary);border:1px solid rgba(120,100,80,.2);border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap}.template-delete-btn{position:absolute;bottom:6px;right:6px;background:#dc2626d9;color:#fff;width:22px;height:22px;border-radius:4px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.85;transition:all .2s ease;z-index:2}.template-delete-btn:hover{background:#dc2626;transform:scale(1.1);opacity:1}.caption-editor-panel{display:flex;flex-direction:column;gap:12px;position:relative}.transcript-meta-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.transcript-stats{display:flex;align-items:center;gap:6px}.stats-badge{font-size:11.5px;font-weight:700;color:#887462;background:var(--color-bg-level-2);border:1px solid rgba(120,100,80,.16);padding:4px 8px;border-radius:6px}.transcript-document-canvas{background:#ffffffd9;border:1px solid rgba(120,100,80,.18);border-radius:12px;padding:16px 18px;box-shadow:0 2px 10px #0000000a;max-height:480px;overflow-y:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.transcript-document-canvas::-webkit-scrollbar{width:5px}.transcript-document-canvas::-webkit-scrollbar-thumb{background:#c267154d;border-radius:6px}.transcript-continuous-flow{font-size:15px;line-height:1.8;color:#3c3228;font-family:var(--font-sans);margin:0 0 16px}.transcript-sentence-node{display:inline;padding:2px 4px;margin:0 2px;border-radius:6px;cursor:pointer;transition:all .15s ease}.transcript-sentence-node:hover{background:#c267151f;color:#c26715}.transcript-sentence-node.is-playing-node{background:#c2671533;box-shadow:0 0 0 2px #c267154d}.transcript-sentence-node.is-selected-node{background:#fff;box-shadow:0 0 0 2px #c26715,0 2px 8px #c267152e;color:#3c3228}.doc-word-span{display:inline-block;padding:1px 3px;margin:0 1px;border-radius:4px;transition:all .12s ease}.doc-word-clickable{cursor:pointer}.doc-word-clickable:hover{background:#c2671533;color:#c26715}.doc-hero-word{background:#ffe500!important;color:#000!important;font-weight:800;padding:1px 6px;border-radius:4px;box-shadow:0 1px 3px #0000002e}.btn-doc-add-line{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-bg-level-2);border:1.5px dashed rgba(194,103,21,.35);border-radius:8px;color:#c26715;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-doc-add-line:hover{background:#fff;border-color:#c26715;transform:translateY(-1px)}.transcript-compact-bar{background:#fff;border:1px solid rgba(194,103,21,.3);border-radius:10px;padding:8px 14px;box-shadow:0 2px 10px #0000000f;display:flex;align-items:center;justify-content:space-between;gap:12px;animation:slideUpBar .18s ease-out}@keyframes slideUpBar{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.compact-bar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compact-line-badge{font-size:11.5px;font-weight:800;color:#c26715;background:#c267151f;padding:2px 6px;border-radius:5px}.compact-time-pill{font-size:12px;font-weight:700;color:#3c3228;font-family:var(--font-mono, monospace)}.compact-guide-hint{font-size:11px;font-weight:500;color:#887462}.compact-text-edit-wrap{display:flex;align-items:center;flex:1;min-width:220px}.compact-line-input{width:100%;padding:4px 10px;background:var(--color-bg-level-2, #f5efe6);border:1.5px solid rgba(194,103,21,.35);border-radius:6px;font-size:13px;font-weight:600;color:#3c3228;outline:none;transition:all .15s ease}.compact-line-input:focus{background:#fff;border-color:#c26715;box-shadow:0 0 0 3px #c2671526}.doc-inline-edit-input{display:inline-block;padding:2px 8px;background:#fff;border:2px solid #c26715;border-radius:6px;font-size:14.5px;font-weight:700;color:#3c3228;outline:none;min-width:160px;box-shadow:0 2px 8px #c2671533}.compact-bar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-compact-del{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;border-radius:6px;background:var(--color-bg-level-2);border:1px solid rgba(239,68,68,.2);color:#ef4444;cursor:pointer;transition:all .15s ease}.btn-compact-del:hover{background:#ef444414;border-color:#ef4444;color:#dc2626}.btn-compact-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:none;background:#7864501a;color:#887462;cursor:pointer;transition:all .15s ease}.btn-compact-close:hover{background:#78645033;color:#3c3228}.btn-add-caption-line:hover{opacity:.7}.btn-add-caption-line:active{transform:scale(.97)}.btn-save-captions-top{background:var(--color-primary-blue);color:#fff;border:none;font-family:var(--font-sans);font-size:var(--font-size-primary);font-weight:var(--font-weight-semibold);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 1px 3px #007aff4d;transition:all var(--transition-fast)}.btn-save-captions-top:hover{background:#0071e3;transform:scale(1.02)}.btn-save-captions-top:active{transform:scale(.97)}.editor-save-alert{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:10px 16px;border-radius:var(--radius-md);font-size:var(--font-size-secondary);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:8px}.caption-lines-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.caption-line-row{background:var(--color-bg-level-2);border:1px solid rgba(120,100,80,.16);border-radius:10px;margin-bottom:6px;overflow:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.caption-line-row:hover{background:var(--color-bg-level-3);border-color:#c2671559;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.caption-line-row.is-active-line{background:#fff!important;border:1.5px solid #c26715!important;box-shadow:0 0 0 3px #c267152e,0 4px 12px #c267151f}.caption-line-row.is-expanded-line{background:#fff!important;border-color:#c26715;box-shadow:0 4px 16px #00000014}.caption-row-summary{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;outline:none!important;-webkit-user-select:none;user-select:none}.caption-row-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.caption-row-num{font-size:11px;font-weight:700;color:#c26715;background:#c267151f;padding:2px 6px;border-radius:5px}.caption-row-time{font-size:11.5px;font-weight:600;color:#887462;font-family:var(--font-mono, monospace)}.caption-row-text-preview{flex:1;font-size:13.5px;font-weight:600;color:#3c3228;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-word-pill{background:#ffe500;color:#000!important;font-weight:800;padding:1px 5px;border-radius:4px;box-shadow:0 1px 2px #00000026}.caption-row-action-icon{color:#887462;display:flex;align-items:center;justify-content:center;flex-shrink:0}.caption-row-expanded-body{padding:12px 14px;border-top:1px solid rgba(120,100,80,.12);background:#fefcf9f2;display:flex;flex-direction:column;gap:10px}.expanded-top-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}.expanded-time-range{font-size:12px;font-weight:700;color:#c26715;font-family:var(--font-mono, monospace)}.expanded-btn-group{display:flex;align-items:center;gap:6px}.btn-expanded-action{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:600;border-radius:6px;background:#fff;border:1px solid rgba(120,100,80,.2);color:#3c3228;cursor:pointer;outline:none!important;transition:all .15s ease}.btn-expanded-action:hover{border-color:#c26715;color:#c26715;transform:translateY(-1px)}.btn-expanded-delete{border-color:#ef444440;color:#ef4444}.btn-expanded-delete:hover{background:#ef444414;border-color:#ef4444;color:#dc2626}.expanded-input-wrap{width:100%}.expanded-text-input{width:100%;padding:8px 12px;background:#fff;border:1.5px solid rgba(120,100,80,.2);border-radius:8px;font-size:13.5px;font-weight:600;color:#3c3228;outline:none!important;box-sizing:border-box;transition:border-color .2s ease}.expanded-text-input:focus{border-color:#c26715;box-shadow:0 0 0 2px #c2671526}.expanded-tokens-grid{display:flex;flex-direction:column;gap:6px}.tokens-hint{font-size:11px;font-weight:600;color:#887462}.tokens-chips-wrap{display:flex;flex-wrap:wrap;gap:6px}.add-caption-row{border:1.5px dashed rgba(194,103,21,.35);background:#ffffff80;cursor:pointer;padding:10px}.add-caption-row:hover{background:#fff;border-color:#c26715}.add-caption-content{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:700;color:#c26715}.caption-text-input-large{width:100%;padding:12px 14px;background:var(--color-bg-level-2);border:var(--border-standard);border-radius:8px;font-family:var(--font-sans);font-size:15px;font-weight:500;color:#3c3228!important;outline:none;transition:all var(--transition-fast);line-height:1.5;resize:vertical;min-height:50px}.caption-text-input-large:focus{background:var(--color-bg-level-1);border-color:var(--color-primary-blue);box-shadow:0 0 0 3px #007aff1a}.caption-text-input-large:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:1px}.caption-text-input-large::placeholder{color:#78645a!important}.line-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.btn-timestamp{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:none;border-radius:6px;color:#64748b;font-family:var(--font-mono);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-timestamp:hover{background:#007aff14;color:var(--color-primary-blue)}.btn-timestamp svg{flex-shrink:0}.add-caption-card{display:flex;align-items:center;justify-content:center;min-height:120px;border:2px dashed rgba(0,122,255,.4);background:#007aff0d;cursor:pointer}.add-caption-card:hover{border-color:#007aff99;background:#007aff1a;box-shadow:0 4px 16px #007aff26}.add-caption-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-primary-blue);font-size:14px;font-weight:600}.add-caption-content svg{opacity:.8}.line-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.line-index-badge{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#64554a!important}.line-time-range{font-family:var(--font-mono);font-size:10px;font-weight:500;color:#78645a!important;background:transparent;padding:0;border-radius:0}.line-card-tools{display:flex;align-items:center;gap:4px}.btn-jump-to-time{background:transparent;border:none;color:var(--color-primary-blue);font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;cursor:pointer;transition:opacity var(--transition-fast)}.btn-jump-to-time:hover{opacity:.6}.btn-delete-line{background:transparent;border:none;color:#78645a!important;width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.btn-delete-line:hover{background:#ff3b301a;color:var(--color-destructive-red)}.line-text-input-wrap{width:100%}.caption-text-input{width:100%;padding:8px 10px;background:var(--color-bg-level-2);border:var(--border-standard);border-radius:6px;font-family:var(--font-sans);font-size:13px;font-weight:400;color:#3c3228!important;outline:none;transition:all var(--transition-fast);line-height:1.4}.caption-text-input:focus{background:var(--color-bg-level-1);border-color:var(--color-primary-blue);box-shadow:0 0 0 2px #007aff1a}.caption-text-input:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:1px}.caption-text-input::placeholder{color:#78645a!important}.tokens-interactive-grid{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.word-token-chip{background:transparent;border:none;border-radius:6px;padding:6px 12px;font-family:var(--font-sans);font-size:13px;font-weight:500;color:#64554a!important;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all var(--transition-fast);position:relative;min-height:32px}.word-token-chip:hover{background:var(--color-bg-level-2)}.word-token-chip:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.word-token-chip.is-hero-keyword{background:#007aff1f;color:var(--color-primary-blue);font-weight:600;padding-left:20px}.word-token-chip.is-hero-keyword:before{content:"●";position:absolute;left:8px;color:var(--color-primary-blue);font-size:8px}.chip-hero-badge,.line-hero-summary{display:none}@media(max-width:768px){.caption-editor-panel{gap:14px}.editor-top-banner{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:12px}.editor-banner-info h3{font-size:15px}.editor-banner-info p{font-size:12px}.editor-banner-actions{width:100%;justify-content:flex-end}.btn-add-caption-line{min-width:44px;min-height:44px;padding:12px}.btn-save-captions-top{width:100%;justify-content:center;min-height:44px}.caption-lines-list{gap:12px}.caption-line-card,.caption-line-card-clean{padding:14px 16px;gap:10px}.line-card-header{gap:6px}.line-index-badge{font-size:11px;flex-direction:column;align-items:flex-start;gap:2px}.line-time-range{font-size:10px}.btn-delete-line{width:36px;height:36px;min-width:36px;min-height:36px}.caption-text-input{padding:10px 12px;font-size:14px;min-height:44px}.caption-text-input-large{padding:12px 14px;font-size:15px;min-height:56px}.word-token-chip{padding:8px 12px;font-size:13px;min-height:40px;min-width:48px;justify-content:center}.word-token-chip.is-hero-keyword{padding-left:22px}.word-token-chip.is-hero-keyword:before{left:10px;font-size:9px}.tokens-interactive-grid{gap:8px}.btn-timestamp{padding:8px 12px;font-size:12px;min-height:36px}}@media(max-width:480px){.editor-top-banner{padding:12px 14px;border-radius:12px}.editor-banner-info h3{font-size:14px}.editor-banner-info p{font-size:11px}.caption-line-card,.caption-line-card-clean{padding:12px 14px;border-radius:10px}.line-index-badge{font-size:10px}.caption-text-input{font-size:13px}.caption-text-input-large{font-size:14px}.word-token-chip{font-size:12px;padding:7px 10px;min-height:36px}}.btn-add-caption-line:focus-visible,.btn-save-captions-top:focus-visible,.btn-delete-line:focus-visible,.btn-jump-to-time:focus-visible,.btn-timestamp:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.line-card-header:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px;border-radius:6px}.modal-backdrop{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:20px;width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0003;overflow:hidden}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-light);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-header-brand{display:flex;align-items:flex-start;gap:14px}.key-icon-wrap{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #2563eb40}.modal-header h2{font-size:17px;font-weight:800;color:#1e293b;margin-bottom:2px}.modal-header p{font-size:12px;color:#64748b}.btn-modal-close{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.btn-modal-close:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.modal-mode-tabs{display:flex;align-items:center;background:#f1f5f9;border-radius:10px;padding:3px;gap:4px;border:1px solid var(--border-light)}.mode-tab{flex:1;padding:8px 14px;font-size:12px;font-weight:700;border-radius:8px;border:none;background:transparent;color:#64748b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}.mode-tab.active{background:#fff;color:#1e293b;box-shadow:0 1px 4px #00000014}.env-table-container{display:flex;flex-direction:column;gap:12px}.env-table-card{border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.env-table{width:100%;border-collapse:collapse;font-size:12px}.env-table th{background:#f8fafc;padding:10px 14px;text-align:left;font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-light)}.env-table td{padding:8px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.env-table tr:last-child td{border-bottom:none}.key-td code{font-family:var(--font-mono);font-weight:700;color:#1e293b;font-size:12px;background:#f1f5f9;padding:4px 8px;border-radius:4px}.value-td input{width:100%;padding:6px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-family:var(--font-mono);font-size:12px;color:#1e293b;outline:none}.value-td input::placeholder{color:#94a3b8}.value-td input:focus{background:#fff;border-color:#3b82f6}.input-with-eye{display:flex;align-items:center;gap:4px}.btn-toggle-eye{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px}.btn-toggle-eye:hover{color:var(--text-dark)}.actions-th{text-align:right;width:60px}.actions-td{text-align:right}.btn-delete-row{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease}.btn-delete-row:hover{color:#dc2626}.add-key-bar{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;background:#f8fafc;border:1px dashed var(--border-light);border-radius:10px;padding:8px}.add-key-input,.add-value-input{padding:8px 12px;background:#fff;border:1px solid var(--border-light);border-radius:6px;font-family:var(--font-mono);font-size:12px;outline:none}.add-key-input:focus,.add-value-input:focus{border-color:var(--accent-blue)}.btn-add-key{background:#0f172a;color:#fff;border:none;font-family:var(--font-sans);font-size:12px;font-weight:700;padding:8px 14px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.btn-add-key:hover{background:#1e293b}.raw-editor-wrap{width:100%}.raw-env-textarea{width:100%;padding:14px;background:#090d16;color:#22c55e;font-family:var(--font-mono);font-size:12px;line-height:1.6;border-radius:12px;border:1px solid #1e293b;outline:none;resize:vertical}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f8fafc}.save-status-msg{font-size:12px;font-weight:700;color:#059669;display:flex;align-items:center;gap:6px}.footer-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.btn-cancel{background:#fff;border:1.5px solid #e2e8f0;color:#1e293b;font-family:var(--font-sans);font-size:12px;font-weight:700;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .15s ease}.btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-save-env{background:#0f172a;color:#fff;border:none;font-family:var(--font-sans);font-size:12px;font-weight:700;padding:8px 18px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.btn-save-env:hover{background:#1e293b}.draggable-box{position:absolute;border:2px solid #007aff;border-radius:8px;cursor:move;-webkit-user-select:none;user-select:none;transition:box-shadow .2s ease;background:#007aff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;pointer-events:auto}.draggable-box.active{box-shadow:0 0 0 2px #007aff4d,0 8px 24px #007aff33;z-index:1000}.box-label{position:absolute;top:-28px;left:0;background:#007aff;color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.resize-handle{position:absolute;background:#007aff;border:2px solid white;border-radius:50%;width:12px;height:12px;z-index:10;box-shadow:0 2px 4px #0003;transition:transform .15s ease}.resize-handle:hover{transform:scale(1.3);box-shadow:0 3px 6px #0000004d}.resize-handle.top-left{top:-6px;left:-6px;cursor:nwse-resize}.resize-handle.top-right{top:-6px;right:-6px;cursor:nesw-resize}.resize-handle.bottom-left{bottom:-6px;left:-6px;cursor:nesw-resize}.resize-handle.bottom-right{bottom:-6px;right:-6px;cursor:nwse-resize}.resize-handle.top-center{top:-6px;left:50%;transform:translate(-50%);cursor:ns-resize;border-radius:3px;width:40px;height:8px}.resize-handle.bottom-center{bottom:-6px;left:50%;transform:translate(-50%);cursor:ns-resize;border-radius:3px;width:40px;height:8px}.resize-handle.left-center{left:-6px;top:50%;transform:translateY(-50%);cursor:ew-resize;border-radius:3px;width:8px;height:40px}.resize-handle.right-center{right:-6px;top:50%;transform:translateY(-50%);cursor:ew-resize;border-radius:3px;width:8px;height:40px}.resize-handle.top-center:hover,.resize-handle.bottom-center:hover,.resize-handle.left-center:hover,.resize-handle.right-center:hover{transform:translate(-50%) scale(1.2)}.resize-handle.left-center:hover,.resize-handle.right-center:hover{transform:translateY(-50%) scale(1.2)}