html,body,#root{height:100%}body{margin:0;overflow:hidden}:root{--color-bg: #0a0f1a;--color-surface: #111827;--color-surface-alt: #0f172a;--color-surface-raised: rgba(15, 23, 42, .6);--color-border: #1e293b;--color-border-subtle: #30363d;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-accent: #22c55e;--color-accent-blue: #0ea5e9;--color-warning: #fbbf24;--color-danger: #ef4444;--space-xs: 4px;--space-sm: 6px;--space-md: 10px;--space-lg: 16px;--space-xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--radius-full: 999px;--font-xs: 10px;--font-sm: 11px;--font-base: 12px;--font-md: 14px;--font-lg: 16px}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.main-layout.hide-sidebars .sidebar-left,.main-layout.hide-sidebars .sidebar-right{display:none}.main-layout.hide-sidebars .content{flex:1}@media (max-width: 768px){.main-layout{flex-direction:column}.sidebar-left,.sidebar-right{width:100%;border-right:none;border-left:none;border-bottom:1px solid #1e293b;max-height:230px;overflow-y:auto}.content{order:-1}.canvas-container{width:100%!important;height:auto!important;max-width:100%}.header-right{flex-wrap:wrap;gap:5px}.header-right button{font-size:12px;padding:5px 8px}.nav{flex-wrap:wrap;@keyframes spin{to{transform:rotate(360deg)}}}.nav .thumb-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;border-radius:6px}.nav .thumb-loading .spinner{width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin 1s linear infinite}.nav-button{font-size:12px;padding:8px 12px}}.header{height:60px;background-color:var(--color-surface);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--color-border);color:var(--color-text)}.header-left{display:flex;align-items:center}.logo{height:40px;margin-right:10px}.brand-text{font-weight:700;color:var(--color-text)}.nav{background-color:var(--color-surface-alt);display:flex;padding:10px 20px;border-bottom:1px solid var(--color-border)}.nav-tab{background:none;border:none;padding:10px 20px;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all .15s ease}.nav-tab:hover{background-color:#1e293b;color:var(--color-text)}.nav-tab.active{background-color:#3b82f6;color:var(--color-text);border-radius:var(--radius-sm)}.nav-tab.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.main-layout{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar-left,.sidebar-right{width:320px;background-color:var(--color-surface);padding:0;border-right:1px solid var(--color-border);color:var(--color-text);overflow:hidden;display:flex;flex-direction:column}.sidebar-right{width:280px;border-right:none;border-left:1px solid var(--color-border)}.sidebar.is-collapsed{width:52px}.sidebar.is-collapsed .sidebar-panel-header{justify-content:center;padding:0}.sidebar.is-collapsed .sidebar-panel-header h2{display:none}.sidebar-panel-header{position:sticky;top:0;z-index:2;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;background:#0f172a;border-bottom:1px solid var(--color-border)}.sidebar-panel-header h2{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.sidebar-collapse-btn{width:28px;height:28px;border:1px solid #334155;border-radius:8px;background:#111827;color:#e5e7eb;cursor:pointer;line-height:1}.sidebar-panel-body{flex:1;min-height:0;overflow-y:auto;padding:12px}.sidebar-group{margin-bottom:10px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:#02061747;overflow:hidden}.sidebar-group>summary{list-style:none;cursor:pointer;font-size:12px;font-weight:700;padding:10px 12px;background:#0f172ab3}.sidebar-group>summary::-webkit-details-marker{display:none}.sidebar-group-content{padding:10px}.sidebar-group-content .placeholder-panel,.sidebar-group-content .batch-queue{margin-top:0}.content{flex:1;background-color:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;overflow:auto}.canvas-container{border:1px dashed #334155;background-color:#1e293b;padding:20px;border-radius:8px;outline:none;color:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-direction:column}.canvas-container:focus{border-color:#3b82f6}.controls{display:flex;gap:10px;margin-top:10px}.controls button{padding:5px 10px;border:1px solid #334155;background:#1e293b;color:#f1f5f9;cursor:pointer;border-radius:4px;transition:background .15s ease}.controls button:hover{background:#334155}.presets-section{margin-top:20px}.presets-section select{width:100%;padding:5px;background:#0f172a;border:1px solid #334155;color:#f1f5f9;border-radius:4px}.platform-selectors{display:flex;flex-direction:column;gap:10px;margin-top:10px}.platform-selectors select{padding:5px;background:#0f172a;border:1px solid #334155;color:#f1f5f9;border-radius:4px}.footer{height:40px;background-color:var(--color-surface);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-top:1px solid var(--color-border);color:var(--color-text-muted)}.social-links{display:flex;gap:10px}.social-links a{color:#3b82f6;text-decoration:none;font-size:12px}.social-links a:hover{text-decoration:underline}.section-label{font-size:12px;color:#64748b;font-weight:700;margin-bottom:5px}.slides-section{margin-top:16px}.slide-list{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:8px}.reel-controls{display:flex;flex-direction:column;gap:8px}.reel-controls-header{display:flex;justify-content:space-between;align-items:center}.scene-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.scene-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:8px;background:#0f172a66;border:1px solid rgba(52,64,84,.12);cursor:pointer}.scene-item.is-active{border-color:#3b82f6;box-shadow:0 4px 10px #3b82f614}.scene-meta{display:flex;gap:8px;align-items:center}.scene-index{color:var(--color-text-muted);font-size:12px}.scene-headline{font-size:13px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-actions{display:flex;gap:6px;align-items:center}.scene-duration input{width:64px;padding:4px 6px}.btn.small{padding:4px 8px;font-size:12px}.btn.tiny{padding:4px 6px;font-size:11px}.btn.danger{background:var(--color-danger);color:#fff;border-radius:6px}.reel-timeline{width:100%;margin-top:12px;display:flex;justify-content:center}.reel-timeline-track{display:flex;gap:8px;padding:8px;overflow-x:auto;max-width:960px}.timeline-thumb{display:flex;gap:8px;align-items:center;padding:6px;min-width:160px;border-radius:8px;background:#0f172a66;border:1px solid rgba(52,64,84,.08);cursor:pointer}.timeline-thumb.is-active{border-color:#60a5fa;box-shadow:0 6px 18px #60a5fa0f}.thumb-preview{width:48px;height:72px;background:linear-gradient(180deg,#0f172a,#020617);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:12px}.thumb-initials{color:#ffffffeb;font-weight:700;font-size:14px}.thumb-meta{display:flex;flex-direction:column;align-items:flex-start}.thumb-headline{font-size:13px;color:var(--color-text);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-duration{font-size:11px;color:var(--color-text-muted)}.timeline-thumb.dragging{opacity:.4;transform:scale(.98)}.reel-timeline-track::-webkit-scrollbar{height:8px}.reel-timeline-track::-webkit-scrollbar-thumb{background:#94a3b81f;border-radius:8px}.scene-editor{display:flex;flex-direction:column;gap:8px}.scene-editor label{display:flex;flex-direction:column;gap:6px;font-size:13px}.scene-editor input[type=text],.scene-editor input[type=number],.scene-editor textarea{padding:6px 8px;background:#020617;border:1px solid #30363d;color:#f9fafb;border-radius:6px}.scene-editor .scene-editor-header{display:flex;justify-content:space-between;align-items:center}.scene-editor .hint{font-size:12px;color:var(--color-text-muted)}.pan-controls{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding:8px;border:1px solid #2b2f36;background:linear-gradient(180deg,#05060a,#0a0b0f);border-radius:8px}.pan-controls label{font-size:13px;display:flex;flex-direction:column;gap:6px}.pan-row{display:flex;align-items:center;gap:8px}.pan-row input[type=range]{flex:1}.pan-value{width:44px;text-align:right;color:var(--color-text-muted);font-size:12px}.pan-presets .btn.small{padding:6px 8px;font-size:12px}.overlay-element{position:absolute;padding:6px 10px;background:#ffffff0f;color:var(--color-text);border:1px solid rgba(255,255,255,.06);border-radius:6px;cursor:grab;-webkit-user-select:none;user-select:none}.infographic-editor{display:flex;gap:12px;width:100%;height:100%;padding:18px;box-sizing:border-box}.infographic-editor-side{width:320px;background:var(--color-surface);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:12px}.infographic-controls .add-buttons{display:flex;flex-direction:column;gap:8px}.block-list{overflow:auto;max-height:calc(100vh - 220px);display:flex;flex-direction:column;gap:8px}.block-item{background:#0f172a73;border:1px solid var(--color-border);padding:8px;border-radius:8px}.block-item.active{border-color:#60a5fa;box-shadow:0 6px 18px #60a5fa0a}.block-item-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.block-title{font-size:13px;color:var(--color-text)}.block-actions button{margin-left:6px}.block-preview{margin-top:8px;font-size:12px;color:var(--color-text-muted);max-height:40px;overflow:hidden}.infographic-editor-main{flex:1;display:flex;flex-direction:column;gap:12px}.infographic-preview{flex:1;background:linear-gradient(180deg,#081025,#07101a);border-radius:8px;padding:20px;overflow:auto}.layout-controls{margin-top:10px}.infographic-drag-ghost{pointer-events:none;box-shadow:0 6px 18px #0006}.infographic-block[draggable],.infographic-block{-webkit-user-select:none;user-select:none}.infographic-block.conflict{outline:2px solid var(--color-warning);box-shadow:0 6px 18px #fbbf240f}.infographic-block{padding:10px;margin-bottom:8px;color:var(--color-text);border-radius:6px;background:#ffffff05}.infographic-block h2{margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric{display:flex;gap:8px;align-items:baseline}.metric .value{font-size:28px;font-weight:700}.metric .unit{font-size:14px;color:var(--color-text-muted)}.metric .label{font-size:12px;color:var(--color-text-muted)}.icon-text{font-size:16px;display:flex;gap:8px;align-items:center}.table-mini{border-collapse:collapse}.table-mini td{border:1px solid rgba(255,255,255,.04);padding:6px}.infographic-block{min-height:48px;max-height:260px;overflow:auto}.infographic-block p,.infographic-block li,.infographic-block td{word-break:break-word}.infographic-block ul{margin:6px 0;padding-left:18px}.infographic-drag-ghost{transition:transform 80ms linear}.infographic-preview.theme-modern{background:linear-gradient(180deg,#081025,#07101a)}.infographic-preview.theme-modern .infographic-block{background:#ffffff05;color:var(--color-text)}.infographic-preview.theme-modern .metric .value{color:var(--color-accent)}.infographic-preview.theme-corporate{background:linear-gradient(180deg,#f8fafc,#eef2ff);color:#0b1220}.infographic-preview.theme-corporate .infographic-block{background:#fff;color:#0b1220;border:1px solid #e6eefc}.infographic-preview.theme-corporate .metric .value{color:#0b1220}.infographic-editor-panel{margin-top:12px;background:#0f172a73;padding:12px;border-radius:8px}.infographic-editor-edit label{display:block;font-size:12px;color:var(--color-text-muted);margin-top:8px}.infographic-editor-edit input,.infographic-editor-edit textarea{width:100%;padding:6px 8px;background:#020617;border:1px solid #27323a;color:var(--color-text);border-radius:6px;margin-top:6px}.overlay-element:active{cursor:grabbing}.overlays-editor{margin-top:8px;display:flex;flex-direction:column;gap:8px}.overlay-row{display:flex;gap:8px;align-items:center}.overlay-row input{flex:1;padding:6px 8px}.slide-list li{display:flex;gap:8px;align-items:center}.slide-list li.active button{font-weight:700}.slide-list input[type=text]{flex:1;padding:4px 6px}.slide-list button{padding:4px 8px;font-size:12px;background:#1e293b;border:1px solid #334155;color:#f1f5f9;cursor:pointer;border-radius:4px;transition:background .15s ease}.slide-list button:hover{background:#334155}.ai-generator,.batch-queue{margin-top:20px;padding:10px;background-color:#1e293b;border-radius:8px;color:#f1f5f9}.ai-generator input{width:100%;margin-bottom:5px;padding:5px;background:#0f172a;border:1px solid #334155;color:#f1f5f9;border-radius:4px}.batch-queue ul{list-style:none;padding:0}.batch-queue li{padding:5px 0}.sidebar input[type=text],.sidebar input[type=number],.sidebar textarea{font:inherit;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:var(--color-surface-alt);color:var(--color-text)}.sidebar textarea{resize:vertical}.sidebar label.checkbox-row{flex-direction:row;align-items:center;gap:8px}.bulk-import{padding:10px;border-radius:8px;background:#0f172a99;display:flex;flex-direction:column;gap:8px}.bulk-import label{display:flex;flex-direction:column;gap:4px;font-size:12px}.tab:disabled,.slide-pill:disabled,.add-slide-btn:disabled,.sidebar button:disabled,.download-slide-btn:disabled{opacity:.55;cursor:not-allowed}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}.tab{flex:1 1 48%;padding:6px 8px;border-radius:999px;border:1px solid #1f2933;background:#020617;color:#e5e7eb;font-size:11px;cursor:pointer}.tab.active{background:#3b82f6;border-color:#3b82f6;color:#f9fafb}.placeholder-panel{margin-top:12px;padding:12px;border-radius:8px;background:#0f172a80;font-size:12px;display:flex;flex-direction:column;gap:6px}.placeholder-panel h2{font-size:13px;margin:0}.preview-placeholder{padding:24px;border-radius:16px;border:1px dashed rgba(148,163,184,.6);color:#9ca3af;max-width:420px;text-align:center}.carousel-controls{margin-top:10px;display:flex;flex-direction:column;gap:10px}.carousel-slides-list{display:flex;flex-wrap:wrap;gap:6px}.slide-item{display:inline-flex;align-items:center;gap:6px}.remove-slide-btn{background:transparent;border:none;color:#f87171;cursor:pointer;font-size:12px;line-height:1;padding:2px 4px;border-radius:6px;opacity:.7;transition:opacity .12s ease,background-color .12s ease}.remove-slide-btn:hover{opacity:1;background:#f871711f}.slide-pill{padding:4px 8px;border-radius:999px;border:1px solid #1f2933;background:#020617;color:#e5e7eb;font-size:11px;cursor:pointer}.slide-pill.active{background:#a855f7;border-color:#a855f7;color:#f9fafb}.add-slide-btn{margin-top:4px;padding:4px 8px;border-radius:999px;border:1px dashed #4b5563;background:transparent;color:#e5e7eb;font-size:11px;cursor:pointer}.carousel-slide-editor{margin-top:6px;padding:10px;border-radius:8px;background:#0f172a99;display:flex;flex-direction:column;gap:8px}.slide-export-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.audio-upload{margin-top:4px;padding:8px;border-radius:6px;background:#0f172ab3}.audio-upload input[type=file]{margin-top:4px;font-size:11px}.carousel-slide-editor label{display:flex;flex-direction:column;gap:4px;font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#02061799;z-index:2000}.modal-box{background:#020617;border:1px solid rgba(148,163,184,.12);padding:16px;border-radius:12px;width:320px;box-shadow:0 10px 30px #0009}.modal-title{font-weight:800;margin-bottom:8px}.modal-body{font-size:13px;margin-bottom:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.btn{padding:6px 10px;border-radius:8px;border:none;cursor:pointer}.btn.ghost{background:transparent;color:#e5e7eb;border:1px solid rgba(148,163,184,.08)}.btn.danger{background:#ef4444;color:#fff}.carousel-slide-editor input,.carousel-slide-editor textarea{font:inherit;padding:6px 8px;border-radius:4px;border:1px solid #30363d;background:#020617;color:#f9fafb}.download-slide-btn{margin-top:4px;padding:6px 8px;border-radius:999px;border:none;background:#22c55e;color:#052e16;font-size:12px;font-weight:600;cursor:pointer}.download-slide-btn.secondary{background:#0ea5e9;color:#0f172a}.carousel-card{border-radius:24px;overflow:hidden;box-shadow:0 14px 40px #0009;background:#020617;display:flex;container-type:inline-size}.carousel-card-content{padding:clamp(10px,3.7cqi,20px);display:flex;flex-direction:column;width:100%;height:100%;position:relative;overflow:hidden}.carousel-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 15%,rgba(34,197,94,.18),transparent 55%),radial-gradient(circle at 80% 25%,rgba(14,165,233,.22),transparent 55%),linear-gradient(180deg,#0206174d,#020617eb);z-index:0;pointer-events:none}.carousel-card-content[data-slide-type=cta] .carousel-bg-overlay{background:radial-gradient(circle at 20% 15%,rgba(251,191,36,.2),transparent 55%),radial-gradient(circle at 80% 25%,rgba(34,197,94,.18),transparent 55%),linear-gradient(180deg,#02061752,#020617f0)}.carousel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;position:relative;z-index:1}.carousel-header .brand-block{min-width:0;display:flex;gap:8px;align-items:center}.carousel-header .brand-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.carousel-header{padding-right:160px}.carousel-meta{position:absolute;top:12px;right:40px;display:flex;align-items:center;gap:8px;z-index:3}.carousel-header .brand-text{flex:1 1 auto}.carousel-meta{flex:0 0 auto;margin-left:auto}.carousel-card .brand-block .logo{height:clamp(20px,7.4cqi,40px)}.carousel-card .brand-text{font-size:clamp(9px,3cqi,16px)}.carousel-meta{display:flex;align-items:center;gap:8px}.carousel-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:clamp(8px,2cqi,11px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(148,163,184,.35);background:#0206178c;color:#e5e7eb;white-space:nowrap}.carousel-pill.subtle{opacity:.9;font-weight:600;letter-spacing:.06em}.carousel-pill.accent{border-color:#22c55e99;background:#22c55e24;color:#dcfce7}.carousel-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;position:relative;z-index:1}.carousel-cover,.carousel-content,.carousel-cta{display:flex;flex-direction:column;gap:14px}.carousel-title{margin:0;font-size:clamp(18px,6.3cqi,34px);line-height:1.05;letter-spacing:-.02em;font-weight:800;overflow-wrap:break-word;word-break:break-word}.carousel-card-content[data-slide-type=cover] .carousel-title{font-size:clamp(22px,7.4cqi,40px)}.carousel-subtitle{margin:0;font-size:clamp(11px,2.8cqi,15px);line-height:1.4;opacity:.96;max-width:100%;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.carousel-swipe{margin-top:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.carousel-accent-bar{width:56px;height:6px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#0ea5e9)}.carousel-cta-box{margin-top:auto;padding:14px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.35);background:#0206178c;box-shadow:0 8px 20px #00000059;box-sizing:border-box;width:auto;max-width:520px}.carousel-cta-label{font-size:clamp(9px,2cqi,11px);text-transform:uppercase;letter-spacing:.12em;opacity:.9}.carousel-cta-main{margin-top:6px;font-size:clamp(14px,3.7cqi,20px);font-weight:800;overflow-wrap:break-word;word-break:break-word}.carousel-cta-sub{margin-top:6px;font-size:clamp(10px,2.4cqi,13px);opacity:.95;overflow-wrap:break-word}.carousel-footer{margin-top:auto;font-size:clamp(9px,2.2cqi,12px);opacity:.9;position:relative;z-index:1}.editable{cursor:text;outline:none;border-radius:10px;padding:4px 6px;margin-left:-6px;margin-right:-6px}.editable:focus{background:#02061759;box-shadow:0 0 0 2px #3b82f68c}.editable[data-placeholder]:empty:before{content:attr(data-placeholder);opacity:.6}.row-actions{margin-top:6px;display:flex;gap:8px}.chip-btn{padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#0206178c;color:#e5e7eb;font-size:12px;cursor:pointer}.chip-btn.ghost{background:transparent}.sidebar h1{font-size:16px}.hint{font-size:var(--font-base);color:var(--color-text-muted)}.sidebar label{display:flex;flex-direction:column;gap:4px;font-size:13px}.sidebar select{font:inherit;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:#020617;color:inherit}.sidebar button{margin-top:8px;padding:8px 10px;border-radius:999px;border:none;font-weight:600;background:#3b82f6;color:#f9fafb;cursor:pointer}.image-controls{margin-top:16px;padding:12px;background:#0f172a4d;border-radius:8px;display:flex;flex-direction:column;gap:8px}.image-controls label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#e5e7eb}.image-controls input[type=range]{width:100%;height:4px;border-radius:2px;background:#374151;outline:none;-webkit-appearance:none}.image-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer}.background-controls{margin-top:16px;padding:12px;background:#0f172a4d;border-radius:8px}.background-controls label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#e5e7eb}.background-controls input[type=color]{width:100%;height:40px;border:none;border-radius:6px;cursor:pointer;background:transparent}.preview-wrapper{position:relative;flex:1;display:flex;align-items:center;justify-content:center}.card{width:540px;border-radius:24px;overflow:hidden;box-shadow:0 14px 40px #0009;display:flex;flex-direction:column;min-height:400px}.card-content{padding:28px;display:flex;flex-direction:column;height:100%;flex:1}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.brand-block{display:flex;align-items:center;gap:8px}.logo{height:40px;width:40px;display:block;flex-shrink:0;object-fit:contain}.brand-text{display:flex;flex-direction:column;font-size:16px;font-weight:700;letter-spacing:.16em}.brand-line{text-transform:uppercase}.top-text{display:flex;flex-direction:column;align-items:flex-end;font-size:16px}.top-text .bold{font-size:20px;font-weight:700}.card-photo{flex:1;min-height:120px;margin-bottom:12px;border-radius:16px;position:relative}.card-photo--empty{cursor:pointer}.card-photo--empty:hover .photo-placeholder{background:#3b82f62e;border-color:#3b82f6cc;color:#cbd5e1}.card-photo--empty:hover .photo-placeholder-icon{transform:scale(1.15)}.card-photo--filled{cursor:default}.photo-placeholder{width:100%;height:100%;min-height:120px;border-radius:16px;background:#1e3a5f73;border:2px dashed rgba(59,130,246,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#94a3b8;letter-spacing:.06em;font-weight:500;transition:background .18s ease,border-color .18s ease,color .18s ease}.photo-placeholder-icon{font-size:28px;opacity:.7;transition:transform .18s ease}.photo-tools-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:#0206178c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:5;animation:fadeInTools .15s ease}@keyframes fadeInTools{0%{opacity:0}to{opacity:1}}.photo-tools-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#0f172ad9;border:1px solid rgba(148,163,184,.25);box-shadow:0 4px 16px #0006}.photo-tools-bar button{width:32px;height:32px;border-radius:50%;border:none;background:#3b82f633;color:#e2e8f0;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease;padding:0;margin:0}.photo-tools-bar button:hover{background:#3b82f680;color:#fff}.photo-tools-delete{background:#ef444433!important}.photo-tools-delete:hover{background:#ef444480!important}.photo-tools-zoom{font-size:11px;font-weight:700;color:#94a3b8;min-width:36px;text-align:center;-webkit-user-select:none;user-select:none}.photo-tools-position{display:flex;gap:12px;padding:6px 14px;border-radius:12px;background:#0f172ad9;border:1px solid rgba(148,163,184,.25);box-shadow:0 4px 16px #0006}.photo-tools-position label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#94a3b8}.photo-tools-position input[type=range]{width:80px;height:4px;border-radius:2px;background:#374151;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.photo-tools-position input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#3b82f6;cursor:pointer}.photo-tools-position input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(248,250,252,.4);padding-top:16px;margin-top:auto}.footer-left{display:flex;align-items:center;gap:8px}.cuotas-text{font-size:13px;white-space:nowrap}.icon-box{width:32px;height:32px;border-radius:999px;background:#0f172acc;display:flex;align-items:center;justify-content:center}.icon-box svg{font-size:16px}.footer-right{display:flex;flex-direction:column;align-items:flex-end;font-size:13px}.footer-right svg{margin-right:4px}.small{font-size:17px;font-weight:600}.reel-card{border-radius:28px;overflow:hidden;box-shadow:0 14px 40px #0009}.reel-card-content{padding:18px;display:flex;flex-direction:column;width:100%;height:100%;gap:12px}.reel-card-viewport{position:relative;width:270px;height:480px;overflow:hidden}.reel-layer{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .52s cubic-bezier(.16,.84,.4,1),transform .52s cubic-bezier(.16,.84,.4,1);will-change:opacity,transform}.reel-layer--in{opacity:1;transform:scale(1)}.reel-layer--in.is-anim{transform:scale(1);opacity:1}.reel-layer--out{opacity:1;transform:scale(1)}.reel-layer--out.is-anim{opacity:0;transform:scale(.98);pointer-events:none}.reel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.reel-scene-badge{font-size:11px;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#0f172a99;color:#e5e7eb;white-space:nowrap}.reel-body{position:relative;flex:1;border-radius:18px;overflow:hidden;background:#0f172a59;display:flex;align-items:stretch;justify-content:stretch}.reel-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#02061740,#020617e0)}.reel-text{position:relative;z-index:1;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;width:100%}.reel-text h2{margin:0;font-size:34px;line-height:1.05;letter-spacing:-.02em}.reel-text p{margin:0;font-size:14px;opacity:.95;max-width:38ch}.reel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;opacity:.95}.reel-contact{display:flex;align-items:center;gap:10px;font-size:12px}.reel-contact svg{margin-right:4px}.panorama-card{border-radius:28px;overflow:hidden;box-shadow:0 14px 40px #0009;background:#020617}.panorama-viewport{position:relative;width:100%;height:100%;background:#0f172a59;display:flex;align-items:center;justify-content:center}.panorama-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 20%,#0206171f,#020617e0)}.panorama-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;z-index:1}.panorama-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:11px;padding:8px 10px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#02061799}@media (max-width: 900px){.app{flex-direction:column}.sidebar{width:auto;border-right:none;border-bottom:1px solid #111827}.preview-wrapper{padding:18px}}.text-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;z-index:2;text-align:center}.text-content .title{font-size:40px;font-weight:800;line-height:1.05;letter-spacing:-.02em;margin:0 0 10px;color:#fff;max-width:80%}.text-content .subtitle{font-size:30px;font-weight:600;line-height:1.4;margin:0 0 15px;color:#fff;max-width:85%}.text-content .footer{font-size:20px;font-weight:400;line-height:1.4;margin:0;color:#fff;max-width:90%}.text-controls{margin-top:20px;padding:16px;background:#0f172a4d;border-radius:8px}.text-controls h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#e5e7eb}.text-controls label{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-size:12px;color:#94a3b8}.text-controls input[type=text]{padding:8px 10px;border:1px solid #334155;background:#0f172a;color:#f1f5f9;border-radius:6px;font-size:13px}.text-controls input[type=number]{padding:8px 10px;border:1px solid #334155;background:#0f172a;color:#f1f5f9;border-radius:6px;font-size:13px;width:80px}.text-controls input[type=color]{width:100%;height:36px;border:1px solid #334155;border-radius:6px;cursor:pointer}.text-formatting{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.text-controls button{width:100%;padding:8px 12px;border:1px solid #334155;background:#1e293b;color:#f1f5f9;border-radius:6px;font-size:12px;cursor:pointer;transition:background .15s ease}.text-controls button:hover{background:#334155}.color-palette-section{margin-top:16px;padding:14px;background:#0f172a4d;border-radius:8px;display:flex;flex-direction:column;gap:8px}.color-palette-section h3{margin:0 0 4px;font-size:14px;font-weight:600;color:#e5e7eb}.palette-group-label{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.color-palette{display:grid;grid-template-columns:repeat(6,32px);gap:8px}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;outline:none;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.color-swatch:hover{transform:scale(1.12);box-shadow:0 0 0 2px #94a3b866}.color-swatch.active{border-color:#f1f5f9;box-shadow:0 0 0 3px #3b82f6b3;transform:scale(1.1)}.custom-color-row{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#94a3b8;margin-top:4px}.custom-color-row input[type=color]{width:100%;height:36px;border:1px solid #334155;border-radius:6px;cursor:pointer;background:transparent;padding:2px}.image-upload-section{margin-top:16px;padding:14px;background:#0f172a4d;border-radius:8px;display:flex;flex-direction:column;gap:10px}.image-upload-section h3{margin:0 0 2px;font-size:14px;font-weight:600;color:#e5e7eb}.btn-select-image{width:100%;padding:8px 12px;border:1px dashed #475569;background:#1e293b99;color:#e2e8f0;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease;margin-top:0}.btn-select-image:hover{background:#334155cc;border-color:#64748b}.image-sliders{display:flex;flex-direction:column;gap:10px}.image-sliders label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#94a3b8}.image-sliders input[type=range]{width:100%;height:4px;border-radius:2px;background:#374151;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.image-sliders input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer}.image-sliders input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none}.btn-remove-image{width:100%;padding:7px 12px;border:1px solid #7f1d1d;background:#7f1d1d40;color:#fca5a5;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease;margin-top:0}.btn-remove-image:hover{background:#b91c1c59;border-color:#b91c1c}.preset-texts{margin-top:16px;padding:14px;background:#0f172a4d;border-radius:8px;display:flex;flex-direction:column;gap:10px}.preset-texts h3{margin:0 0 2px;font-size:14px;font-weight:600;color:#e5e7eb}.preset-text-label{margin-top:16px;padding:12px;background:#0f172a47;border-radius:8px;display:flex;flex-direction:column;gap:8px}.preset-text-label select{padding:6px 8px;background:#0f172a;color:#e6eef8;border:1px solid #334155;border-radius:6px}.preset-text-pills{display:flex;flex-wrap:wrap;gap:6px}.preset-text-pill{padding:5px 10px;border-radius:999px;border:1px solid #334155;background:#0f172a;color:#cbd5e1;font-size:11px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;margin-top:0;white-space:nowrap}.preset-text-pill:hover{background:#1e3a5f;border-color:#3b82f6;color:#f1f5f9}.preset-text-pill:active{background:#1d4ed8;border-color:#2563eb;color:#fff}.batch-export-section{margin-top:16px;padding:14px;background:#0f172a4d;border-radius:8px;display:flex;flex-direction:column;gap:10px}.batch-export-section h3{margin:0 0 2px;font-size:14px;font-weight:600;color:#e5e7eb}.batch-export-section .hint{margin:0;font-size:11px;color:#64748b;line-height:1.5}.batch-export-section code{font-family:Courier New,Courier,monospace;font-size:10px;background:#1e293bcc;padding:1px 4px;border-radius:3px;color:#93c5fd}.batch-export-section label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#94a3b8}.batch-export-section textarea{font:inherit;font-size:12px;padding:8px;border-radius:6px;border:1px solid #334155;background:#0f172a;color:#f1f5f9;resize:vertical}.batch-export-section button{width:100%;padding:9px 12px;border:none;background:#16a34a;color:#f0fdf4;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease;margin-top:0}.batch-export-section button:hover:not(:disabled){background:#15803d}.batch-export-section button:disabled{opacity:.45;cursor:not-allowed}.export-busy-msg{color:var(--color-warning)}.export-log-list{list-style:none;padding:0;margin:0;font-size:var(--font-sm)}.export-log-entry{padding:3px 0;border-bottom:1px solid rgba(148,163,184,.08)}.batch-actions{margin-top:var(--space-md)}.carousel-card-content--empty{align-items:center;justify-content:center}.reel-card .logo{height:28px;width:28px}.reel-card .brand-text{font-size:var(--font-sm)}.slide-item[draggable=true]{cursor:grab}.slide-item.dragging{opacity:.4}.slide-item.drag-over{border-top:2px solid var(--color-accent-blue, #0ea5e9)}.shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#020617b3;z-index:3000}.shortcuts-panel{background:var(--color-surface, #111827);border:1px solid var(--color-border, #1e293b);border-radius:var(--radius-lg, 12px);padding:24px;max-width:400px;width:90%;box-shadow:0 10px 30px #0009}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.shortcuts-header h3{margin:0;font-size:16px;font-weight:700}.shortcuts-close{background:none;border:none;color:var(--color-text-muted, #94a3b8);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px}.shortcuts-close:hover{color:var(--color-text, #f1f5f9);background:#94a3b81a}.shortcuts-list{display:flex;flex-direction:column;gap:10px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.shortcut-key{font-family:Courier New,Courier,monospace;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;border:1px solid var(--color-border-subtle, #30363d);background:var(--color-surface-alt, #0f172a);color:var(--color-text, #f1f5f9);white-space:nowrap}