:root{--background: oklch(98.5% 0 0);--foreground: oklch(14.5% 0 0);--card: oklch(100% 0 0);--card-foreground: oklch(14.5% 0 0);--primary: oklch(55% .16 260);--primary-foreground: oklch(98.5% 0 0);--secondary: oklch(93% 0 0);--secondary-foreground: oklch(20% 0 0);--destructive: oklch(60% .22 25);--destructive-border: oklch(54.355% .1996 25.12);--destructive-foreground: oklch(98.5% 0 0);--border: oklch(90% 0 0);--bg-table: oklab(93.705% 0 -.00011);--input: oklch(90% 0 0);--success: oklch(65% .2 140);--success-dark: oklch(57.772% .17734 140.104);--warning: oklch(75% .2 60);--font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-geist: "Geist", sans-serif;--font-size-base: 16px;--font-size-sm: 14px;--font-size-xs: 12px;--font-size-lg: 24px;--font-size-xl: 32px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--spacing-32: 32px;--spacing-48: 48px;--border-radius: 8px;--border-radius-sm: 4px;--box-shadow: 0 4px 16px oklch(0% 0 0 / .08);--box-shadow-lg: 0 8px 24px oklch(0% 0 0 / .1) }*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:var(--spacing-16);font-family:var(--font-family-geist);font-size:var(--font-size-base);font-optical-sizing:auto;font-weight:400;color:var(--foreground);background-color:var(--background);display:flex;justify-content:center;align-items:center;min-height:100vh}.app-container{width:100%;max-width:1440px;display:flex;justify-content:center;align-items:center;padding:var(--spacing-32);border-radius:24px;border:1px solid #ccc}.screen{display:none}.screen--visible{display:block;width:100%}.centered-card{display:flex;flex-direction:column;gap:var(--spacing-16);max-width:100%;margin:10vh auto;padding:var(--spacing-32)}.centered-card__title{display:flex;justify-content:center;align-items:center;gap:var(--spacing-8);margin:0;font-size:var(--font-size-lg);font-weight:500;color:var(--card-foreground);text-align:center}.centered-card__subtitle{text-align:center;color:#636363;margin-top:calc(-1 * var(--spacing-16));margin-bottom:var(--spacing-16)}.centered-card__actions{display:flex;justify-content:center;gap:var(--spacing-16);flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-8);height:40px;padding:0 var(--spacing-24);font-family:var(--font-family-geist);font-size:var(--font-size-sm);font-weight:400;color:var(--primary-foreground);background-color:var(--foreground);border:1px solid var(--foreground);border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.button:hover{filter:brightness(1.1);transform:translateY(-2px);border:1px solid var(--foreground)}.button--secondary{color:var(--secondary-foreground);background-color:var(--secondary);border:1px solid var(--border)}.button--success{color:var(--primary-foreground);background-color:var(--success);border:1px solid var(--success-dark)}.button--success:hover{border:1px solid var(--success-dark)}.button--destructive{color:var(--destructive-foreground);background-color:var(--destructive);border:1px solid var(--destructive-border)}.button--destructive:hover{border:1px solid var(--destructive)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.script-editor{display:flex;flex-direction:column;gap:var(--spacing-24)}.script-editor__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-16);padding-bottom:var(--spacing-16);border-bottom:1px solid var(--border);flex-wrap:wrap}.script-editor__project-name{flex-grow:1;font-size:var(--font-size-lg);font-family:var(--font-family-geist);font-weight:600;padding:var(--spacing-8);border:none;border-bottom:2px solid transparent;background-color:transparent}.script-editor__project-name:focus{outline:none;border-bottom:2px solid var(--primary)}.script-editor__scenes-container{display:flex;flex-direction:column;gap:var(--spacing-32)}.button--link{background:none;border:none;color:var(--link);padding:0;height:auto;text-decoration:underline;font-weight:400;cursor:pointer}.button--link:hover{filter:brightness(.8);transform:none;box-shadow:none}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.auth-screen{display:none}.auth-screen--visible{display:flex}.auth-form{width:100%;display:flex;flex-direction:column;gap:var(--spacing-16)}.auth-form__group{display:flex;flex-direction:column;gap:var(--spacing-4)}.auth-form__label{font-size:var(--font-size-sm);font-weight:500}.auth-form__input{height:48px;padding:0 var(--spacing-16);font-family:var(--font-family-geist);font-size:var(--font-size-sm);border:1px solid var(--input);border-radius:var(--border-radius);background-color:var(--background)}.auth-form__button{margin-top:var(--spacing-8)}.auth-switch{font-size:var(--font-size-sm);text-align:center;margin-top:var(--spacing-8)}.auth-form small{font-size:var(--font-size-xs);color:#636363}.app-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:var(--spacing-16);flex-wrap:wrap;gap:var(--spacing-8)}.app-header .centered-card__title{margin-bottom:0}.script-editor__header-actions{display:flex;gap:var(--spacing-8);flex-wrap:wrap}.scene{position:relative;padding:var(--spacing-24);background-color:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.scene__header{margin:0 0 var(--spacing-16) 0;font-size:var(--font-size-lg);font-weight:600}.scene__delete-button{position:absolute;top:var(--spacing-16);right:var(--spacing-16)}.scene__content{display:grid;grid-template-columns:1fr 2fr 2fr;gap:var(--spacing-16)}.scene__form-group{display:flex;flex-direction:column;gap:var(--spacing-8)}.scene__label{font-weight:500}.scene__input,.scene__textarea{padding:0 var(--spacing-16);font-family:var(--font-family-geist);font-size:var(--font-size-sm);border:1px solid var(--input);border-radius:var(--border-radius);background-color:var(--background)}.scene__input{height:48px}.scene__textarea{height:120px;padding-top:var(--spacing-16);resize:vertical}.scene__file-uploader{display:flex;align-items:center;gap:var(--spacing-8)}.scene__file-input{display:none}.scene__file-name{flex-grow:1;height:48px;line-height:48px;padding:0 var(--spacing-16);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:var(--background);border:1px dashed var(--border);border-radius:var(--border-radius)}.scene__image-preview{max-width:100%;height:400px;object-fit:contain;margin-top:var(--spacing-8);border-radius:var(--border-radius);border:1px solid var(--border);padding:var(--spacing-16);display:none}.projects-list{display:flex;flex-direction:column;gap:var(--spacing-16)}.project-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-16);background-color:var(--secondary);border:1px solid var(--border);border-radius:var(--border-radius)}.project-item__name{display:flex;align-items:center;gap:var(--spacing-8);font-size:var(--font-size-base);font-weight:600}.project-item__name i{font-size:var(--font-size-lg);font-weight:300}.project-item__actions{display:flex;gap:var(--spacing-8);flex-wrap:wrap}.script-output{padding:var(--spacing-16)}.script-output__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-16);padding-bottom:var(--spacing-16);border-bottom:1px solid var(--border);flex-wrap:wrap}.script-output__title{margin:0;font-size:var(--font-size-lg)}.script-output__actions{display:flex;gap:var(--spacing-8);flex-wrap:wrap}.script-output__table{width:100%;margin-top:var(--spacing-24);border-collapse:collapse}.script-output__table th,.script-output__table td{padding:var(--spacing-16);font-weight:400;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.script-output__table th{font-weight:600;background-color:var(--bg-table)}.script-output__table th:not(:last-child){border-right:1px solid var(--border)}.script-output__table th:nth-last-child(1){text-align:center}.script-output__table th:nth-child(1){text-align:center}.script-output__table td:nth-child(1){font-weight:600;text-align:center}.script-output__table td:nth-last-child(1){text-align:center}.script-output__image{max-width:200px;height:auto;border-radius:var(--border-radius);border:1px solid var(--border);padding:var(--spacing-8)}.script-output__image--clickable{cursor:pointer}.scene-audio-editor{min-height:120px;font-family:inherit;font-size:var(--font-size-sm);background-color:var(--background);border-radius:var(--border-radius-sm)}.ql-container.ql-snow{border:1px solid var(--input);border-radius:var(--border-radius-sm);font-family:inherit;font-size:var(--font-size-sm);line-height:1.5}.ql-editor{min-height:120px}.ql-toolbar.ql-snow{border:1px solid var(--input);border-radius:var(--border-radius-sm)}.ql-container.ql-snow:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px oklch(from var(--primary) l a b / .3)}.lightbox{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000d9;justify-content:center;align-items:center}.lightbox--visible{display:flex}.lightbox__content{max-width:90%;max-height:80vh;border-radius:var(--border-radius)}.lightbox__close{position:absolute;top:24px;right:40px;color:#fafafa;font-size:48px;font-weight:700;cursor:pointer;transition:color .2s ease}.lightbox__close:hover{color:#bebebe}@media(max-width:992px){.scene__content{grid-template-columns:1fr 2fr}.scene__content .scene__form-group:first-child{grid-column:1 / -1}}@media(max-width:768px){.w-100{width:100%}.scene__file-uploader{flex-direction:column}.scene{padding:var(--spacing-16)}.project-item{flex-direction:column;gap:var(--spacing-16)}.button--sm{width:100%;padding:0 var(--spacing-16)}.centered-card{padding:0}.scene__content{grid-template-columns:1fr}.script-output{padding:0}.script-output__table thead{display:none}.script-output__table tr{display:block;margin-bottom:var(--spacing-24);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-8)}.script-output__table td{display:block;text-align:left;border-bottom:1px dashed var(--border);padding-left:40%;position:relative}.script-output__table td:last-child{border-bottom:0}.script-output__table td:before{content:attr(data-label);position:absolute;left:var(--spacing-16);width:calc(50% - var(--spacing-32));padding-right:var(--spacing-16);font-weight:600;text-align:left}.script-output__image{position:relative;top:24px;right:100px;margin:10px 0}.script-output__table td:nth-child(1){text-align:right}}