@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceOnce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-slide-up{animation:slideUp .8s ease-out forwards}.animate-bounce-once{animation:bounceOnce 1s ease-in-out}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#64748b}.chat-slides-container{display:flex;flex-direction:column;min-height:calc(100vh - 4rem)}@media (min-width:1024px){.chat-slides-container{flex-direction:row}}.control-section{background-color:#37415180;padding:.75rem}.section-title-sm{color:#38bdf8;font-size:1rem;font-weight:600;line-height:1.5rem;margin-bottom:.5rem}.label-xs{color:#d1d5db;display:block;font-weight:500;line-height:1rem;margin-bottom:.25rem}.input-base{color:#e5e7eb}.input-base:focus{--tw-ring-color:#0ea5e9}.input-base::placeholder{color:#9ca3af}.min-h-60{min-height:60px}.button-base{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.button-base:focus{--tw-ring-opacity:0.75;outline:2px solid #0000;outline-offset:2px}.button-primary:hover{background-color:#0284c7}.button-primary:focus{--tw-ring-color:#38bdf8}.button-blue{background-color:#3b82f6;color:#fff}.button-blue:hover{background-color:#2563eb}.button-blue:focus{--tw-ring-color:#60a5fa}.button-red{background-color:#dc2626;color:#fff}.button-red:hover{background-color:#b91c1c}.button-red:focus{--tw-ring-color:#ef4444}.button-green{background-color:#16a34a;color:#fff}.button-green:hover{background-color:#15803d}.button-green:focus{--tw-ring-color:#22c55e}.button-orange{background-color:#ea580c;color:#fff;font-size:.75rem;line-height:1rem}.button-orange:hover{background-color:#c2410c}.button-slate{background-color:#4b5563;color:#d1d5db;font-size:.875rem;line-height:1.25rem}.button-slate:hover{background-color:#6b7280}.file-input{color:#e5e7eb}.file-input::-webkit-file-upload-button{border-width:0}.file-input::file-selector-button{border-width:0}.collapsible-header{color:#67e8f9}.disclosure-arrow{transform-origin:center;transition-duration:.2s;transition-property:transform}.disclosure-arrow.open{transform:rotate(180deg)}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.checkbox:focus{--tw-ring-color:#38bdf8}.color-input{border-width:0}.preset-button{border-radius:.5rem;color:#e5e7eb;font-weight:600;padding:.5rem 1rem;transition-duration:.15s}.preset-button.active-sky{background-color:#0369a1}.w-full{width:100%}.flex-1{flex:1 1}.mt-2{margin-top:.5rem}.mb-3{margin-bottom:.75rem}.hook-controls-inset{display:flex;flex-direction:column;gap:.75rem;padding-left:1.5rem}.hook-controls-inset,.phone-ui-controls{border-color:#4b5563;border-left-width:2px}.pfp-preview{border:2px solid #4b5563;border-radius:9999px;height:2.5rem;margin-top:.5rem;object-fit:cover;width:2.5rem}.color-picker-grid,.color-picker-grid-styling{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.text-muted{margin-top:.5rem}.text-muted,.text-muted-sm{color:#9ca3af;font-size:.75rem;line-height:1rem}.text-muted-sm{margin-bottom:.75rem}.text-sky-300-80{color:#67e8f9cc}.image-preview-container{background-color:#1f2937;border:1px solid #4b5563;border-radius:.25rem;padding:.5rem}.image-preview-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,minmax(0,1fr));max-height:8rem;overflow-y:auto}.image-preview-item{border-radius:.25rem;height:3rem;object-fit:cover;width:3rem}.sender-type-selector{align-items:center;display:flex;justify-content:space-between}.message-list-slides{background-color:#1f2937;border:1px solid #4b5563;border-radius:.375rem;display:flex;flex-direction:column;gap:.375rem;max-height:12rem;overflow-y:auto;padding:.5rem}.no-messages-text{padding-bottom:.5rem;padding-top:.5rem}.message-list-item-slides{align-items:center;background-color:#374151;border:1px solid #4b5563;border-radius:.375rem;cursor:grab;display:flex;font-size:.75rem;justify-content:space-between;line-height:1rem;padding:.375rem}.message-list-item-slides.opacity-50{opacity:.5}.message-list-item-slides.bg-sky-700-50{background-color:#0369a180}.message-text-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-text-preview.sent{color:#38bdf8}.message-text-preview.received{color:#c084fc}.remove-message-btn{color:#f87171;font-size:.875rem;font-weight:700;line-height:1.25rem;margin-left:.5rem;padding-left:.375rem;padding-right:.375rem}.remove-message-btn:hover{color:#fca5a5}.disabled-label{color:#6b7280}.message-type-toggle{align-items:center;display:flex;justify-content:space-between}.switch{align-items:center;cursor:pointer;display:inline-flex;position:relative}.switch .peer{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.switch .slider{background-color:#4b5563;border-radius:9999px;height:1.5rem;transition:all .15s ease-in-out;width:2.75rem}.switch .slider:after{background-color:#fff;border:1px solid #d1d5db;border-radius:9999px;content:"";height:1.25rem;left:2px;position:absolute;top:2px;transition:all .15s ease-in-out;width:1.25rem}.switch .peer:checked+.slider{background-color:#0ea5e9}.switch .peer:checked+.slider:after{border-color:#fff;transform:translateX(100%)}.switch .peer:focus+.slider{--tw-ring-color:#38bdf8;box-shadow:0 0 0 2px var(--tw-ring-color)}.save-queue-list{background-color:#1f2937;border-radius:.375rem;flex-direction:column;gap:.375rem;max-height:12rem;overflow-y:auto;padding:.5rem}.save-queue-item,.save-queue-list{border:1px solid #4b5563;display:flex}.save-queue-item{align-items:center;background-color:#374151;border-radius:.375rem;font-size:.75rem;justify-content:space-between;line-height:1rem;padding:.375rem}.save-queue-name{color:#d1d5db;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-queue-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}@media (min-width:640px){.save-queue-actions{flex-direction:row}.save-queue-actions .button-red{font-size:.75rem}.save-queue-actions .button-green{font-size:.875rem}}.immediate-export-section{border-top:1px solid #4b5563;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.canvas-container{box-shadow:0 25px 50px -12px #00000040}.save-queue-item-interactive{align-items:center;background-color:#374151;border:1px solid #4b5563;border-radius:.375rem;display:flex;font-size:.75rem;justify-content:space-between;padding:.125rem}.save-queue-name-button{background:none;border:none;border-radius:.25rem;color:#d1d5db;cursor:pointer;flex-grow:1;overflow:hidden;padding:.25rem .5rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.save-queue-name-button:hover{background-color:#4b5563;color:#fff}.return-to-script-btn{font-size:.875rem;margin-bottom:.75rem;max-width:24rem;width:100%}.remove-queue-item-btn{background:none;border:none;border-radius:.25rem;color:#f87171;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:700;line-height:1;margin-left:.5rem;padding:.25rem .5rem}.remove-queue-item-btn:hover{background-color:#991b1b;color:#fca5a5}.save-queue-name-button.active{background-color:#0ea5e9;color:#fff;font-weight:600}.main-container{display:flex;flex-direction:column;min-height:calc(100vh - 4rem)}@media (min-width:1024px){.main-container{flex-direction:row}}.controls-panel{background-color:#1f2937;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;gap:1.25rem;height:100%;overflow-y:auto;padding:1rem 1.5rem;width:100%}@media (min-width:1024px){.controls-panel{max-height:calc(100vh - 4rem);width:33.333333%}}.canvas-preview-area{align-items:center;background-color:#111827b3;display:flex;flex-direction:column;justify-content:center;padding:1rem 1.5rem;width:100%}@media (min-width:1024px){.canvas-preview-area{width:66.666667%}}.main-title{color:#67e8f9;font-size:1.5rem;font-weight:700;line-height:2rem;text-align:center}.section-title{line-height:1.75rem}.section-subtitle,.section-title{color:#38bdf8;margin-bottom:.5rem}.section-subtitle{font-size:1rem;font-weight:600;line-height:1.5rem}.label{font-size:.875rem;line-height:1.25rem}.label,.range-label{color:#d1d5db;display:block;font-weight:500;margin-bottom:.25rem}.range-label{font-size:.75rem;line-height:1rem}.disabled-text{color:#6b7280}.disabled-text,.error-text{font-size:.75rem;line-height:1rem;margin-top:.5rem}.error-text{color:#fca5a5}.description-text{color:#9ca3af;font-size:.75rem;line-height:1rem;margin-bottom:.75rem}.highlight-amber{color:#fcd34d;font-weight:700}.highlight-sky{color:#7dd3fc;font-weight:700}.section-container{background-color:#37415180;border-radius:.5rem;padding:.75rem}.export-section,.section-container{display:flex;flex-direction:column;gap:.75rem}.export-section{border-top:1px solid #374151;margin-top:1rem;padding-top:1rem}.export-filename-container{border-top:1px solid #4b5563;margin-top:.75rem;padding-top:.75rem}.button-base{border-radius:.5rem;font-weight:600;outline:none;padding:.5rem 1rem;transition:all .15s ease-in-out}.button-base:focus{box-shadow:0 0 0 2px #3b82f680}.button-base:disabled{cursor:not-allowed;opacity:.5}.primary-button{background-color:#0ea5e9;color:#fff}.primary-button:hover{background-color:#0284c7}.blue-button{background-color:#3b82f6;color:#fff}.blue-button:hover{background-color:#2563eb}.red-button{background-color:#dc2626;color:#fff}.red-button:hover{background-color:#b91c1c}.green-button{background-color:#16a34a;color:#fff}.green-button:hover{background-color:#15803d}.orange-button{background-color:#ea580c;color:#fff;flex:1 1;font-size:.75rem}.orange-button:hover{background-color:#c2410c}.preset-button{background-color:#4b5563;color:#d1d5db;flex:1 1;font-size:.75rem;line-height:1rem}.preset-button:hover{background-color:#6b7280}.preset-button.active{background-color:#0ea5e9}.preset-button.active-purple{background-color:#9333ea}.preset-button.active-sky{background-color:#0ea5e9}.reset-filters-button{background-color:#4b5563;color:#d1d5db;font-size:.875rem;line-height:1.25rem;width:100%}.reset-filters-button:hover{background-color:#6b7280}.full-width{width:100%}.input-base{background-color:#374151;border:1px solid #4b5563;border-radius:.375rem;color:#d1d5db;padding:.625rem;width:100%}.input-base:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e9;outline:none}.input-base::placeholder{color:#6b7280}.file-input{background-color:#374151;color:#d1d5db;display:block;line-height:1.25rem}.file-input::-webkit-file-upload-button{background-color:#0369a1;border:0;border-radius:9999px;color:#e0f2fe;font-size:.875rem;line-height:1.25rem}.file-input::file-selector-button{background-color:#0369a1;border:0;border-radius:9999px;color:#e0f2fe;font-size:.875rem;line-height:1.25rem}.file-input:hover::-webkit-file-upload-button{background-color:#075985}.file-input:hover::file-selector-button{background-color:#075985}.range-input{-webkit-appearance:none;appearance:none;background-color:#4b5563;border-radius:.5rem;height:.5rem}.disabled-input{cursor:not-allowed;opacity:.5}.checkbox-label{align-items:center;color:#d1d5db;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;line-height:1.25rem}.checkbox{background-color:#4b5563;border-color:#4b5563;border-radius:.25rem;color:#0ea5e9;height:1rem;width:1rem}.checkbox:focus{box-shadow:0 0 0 2px #0ea5e9}.toggle-switch{align-items:center;cursor:pointer;display:inline-flex;position:relative}.toggle-input{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.toggle-slider{background-color:#4b5563;border-radius:9999px;height:1.5rem;position:relative;transition:all .2s ease-in-out;width:2.75rem}.toggle-slider:after{background-color:#fff;border:1px solid #d1d5db;border-radius:9999px;content:"";height:1.25rem;left:2px;position:absolute;top:2px;transition:all .2s ease-in-out;width:1.25rem}.toggle-input:checked+.toggle-slider{background-color:#0ea5e9}.toggle-input:checked+.toggle-slider:after{border-color:#fff;transform:translateX(100%)}.toggle-input:focus+.toggle-slider{box-shadow:0 0 0 2px #0ea5e9}.color-input{background-color:initial;border:none;border-radius:.25rem;cursor:pointer;height:2rem;padding:0;width:2rem}.color-picker-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.color-picker-label{align-items:center;color:#d1d5db;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;line-height:1rem}.color-picker-title{color:#6b7280cc;font-size:1rem;font-weight:600;line-height:1.5rem;margin-bottom:.25rem}.collapsible-header{align-items:center;background-color:#374151;border-radius:.375rem;color:#7dd3fc;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.25rem;padding:.75rem}.collapsible-header:hover{background-color:#4b5563}.caret{transform:rotate(0deg);transition:transform .2s}.caret.open{transform:rotate(180deg)}.collapsible-content{display:flex;flex-direction:column;gap:1rem;padding-top:.75rem}.thumbnail-container{margin-top:.75rem}.thumbnail-title{color:#d1d5db;font-size:.875rem;font-weight:600;line-height:1.25rem;margin-bottom:.5rem}.thumbnail-list{align-items:center;display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.thumbnail-button{border:2px solid #4b5563;border-radius:.375rem;flex-shrink:0;height:4rem;overflow:hidden;width:4rem}.thumbnail-button.selected{border-color:#0ea5e9}.thumbnail-image{height:100%;object-fit:cover;width:100%}.image-name-text{color:#9ca3af;font-size:.75rem;line-height:1rem;margin-top:.5rem}.profile-image-preview{border:2px solid #4b5563;border-radius:9999px;height:2.5rem;margin-top:.5rem;object-fit:cover;width:2.5rem}.hook-overlay-controls,.phone-ui-controls{border-left:2px solid #4b5563;display:flex;flex-direction:column;gap:.75rem;padding-left:1.5rem}.selected-images-container{background-color:#1f2937;border:1px solid #4b5563;border-radius:.25rem;padding:.5rem}.selected-images-title{color:#9ca3af;font-size:.75rem;line-height:1rem;margin-bottom:.5rem}.selected-images-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,minmax(0,1fr));max-height:8rem;overflow-y:auto}.selected-image-preview{border-radius:.25rem;height:3rem;object-fit:cover;width:3rem}.sender-type-container{align-items:center;display:flex;justify-content:space-between}.message-list-container{background-color:#1f2937;border:1px solid #4b5563;border-radius:.375rem;display:flex;flex-direction:column;gap:.375rem;max-height:12rem;overflow-y:auto;padding:.5rem}.no-messages-text{color:#6b7280;font-size:.75rem;line-height:1rem;padding:.5rem 0;text-align:center}.message-list-item{align-items:center;background-color:#374151;border:1px solid #4b5563;border-radius:.375rem;cursor:grab;display:flex;font-size:.75rem;justify-content:space-between;line-height:1rem;padding:.375rem}.message-list-item.opacity-50{opacity:.5}.message-list-item.bg-sky-700\/50{background-color:#0369a180}.message-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-text.sent{color:#38bdf8}.message-text.received{color:#c084fc}.image-placeholder-text{color:#9ca3af;font-style:italic}.remove-message-button{color:#f87171;font-size:.875rem;font-weight:700;line-height:1.25rem;margin-left:.5rem;padding:0 .375rem}.remove-message-button:hover{color:#ef4444}.drop-indicator-slides{background-color:#38bdf8;height:2px;margin-bottom:.125rem;margin-top:.125rem}.message-type-container{align-items:center;display:flex;justify-content:space-between}textarea.input-base{min-height:60px}.queue-list-container{background-color:#1f2937;border-radius:.375rem;flex-direction:column;gap:.375rem;max-height:12rem;overflow-y:auto;padding:.5rem}.queue-item,.queue-list-container{border:1px solid #4b5563;display:flex}.queue-item{align-items:center;background-color:#374151;border-radius:.375rem;font-size:.75rem;justify-content:space-between;line-height:1rem;padding:.375rem}.queue-item-name{color:#d1d5db;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-queue-item-button{color:#f87171;flex-shrink:0;font-size:.875rem;font-weight:700;line-height:1.25rem;margin-left:.5rem;padding:0 .375rem}.remove-queue-item-button:hover{color:#ef4444}.queue-buttons-container{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}@media (min-width:640px){.queue-buttons-container{flex-direction:row}.queue-buttons-container .button-base{width:100%}.queue-buttons-container .green-button{font-size:.875rem}.queue-buttons-container .red-button{font-size:.75rem}}.canvas-container{background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-left:auto;margin-right:auto;max-width:24rem}.canvas{display:block;height:100%;width:100%}.preview-text{color:#6b7280;font-size:.75rem;line-height:1rem;margin-top:.5rem}.script-format-text{color:#9ca3af;font-size:.75rem;margin-top:.5rem}.image-animator-container{background-color:#111827;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}@media (min-width:1024px){.image-animator-container{align-items:flex-start;flex-direction:row;height:calc(100vh - 4rem)}}.animator-main-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:flex-start;min-width:0}.animator-controls-panel{background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}@media (min-width:1024px){.animator-controls-panel{flex-shrink:0;max-height:100%;overflow-y:auto;width:26rem}}.control-section{background-color:#11182750}.control-heading{border-bottom:1px solid #374151;color:#94a3b8;font-size:1.125rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem}.animator-preview-area{align-items:center;background-color:#111827;border-radius:.5rem;display:flex;justify-content:center;padding:1rem}.animator-canvas-container{aspect-ratio:9/16;background-color:#000;border:1px solid #374151;border-radius:.375rem;margin-left:auto;margin-right:auto;max-width:24rem;overflow:hidden;position:relative;width:100%}#animator-canvas{display:block;height:100%;width:100%}.animator-timeline-container{background-color:#1f2937;border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}#animator-timeline{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.75rem;scrollbar-color:#38bdf8 #374151;scrollbar-width:thin}#animator-timeline::-webkit-scrollbar{height:8px}#animator-timeline::-webkit-scrollbar-track{background:#374151;border-radius:10px}#animator-timeline::-webkit-scrollbar-thumb{background-color:#38bdf8;border:2px solid #374151;border-radius:10px}.timeline-item{background-color:#111827;border:2px solid #0000;border-radius:.375rem;cursor:pointer;flex-shrink:0;height:10.66rem;overflow:hidden;position:relative;transition:all .15s ease-in-out;width:6rem}.timeline-item.selected{border-color:#0ea5e9;box-shadow:0 0 15px #0ea5e980}.timeline-item img{height:100%;object-fit:cover;width:100%}.timeline-item-overlay{background:#000000b3;bottom:0;color:#fff;font-size:.75rem;left:0;padding:.25rem;position:absolute;right:0;text-align:center}.timeline-item-delete{align-items:center;background:#0009;border:none;border-radius:9999px;color:#f87171;cursor:pointer;display:flex;height:1.5rem;justify-content:center;opacity:0;position:absolute;right:.25rem;top:.25rem;transition:opacity .15s ease-in-out;width:1.5rem;z-index:5}.timeline-item:hover .timeline-item-delete{opacity:1}.timeline-item-delete:hover{background:#000c;color:#ef4444}.animator-label{color:#d1d5db;display:block;font-size:.875rem;font-weight:500;line-height:1.25rem;margin-bottom:.25rem}.animator-input,.animator-select{background-color:#374151;border:1px solid #4b5563;border-radius:.375rem;color:#e5e7eb;padding:.625rem;width:100%}.animator-input:focus,.animator-select:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px #1e40af;outline:none}.animator-file-input{color:#9ca3af;display:block;font-size:.875rem;width:100%}.animator-file-input::-webkit-file-upload-button{border:0;border-radius:9999px;cursor:pointer;font-size:.875rem;font-weight:600;margin-right:1rem;padding:.5rem 1rem;-webkit-transition:background-color .15s;transition:background-color .15s}.animator-file-input::file-selector-button{border:0;border-radius:9999px;cursor:pointer;font-size:.875rem;font-weight:600;margin-right:1rem;padding:.5rem 1rem;transition:background-color .15s}.animator-file-input.accent-sky::-webkit-file-upload-button{background-color:#0369a1;color:#f0f9ff}.animator-file-input.accent-sky::file-selector-button{background-color:#0369a1;color:#f0f9ff}.animator-file-input.accent-sky:hover::-webkit-file-upload-button{background-color:#0284c7}.animator-file-input.accent-sky:hover::file-selector-button{background-color:#0284c7}.animator-file-input.accent-purple::-webkit-file-upload-button{background-color:#7e22ce;color:#f5f3ff}.animator-file-input.accent-purple::file-selector-button{background-color:#7e22ce;color:#f5f3ff}.animator-file-input.accent-purple:hover::-webkit-file-upload-button{background-color:#9333ea}.animator-file-input.accent-purple:hover::file-selector-button{background-color:#9333ea}.animator-file-input.accent-emerald::-webkit-file-upload-button{background-color:#047857;color:#ecfdf5}.animator-file-input.accent-emerald::file-selector-button{background-color:#047857;color:#ecfdf5}.animator-file-input.accent-emerald:hover::-webkit-file-upload-button{background-color:#059669}.animator-file-input.accent-emerald:hover::file-selector-button{background-color:#059669}.animator-file-input.accent-teal::-webkit-file-upload-button{background-color:#0d9488;color:#f0fdfa}.animator-file-input.accent-teal::file-selector-button{background-color:#0d9488;color:#f0fdfa}.animator-file-input.accent-teal:hover::-webkit-file-upload-button{background-color:#14b8a6}.animator-file-input.accent-teal:hover::file-selector-button{background-color:#14b8a6}audio::-webkit-media-controls-panel{background-color:#374151}audio{filter:invert(90%) sepia(10%) saturate(600%) hue-rotate(180deg)}.chat-animator-container{color:#e5e7eb;width:100%}.page-title{color:#38bdf8;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.main-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1280px){.main-grid{grid-template-columns:minmax(320px,1fr) minmax(350px,450px) minmax(320px,1fr);height:calc(100vh - 12rem)}}.controls-column,.script-column{background-color:#1f293799;border-radius:.75rem;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 12rem);overflow-y:auto;padding:1.25rem}.preview-column{align-items:center;background-color:#11182755;border-radius:.75rem;display:flex;justify-content:center;min-height:70vh;padding:1rem}.section-title{border-bottom:1px solid #374151;color:#7dd3fc;font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.control-section{background-color:#27374d80;border:1px solid #374151;border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.label,.label-xs{color:#d1d5db;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.label-xs{font-size:.75rem}.color-input-box,.input-base{background-color:#374151;border:1px solid #4b5563;border-radius:.375rem;color:#e5e7eb;height:42px;padding:.625rem;width:100%}.color-input-box{cursor:pointer;padding:.25rem}.range-input{accent-color:#0ea5e9;cursor:pointer;height:auto;width:100%}.file-input{background-color:#1f2937;border:1px solid #4b5563;border-radius:.375rem;color:#9ca3af;font-size:.875rem;width:100%}.file-input::-webkit-file-upload-button{background-color:#0ea5e9;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-weight:600;margin-right:1rem;padding:.5rem 1rem}.file-input::file-selector-button{background-color:#0ea5e9;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-weight:600;margin-right:1rem;padding:.5rem 1rem}.button-primary,.button-secondary{border-radius:.375rem;font-weight:600;padding:.75rem 1rem;transition:background-color .2s,transform .1s}.button-primary:active,.button-secondary:active{transform:scale(.98)}.button-primary:disabled,.button-secondary:disabled{cursor:not-allowed;opacity:.5}.button-primary{background-color:#0ea5e9;color:#fff}.button-primary:hover:not(:disabled){background-color:#0284c7}.button-secondary{background-color:#4b5563;color:#fff}.button-secondary:hover:not(:disabled){background-color:#6b7280}.button-group{display:flex;gap:.5rem}.canvas-container{aspect-ratio:9/16;background-color:#000;border:12px solid #111827;border-radius:2rem;box-shadow:0 20px 30px -10px #00000080,inset 0 0 8px #ffffff1a;max-width:405px;overflow:hidden;width:100%}.canvas-container canvas{display:block;height:100%;width:100%}.script-editor-container{flex-grow:1;overflow-y:auto;padding-right:.5rem}.script-item{background-color:#374151;border-left:4px solid;border-radius:.375rem;transition:border-color .2s ease-in-out}.script-item-header{align-items:center;background-color:#4b5563;display:flex;padding:.5rem .75rem}.script-item-title-btn{background:none;border:none;color:#d1d5db;cursor:pointer;flex-grow:1;font-weight:600;padding:0;text-align:left}.script-button-group{display:flex;flex-shrink:0;gap:.25rem;margin-left:.5rem}.script-header-btn{align-items:center;border:1px solid #0000004d;border-radius:5px;box-shadow:0 1px 2px #0003;color:#fff;cursor:pointer;display:flex;font-size:.7rem;font-weight:700;height:1.5rem;justify-content:center;transition:all .15s ease-out;width:2.25rem}.script-header-btn:hover{box-shadow:0 2px 4px #0000004d;filter:brightness(1.1);transform:translateY(-1px)}.script-header-btn:active{box-shadow:0 1px 1px #0003;filter:brightness(.95);transform:translateY(0)}.drag-handle{align-items:center;color:#9ca3af;cursor:grab;display:flex;font-size:1.25rem;justify-content:center;line-height:1;padding-left:.25rem;padding-right:.75rem;transition:color .2s}.drag-handle:hover{color:#e5e7eb}.vibe-section{border-top:1px solid #4b5563;margin-top:1rem;padding-top:1rem}.vibe-preset-select{background-color:#374151;border:1px solid #4b5563;border-radius:.25rem;color:#d1d5db;font-size:.75rem;padding:.25rem .5rem}.vibe-details-grid{grid-gap:.75rem;background-color:#1f293770;border:1px solid #4b5563;border-radius:.375rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;padding:.75rem}.vibe-detail-label{color:#9ca3af;display:block;font-size:.75rem;font-weight:500;margin-bottom:.25rem;text-transform:capitalize}.vibe-detail-input{background-color:#4b5563;border:1px solid #6b7280;border-radius:.25rem;color:#e5e7eb;font-size:.75rem;padding:.375rem;width:100%}.preview-btn{align-items:center;display:flex;flex-shrink:0;font-size:1rem;height:42px;justify-content:center;padding-left:.75rem;padding-right:.75rem;width:42px}.editor-log{background-color:#111827;border-radius:.25rem;color:#9ca3af;flex-grow:1;font-family:monospace;font-size:.8rem;max-height:200px;min-height:100px;overflow-y:auto;padding:.5rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1f2937}::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280}
/*# sourceMappingURL=main.0eb0f6f2.css.map*/