*{box-sizing:border-box} :root{--fondo:#050505;--panel:#0b0b0b;--panel2:#111;--linea:#242424;--texto:#f4f4f2;--muted:#858585;--verde:#53d68a;--rojo:#ff5c63;--amarillo:#e6c45a} html,body{margin:0;min-height:100%;background:var(--fondo);color:var(--texto);font-family:Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}.acceso{position:fixed;inset:0;display:grid;place-items:center;background:#050505;z-index:100}.acceso:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#111 50%,transparent 50.1%),linear-gradient(transparent 49.9%,#111 50%,transparent 50.1%);background-size:120px 120px;opacity:.35}.acceso-panel{position:relative;width:min(420px,calc(100vw - 40px));display:flex;flex-direction:column;gap:14px;background:#090909;border:1px solid #222;padding:42px}.acceso-panel img{width:132px;height:35px;object-fit:contain;object-position:left;filter:grayscale(1) brightness(4)}.acceso-panel p,.rotulo,.miga{font-size:10px;letter-spacing:.2em;color:#777;margin:6px 0}.acceso-panel h1{font-size:30px;margin:0}.acceso-panel>span{color:#888;font-size:13px;margin-bottom:18px}.acceso-panel label,.inspector label,dialog label{display:flex;flex-direction:column;gap:8px;color:#aaa;font-size:11px;letter-spacing:.08em}.acceso-panel input,dialog input,.inspector select{background:#050505;border:1px solid #292929;color:#fff;padding:13px;outline:none}.acceso-panel input:focus{border-color:#777}.acceso-panel button,.boton-principal{border:0;background:#f2f2ef;color:#080808;padding:13px 18px;font-weight:700;cursor:pointer}.acceso-panel small{min-height:16px;color:var(--rojo)}
.aplicacion{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.proyectos{position:fixed;inset:0 auto 0 0;width:244px;background:#080808;border-right:1px solid #1d1d1d;padding:30px 18px;display:flex;flex-direction:column;z-index:20}.logo{width:116px;height:32px;object-fit:contain;object-position:left;filter:grayscale(1) brightness(4);margin-bottom:38px}.proyectos nav{display:flex;flex-direction:column;gap:4px}.proyecto{border:0;background:transparent;color:#777;text-align:left;padding:12px;border-left:2px solid transparent;cursor:pointer}.proyecto small{display:block;font-size:9px;margin-top:5px;color:#444}.proyecto.activo{background:#111;color:#fff;border-left-color:#fff}.agregar{margin-top:12px;background:transparent;border:1px dashed #292929;color:#777;padding:11px;cursor:pointer}.pie-menu{margin-top:auto;border-top:1px solid #1c1c1c;padding-top:18px;display:flex;align-items:center;gap:8px;font-size:10px;color:#666}.pie-menu i{width:7px;height:7px;border-radius:50%;background:var(--verde);box-shadow:0 0 14px var(--verde)}.pie-menu button{margin-left:auto;border:0;background:none;color:#666;cursor:pointer}.espacio{grid-column:2;min-width:0}.cabecera{height:94px;border-bottom:1px solid #1d1d1d;padding:22px 34px;display:flex;align-items:center;justify-content:space-between}.cabecera h1{font-size:22px;margin:4px 0}.cabecera-acciones{display:flex;align-items:center;gap:18px;color:#777;font-size:11px}.vista{display:none}.vista.activa{display:block}.boton-secundario{border:1px solid #303030;background:#0b0b0b;color:#ccc;padding:10px 15px;cursor:pointer}.barra-flujo{height:72px;padding:18px 34px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #171717}.barra-flujo strong,.barra-flujo span{display:block}.barra-flujo span{color:#666;font-size:11px;margin-top:5px}.leyenda{display:flex;gap:8px!important;align-items:center;color:#6c6c6c;font-size:10px}.leyenda i{width:7px;height:7px;border-radius:50%;margin-left:10px}.leyenda .pendiente{background:#555}.leyenda .proceso{background:var(--amarillo)}.leyenda .completado{background:var(--verde)}
.lienzo-flujo{position:relative;height:calc(100vh - 166px);min-height:600px;overflow:auto;background-color:#060606;background-image:radial-gradient(#292929 1px,transparent 1px);background-size:24px 24px}.lienzo-flujo svg,#nodos-flujo{position:absolute;inset:0;width:100%;height:100%;min-width:1000px;min-height:600px}.lienzo-flujo path{fill:none;stroke:#4a4a4a;stroke-width:1.5;vector-effect:non-scaling-stroke}.nodo{position:absolute;width:180px;min-height:84px;transform:translate(-50%,-50%);background:#0c0c0c;border:1px solid #303030;color:#eee;text-align:left;padding:14px 16px;cursor:pointer;transition:.18s}.nodo:hover,.nodo.seleccionado{border-color:#aaa;transform:translate(-50%,-50%) translateY(-2px)}.nodo:before{content:"";position:absolute;left:-5px;top:36px;width:8px;height:8px;border-radius:50%;background:#444;border:2px solid #080808}.nodo:after{content:"";position:absolute;right:-5px;top:36px;width:8px;height:8px;border-radius:50%;background:#444;border:2px solid #080808}.nodo small{color:#555;font-size:9px;letter-spacing:.12em}.nodo strong{display:block;font-size:13px;margin:8px 0}.nodo span{color:#666;font-size:10px}.nodo b{position:absolute;right:12px;top:12px;width:7px;height:7px;border-radius:50%;background:#555}.nodo.estado-proceso b{background:var(--amarillo);box-shadow:0 0 10px #e6c45a77}.nodo.estado-completado b{background:var(--verde);box-shadow:0 0 10px #53d68a77}.nodo.estado-bloqueado b{background:var(--rojo)}.inspector{position:absolute;right:24px;top:184px;width:290px;background:#0c0c0c;border:1px solid #292929;padding:26px;z-index:15}.cerrar-inspector{position:absolute;right:12px;top:10px;border:0;background:none;color:#777;font-size:22px;cursor:pointer}.inspector h2{font-size:20px;margin:8px 0 28px}.inspector label{margin-top:18px}.inspector input[type=range]{width:100%;accent-color:#eee}.inspector output{color:#eee}.inspector .boton-principal{width:100%;margin-top:28px}
.guion.activa{display:grid;grid-template-columns:minmax(0,1fr) 350px;height:calc(100vh - 94px)}.guion-editor{position:relative;display:flex;flex-direction:column;min-width:0}.guion-barra{height:70px;padding:17px 28px;border-bottom:1px solid #181818;display:flex;justify-content:space-between}.guion-barra strong,.guion-barra span{display:block}.guion-barra span{font-size:10px;color:#666;margin-top:5px}#editor-guion{flex:1;margin:28px auto 90px;width:min(760px,calc(100% - 60px));background:#f4f2ed;color:#171717;padding:62px 70px;line-height:1.85;font-family:Georgia,serif;font-size:16px;outline:none;overflow:auto;box-shadow:0 12px 40px #000}#editor-guion:empty:before{content:attr(data-placeholder);color:#aaa}.completar-etapa{position:absolute;right:28px;bottom:24px;background:#eee;border:0;padding:13px 18px;font-weight:700;cursor:pointer}.prompts-panel{border-left:1px solid #1d1d1d;background:#090909;display:flex;flex-direction:column;min-height:0}.prompts-cabecera,.cola-cabecera{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #1d1d1d;font-size:10px;letter-spacing:.12em}.prompts-cabecera b,.cola-cabecera b{background:#1b1b1b;border-radius:12px;padding:4px 8px}.prompts-panel>div:nth-child(2){overflow:auto;flex:1}.prompt-item{padding:18px;border-bottom:1px solid #1c1c1c}.prompt-item header{display:flex;justify-content:space-between;gap:12px}.prompt-item em{font-size:9px;color:#aaa;letter-spacing:.12em;font-style:normal}.prompt-item p{font-family:Georgia,serif;color:#999;font-size:12px;line-height:1.5}.prompt-item textarea{width:100%;resize:vertical;min-height:110px;background:#060606;border:1px solid #282828;color:#ccc;padding:10px;font-size:11px;line-height:1.45}.prompt-item button{margin-top:8px;border:1px solid #333;background:#111;color:#ddd;padding:7px 10px;cursor:pointer;font-size:10px}.resumen{margin:16px}.menu-seleccion{position:fixed;z-index:50;width:180px;background:#111;border:1px solid #333;box-shadow:0 15px 40px #000;padding:7px}.menu-seleccion span{display:block;color:#666;font-size:9px;padding:7px}.menu-seleccion button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#ddd;padding:9px;cursor:pointer}.menu-seleccion button:hover{background:#222}
.produccion-imagenes.activa{display:grid;grid-template-columns:380px 1fr;gap:0;height:calc(100vh - 94px)}.intro-etapa{padding:54px 40px;border-right:1px solid #1c1c1c}.intro-etapa h2{font-size:30px;line-height:1.1}.intro-etapa>p:not(.miga){color:#777;line-height:1.7;font-size:13px}.intro-etapa .boton-principal{margin-top:28px}.intro-etapa small{display:block;color:#666;margin-top:14px;line-height:1.4}.cola-prompts{padding:28px;overflow:auto}.prompt-produccion{display:grid;grid-template-columns:36px 130px 1fr auto;gap:18px;align-items:center;border-bottom:1px solid #1d1d1d;padding:18px 0}.prompt-produccion input{accent-color:#fff}.prompt-produccion em{font-size:10px;color:#888}.prompt-produccion p{font-size:12px;color:#aaa}.prompt-produccion span{font-size:10px;color:#555}
.revision.activa{display:block}.mesa{display:grid;grid-template-columns:minmax(0,1fr) 330px;height:calc(100vh - 94px)}.escenario{position:relative;display:flex;flex-direction:column;padding:24px;min-width:0}.visor{flex:1;min-height:360px;display:grid;place-items:center;overflow:hidden;background:#080808;border:1px solid #181818}.visor img{display:none;max-width:100%;max-height:calc(100vh - 330px);object-fit:contain}.vacio{text-align:center;color:#666}.vacio span,.vacio small{display:block}.vacio small{margin-top:8px;font-size:10px}.datos-imagen{display:flex;justify-content:space-between;padding:13px 0;color:#888;font-size:10px}.miniaturas{display:flex;gap:7px;height:54px;overflow:auto}.miniatura{width:65px;flex:none;border:1px solid #222;background:#080808;padding:2px;cursor:pointer}.miniatura.activa{border-color:#ddd}.miniatura img{width:100%;height:100%;object-fit:cover}.controles-revision{display:flex;justify-content:center;gap:8px;margin-top:14px}.controles-revision button{border:1px solid #272727;background:#0b0b0b;color:#ccc;padding:10px 14px;cursor:pointer}.controles-revision .aprobar{color:var(--verde)}.controles-revision .rechazar{color:var(--rojo)}button:disabled{opacity:.3;cursor:not-allowed}.cola{border-left:1px solid #1c1c1c;display:flex;flex-direction:column;background:#090909}.lista-imagenes{flex:1;overflow:auto}.item-imagen{width:100%;display:grid;grid-template-columns:52px 1fr 8px;gap:11px;text-align:left;align-items:center;background:transparent;border:0;border-bottom:1px solid #171717;color:#aaa;padding:10px;cursor:pointer}.item-imagen.activa{background:#141414;color:#fff}.item-imagen img{width:52px;height:38px;object-fit:cover}.item-imagen strong,.item-imagen small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-imagen strong{font-size:10px}.item-imagen small{font-size:9px;color:#555;margin-top:5px}.item-imagen i{width:6px;height:6px;border-radius:50%;background:#555}.item-imagen i.aprobada{background:var(--verde)}.item-imagen i.rechazada{background:var(--rojo)}.iniciar{margin:16px}.correccion{position:absolute;left:24px;right:24px;bottom:22px;background:#101010;border:1px solid #333;padding:18px;z-index:5}.correccion label{font-size:10px;color:#aaa}.correccion textarea{width:100%;margin:10px 0;background:#060606;color:#ddd;border:1px solid #292929;padding:10px}.correccion>div{display:flex;justify-content:flex-end;gap:8px}.progreso{position:absolute;inset:24px;z-index:7;background:#050505eF;display:grid;place-content:center;text-align:center}.progreso strong{font-size:38px}.progreso span{color:#777;margin:10px}.barra{width:260px;height:2px;background:#222}.barra b{display:block;height:100%;background:#fff;transition:.4s}.orbita{height:55px;position:relative}.orbita i{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#fff;animation:orbita 1.4s infinite}.orbita i:nth-child(2){animation-delay:-.45s}.orbita i:nth-child(3){animation-delay:-.9s}@keyframes orbita{from{transform:rotate(0) translateX(25px)}to{transform:rotate(360deg) translateX(25px)}}
dialog{background:#0c0c0c;color:#eee;border:1px solid #333;padding:28px;min-width:360px}dialog::backdrop{background:#000c}dialog form{display:flex;flex-direction:column;gap:16px}.resumen-prompts{position:relative;width:min(720px,80vw);max-height:75vh;overflow:auto}.resumen-linea{padding:16px 0;border-bottom:1px solid #252525}.resumen-linea em{color:#777;font-size:10px}.resumen-linea p{font-size:12px;line-height:1.6}.aviso{position:fixed;right:24px;bottom:24px;background:#eee;color:#111;padding:12px 18px;transform:translateY(90px);transition:.2s;z-index:100;font-size:11px}.aviso.visible{transform:none}
[hidden]{display:none!important}
.miga,.rotulo,.prompt-item em,.prompt-produccion em,.resumen-linea em{text-transform:none!important;letter-spacing:.06em}.capitulo-actual{display:block;color:#666;font-size:11px;margin-top:2px}.grupo-proyecto{margin-bottom:8px}.capitulos{display:flex;flex-direction:column;margin-left:12px;border-left:1px solid #242424}.capitulo,.agregar-capitulo{border:0;background:transparent;color:#666;text-align:left;padding:8px 10px;font-size:10px;cursor:pointer}.capitulo:hover,.capitulo.activo{color:#fff;background:#121212}.agregar-capitulo{color:#494949}.editor-herramientas{display:flex;align-items:center;gap:5px;padding:8px 22px;border-bottom:1px solid #1d1d1d;background:#0b0b0b;overflow:auto}.editor-herramientas button,.editor-herramientas select,.editor-herramientas input{height:30px;border:1px solid #292929;background:#111;color:#ccc;padding:4px 8px}.editor-herramientas label{display:flex;align-items:center;gap:5px;font-size:11px}.editor-herramientas input[type=color]{width:32px;padding:2px}.editor-herramientas #url-enlace{width:130px}.administrar-tipos{margin:12px;border:1px dashed #333;background:transparent;color:#888;padding:10px;cursor:pointer}.tipo-editor{padding:15px 0;border-bottom:1px solid #252525}.tipo-editor input,.tipo-editor textarea{display:block;width:100%;background:#070707;border:1px solid #292929;color:#ddd;padding:10px;margin-bottom:8px}.tipo-editor>div{display:flex;justify-content:flex-end;gap:8px}.tipo-editor button{border:1px solid #333;background:#111;color:#ccc;padding:7px 10px}.tipos-dialogo{position:relative;width:min(660px,80vw);max-height:78vh;overflow:auto}.filtros-revision{height:62px;display:flex;align-items:center;gap:6px;padding:10px 22px;border-bottom:1px solid #1d1d1d}.filtro{border:1px solid #292929;background:#0b0b0b;color:#777;padding:9px 12px;cursor:pointer}.filtro.activo{color:#fff;border-color:#666}.filtro b{margin-left:6px}.filtros-revision label{margin-left:auto;display:flex;align-items:center;gap:10px;color:#777;font-size:11px}.filtros-revision select{background:#0b0b0b;color:#ddd;border:1px solid #303030;padding:9px}.revision .mesa{height:calc(100vh - 156px)}.estado-editorial{font-size:10px;margin:4px 0 8px;color:#777}.estado-editorial.aprobada{color:var(--verde)}.estado-editorial.rechazada{color:var(--rojo)}.miniatura-drive{width:52px;height:38px;display:grid;place-items:center;background:#171717;color:#555;font-size:9px}
@media(max-width:1050px){.aplicacion{grid-template-columns:74px 1fr}.proyectos{width:74px;padding:25px 10px}.logo{width:50px}.rotulo,.proyecto small,.proyecto{font-size:0}.proyecto{height:42px}.proyecto:first-letter{font-size:13px}.agregar{font-size:0}.agregar:first-letter{font-size:18px}.pie-menu span,.pie-menu button{display:none}.espacio{grid-column:2}.guion.activa{grid-template-columns:1fr 300px}}@media(max-width:760px){.cabecera{padding:18px}.barra-flujo{padding:14px}.leyenda{display:none}.guion.activa,.produccion-imagenes.activa,.mesa{display:flex;flex-direction:column;height:auto}.prompts-panel,.cola{min-height:420px;border-left:0;border-top:1px solid #222}.lienzo-flujo{height:720px}.intro-etapa{border-right:0}.visor{min-height:420px}}

/* revisión y consumo */
.visor{background-color:#080808;background-image:linear-gradient(45deg,#111 25%,transparent 25%),linear-gradient(-45deg,#111 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#111 75%),linear-gradient(-45deg,transparent 75%,#111 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.visor img{image-rendering:auto}.miniatura img{object-fit:contain}.item-imagen{grid-template-columns:minmax(0,1fr) 8px;padding:14px 12px}.item-imagen img{display:none}.controles-revision .reanudar{color:#eee;border-color:#666}.progreso #progreso-consumo{font-size:10px;color:#aaa;margin-top:0}
.configuracion-enlace{margin-top:10px;border:0;background:transparent;color:#666;text-align:left;padding:10px 12px;cursor:pointer}.configuracion-enlace:hover{color:#fff}.configuracion-panel{position:relative;width:min(680px,82vw)}.consumo-proveedor{border-top:1px solid #272727;padding:18px 0}.consumo-proveedor header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.consumo-proveedor header span{font-size:10px;color:#666}.consumo-proveedor>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.consumo-proveedor label{background:#080808;border:1px solid #202020;padding:12px;color:#666;font-size:10px}.consumo-proveedor b{display:block;color:#eee;font-size:12px;margin-top:8px}.nota-consumo{color:#666;font-size:10px;line-height:1.5}.alerta-consumo{color:var(--rojo);border:1px solid #55252a;background:#17090a;padding:12px;font-size:11px;line-height:1.5}

/* navegación, edición y colas */
.revision.activa{height:calc(100vh - 94px);overflow:hidden}.revision .mesa,.mesa,.cola,.lista-imagenes{min-height:0}.cola{overflow:hidden}.lista-imagenes{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3a3a3a #090909}.escenario{min-height:0;overflow:hidden}.visor{min-height:0}.progreso{position:fixed;inset:112px 24px auto auto;width:330px;min-height:190px;padding:24px;border:1px solid #383838;background:#080808f2;box-shadow:0 20px 70px #000;place-content:center;z-index:80}.progreso strong{font-size:28px}.progreso .barra{width:280px}.progreso .orbita{height:34px}.progreso .orbita i{width:6px;height:6px}.acciones-guion{display:flex;align-items:center;gap:7px}.acciones-guion button{border:1px solid #2c2c2c;background:transparent;color:#888;padding:7px 10px;font-size:10px;cursor:pointer}.editor-herramientas{gap:8px;padding:9px 28px;overflow-x:auto;scrollbar-width:thin}.grupo-herramientas{display:flex;align-items:center;gap:3px;padding-right:8px;border-right:1px solid #242424}.grupo-herramientas:last-child{border-right:0}.editor-herramientas button,.editor-herramientas select,.editor-herramientas input{height:32px;border:0;background:#151515;color:#bbb;padding:5px 9px}.editor-herramientas button:hover{background:#262626;color:#fff}.editor-herramientas .grupo-enlace input{width:115px;background:#0f0f0f;border-bottom:1px solid #333}.prompt-item{border-left:2px solid var(--tipo)}.prompt-item header{align-items:center}.prompt-item header em{flex:1}.prompt-item header em i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--tipo);margin-right:7px}.prompt-item header span{font-size:9px;color:#5f5f5f}.contextos{display:flex;gap:6px;overflow:auto;margin-top:8px}.contextos figure{position:relative;width:58px;height:58px;flex:none;margin:0;border:1px solid #2c2c2c}.contextos img{width:100%;height:100%;object-fit:cover}.contextos button{position:absolute;right:1px;top:1px;margin:0!important;padding:1px 5px!important;background:#000d!important}.agregar-contexto{display:block;margin:8px 0;border:1px dashed #333;padding:9px;color:#777!important;text-align:center;cursor:pointer}.tipo-identidad{display:grid;grid-template-columns:46px 1fr;gap:8px}.tipo-identidad .tipo-color{height:40px;padding:3px}.prompt-produccion{border-left:2px solid var(--tipo);padding-left:12px}#opciones-tipos button{display:flex;align-items:center;gap:8px}#opciones-tipos button i{width:7px;height:7px;border-radius:50%}#editor-guion mark[data-marca]{background:color-mix(in srgb,var(--marca) 28%,transparent);border-bottom:2px solid var(--marca);color:inherit;padding:1px 0}

@media print{body.imprimir-guion{background:#fff;color:#111}.imprimir-guion .proyectos,.imprimir-guion .cabecera,.imprimir-guion .guion-barra,.imprimir-guion .editor-herramientas,.imprimir-guion .prompts-panel,.imprimir-guion .completar-etapa{display:none!important}.imprimir-guion .aplicacion,.imprimir-guion .guion.activa{display:block!important}.imprimir-guion .espacio{display:block}.imprimir-guion #editor-guion{display:block!important;width:100%;margin:0;box-shadow:none;padding:1.8cm;background:#fff;color:#111;overflow:visible;min-height:auto}.imprimir-guion #editor-guion mark[data-marca]{print-color-adjust:exact;-webkit-print-color-adjust:exact}.imprimir-guion .guion-editor{display:block}.imprimir-guion .vista:not(#vista-guion){display:none!important}}
.prompt-produccion>img{width:150px;height:84px;object-fit:cover;border:1px solid #292929}

/* editor editorial compacto */
.guion-barra{align-items:center}.acciones-guion{gap:12px}.modo-editor{display:flex;background:#0b0b0b;border:1px solid #252525;padding:2px}.modo-editor button{border:0!important;padding:5px 9px!important}.modo-editor button.activo{background:#242424;color:#fff}.descargar-pdf{width:32px;height:32px;display:grid;place-items:center;border:1px solid #2c2c2c;color:#bbb;text-decoration:none;font-size:18px}.descargar-pdf:hover{border-color:#777;color:#fff}.editor-herramientas{width:max-content;max-width:calc(100% - 56px);align-self:center;margin:12px auto 0;padding:6px 8px;border:1px solid #242424;background:#0b0b0b;overflow:visible;gap:3px;border-radius:6px}.editor-herramientas>i{width:1px;height:20px;background:#292929;margin:0 4px}.editor-herramientas button,.editor-herramientas select,.control-color{width:32px;height:32px!important;display:grid!important;place-items:center;border:0!important;background:transparent!important;color:#aaa!important;padding:0!important;border-radius:4px}.editor-herramientas button:hover,.editor-herramientas select:hover,.control-color:hover{background:#1d1d1d!important;color:#fff!important}.editor-herramientas #tamano-texto{width:48px;padding-left:6px!important}.control-color{position:relative}.control-color span{font-weight:700}.control-color input{position:absolute!important;left:7px;right:7px;bottom:4px;width:18px!important;height:3px!important;padding:0!important;border:0}.editor-latex{flex:1;margin:28px auto 90px;width:min(760px,calc(100% - 60px));background:#f4f2ed;color:#171717;padding:62px 70px;line-height:1.65;font-family:"Cascadia Code",Consolas,monospace;font-size:13px;outline:none;border:0;resize:none;box-shadow:0 12px 40px #000}.editor-latex[hidden]{display:none!important}

/* tipos visuales */
.tipos-dialogo{width:min(720px,86vw);padding:4px 6px}.tipo-editor{padding:16px 18px;margin:10px 0;background:#101010;border:0;border-radius:8px}.tipo-identidad{display:flex;align-items:center;gap:12px}.tipo-editor .tipo-color{appearance:none;-webkit-appearance:none;width:28px!important;height:28px!important;padding:0!important;border:2px solid #292929!important;border-radius:50%;overflow:hidden;cursor:pointer;flex:none}.tipo-color::-webkit-color-swatch-wrapper{padding:0}.tipo-color::-webkit-color-swatch{border:0;border-radius:50%}.tipo-color::-moz-color-swatch{border:0;border-radius:50%}.tipo-editor .tipo-nombre{font-size:14px;font-weight:650;background:transparent;border:0;border-bottom:1px solid transparent;margin:0;padding:8px 2px}.tipo-editor .tipo-nombre:focus{border-bottom-color:#555}.tipo-editor textarea{margin:8px 0 10px;background:#0b0b0b;border:0;border-left:2px solid #282828;min-height:86px;line-height:1.5}.tipo-editor>div:last-child{gap:5px}.tipo-editor button{border:0;background:transparent;color:#777;padding:7px 9px}.tipo-editor button:hover{color:#fff;background:#1b1b1b}

/* formulario de identidades visuales */
.tipo-identidad{display:grid;grid-template-columns:30px minmax(160px,1fr) 46px 150px;align-items:center;gap:8px}.tipo-editor .tipo-orden,.tipo-editor .tipo-slug{margin:0;background:#0b0b0b;border:0;color:#888;font-size:11px;padding:8px}.tipo-editor .tipo-orden{text-align:center}.rutas-tipo{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.rutas-tipo label{display:block;color:#666;font-size:9px}.rutas-tipo input{margin:5px 0 0!important;background:#0b0b0b!important;border:0!important;color:#aaa!important;font-size:10px!important}.tipo-editor footer{display:flex;align-items:center;justify-content:flex-end;gap:5px}.tipo-editor footer span{margin-right:auto;color:#565656;font-size:9px}.tipo-editor footer button:last-child{color:#ddd}.tipo-editor,.tipo-editor textarea{box-shadow:none}.tipo-editor+.tipo-editor{margin-top:12px}
@media(max-width:760px){.tipo-identidad{grid-template-columns:30px 1fr 44px}.tipo-editor .tipo-slug{grid-column:2/4}.rutas-tipo{grid-template-columns:1fr}.acciones-guion{gap:6px}.editor-herramientas{max-width:calc(100% - 24px)}}

/* editor local de capas */
.cancelar-trabajo{margin:16px auto 0;border:1px solid #5b292c;background:transparent;color:var(--rojo);padding:8px 12px;cursor:pointer}.controles-revision .editar-capa{color:#ddd;border-color:#555}.dialogo-editor-capa{width:calc(100vw - 40px);height:calc(100vh - 40px);max-width:none;padding:0;overflow:hidden}.editor-capa-panel{height:100%;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;background:#090909}.editor-capa-panel>header,.editor-capa-panel>footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #222}.editor-capa-panel>footer{border-top:1px solid #222;border-bottom:0}.editor-capa-panel h2{margin:2px 0;font-size:18px}.barra-editor-capa{display:flex;align-items:center;gap:6px;padding:9px 20px;border-bottom:1px solid #222;overflow:auto}.barra-editor-capa button,.barra-editor-capa input{background:#111;border:1px solid #292929;color:#aaa;padding:8px;white-space:nowrap}.barra-editor-capa button{cursor:pointer}.barra-editor-capa .activa{color:#fff;border-color:#888}.barra-editor-capa label{display:flex;align-items:center;gap:7px;color:#777;font-size:10px}.barra-editor-capa input[type=range]{width:110px;padding:0}.barra-editor-capa input[type=color]{width:34px;height:32px;padding:2px}.ayuda-editor{margin:0;padding:8px 20px;color:#666;font-size:10px}.lienzo-editor-capa{min-height:0;overflow:auto;display:grid;place-items:center;background-color:#151515;background-image:linear-gradient(45deg,#222 25%,transparent 25%),linear-gradient(-45deg,#222 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#222 75%),linear-gradient(-45deg,transparent 75%,#222 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.lienzo-editor-capa canvas{display:block;box-shadow:0 0 0 1px #333;image-rendering:auto;cursor:crosshair}.editor-capa-panel footer span{font-size:10px;color:#777}
.progreso{display:block;position:fixed;inset:112px 24px auto auto;width:330px;min-height:0;padding:0;border:1px solid #383838;background:#080808f2;box-shadow:0 20px 70px #000;z-index:80;transition:opacity .18s,transform .18s}.progreso>header{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #202020}.progreso>header span{margin:0;color:#aaa;font-size:10px}.progreso>header button{border:0;background:transparent;color:#888;font-size:18px;cursor:pointer}.progreso-contenido{padding:18px 24px 20px;text-align:center}.progreso strong{display:block;font-size:28px}.progreso .barra{width:280px;margin:auto}.progreso-miniaturas{max-height:116px;overflow:auto;margin-top:14px;text-align:left;border-top:1px solid #202020}.progreso-miniaturas div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #181818;font-size:9px;color:#777}.progreso-miniaturas b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bbb}.alternar-progreso{position:fixed;right:24px;top:112px;width:42px;height:42px;border:1px solid #3a3a3a;background:#0b0b0b;color:#fff;z-index:80;cursor:pointer;box-shadow:0 12px 35px #000}
.controles-revision .agrupar-capas{color:#fff;border-color:#777}.dialogo-compositor{width:calc(100vw - 40px);height:calc(100vh - 40px);max-width:none;padding:0;overflow:hidden}.compositor-panel{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#090909}.compositor-panel>header,.compositor-panel>footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #222}.compositor-panel>header>div:last-child{display:flex;align-items:center;gap:8px}.compositor-panel>footer{border-top:1px solid #222;border-bottom:0}.compositor-panel h2{margin:2px 0;font-size:18px}.compositor-cuerpo{min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr) 250px}.profundidad-panel,.ajustes-2-5d{padding:18px;border-right:1px solid #222;overflow:auto}.ajustes-2-5d{border-right:0;border-left:1px solid #222}.profundidad-panel>span,.ajustes-2-5d>span{display:block;margin-bottom:14px;color:#777;font-size:10px}.profundidad-panel>p{color:#555;font-size:9px;line-height:1.55}.plano-2-5d{display:block;width:100%;padding:10px 8px;border:0;border-bottom:1px solid #1e1e1e;background:transparent;color:#777;text-align:left;cursor:pointer;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plano-2-5d.activo{color:#fff;background:#151515}.plano-2-5d i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#777;margin-right:7px}.ajustes-2-5d label{display:grid;grid-template-columns:1fr auto;gap:6px;margin:0 0 14px;color:#777;font-size:10px}.ajustes-2-5d input{grid-column:1/3;width:100%;accent-color:#ddd}.ajustes-2-5d output{color:#ddd}.escena-2-5d{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;perspective:1200px;background-color:#151515;background-image:linear-gradient(45deg,#1d1d1d 25%,transparent 25%),linear-gradient(-45deg,#1d1d1d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1d1d1d 75%),linear-gradient(-45deg,transparent 75%,#1d1d1d 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.escena-2-5d>div{position:relative;width:min(75vw,1024px);aspect-ratio:16/9;transform-style:preserve-3d;transition:transform .12s}.capa-2-5d{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center;will-change:transform,filter;pointer-events:none}.compositor-panel footer span{font-size:10px;color:#777}@media(max-width:900px){.compositor-cuerpo{grid-template-columns:160px minmax(0,1fr)}.ajustes-2-5d{grid-column:1/3;border-left:0;border-top:1px solid #222;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ajustes-2-5d>span{grid-column:1/-1}.ajustes-2-5d label{margin:0}}
.ajustes-2-5d select{grid-column:1/3;width:100%;background:#111;border:1px solid #292929;color:#ddd;padding:7px}.ajustes-2-5d .alternar-plano{display:flex;align-items:center;justify-content:space-between}.ajustes-2-5d .alternar-plano input{width:auto;grid-column:auto}.plano-2-5d.oculto{opacity:.4}.plano-2-5d.oculto i{background:#333}.compositor-panel>header .cerrar-inspector{position:static}.compositor-panel>header .boton-secundario{font-size:10px;padding:8px 11px}

/* sistema compacto de controles */
button,.boton-principal,.boton-secundario,.aprobar,.rechazar,.reanudar,.editar-capa,.agrupar-capas{min-height:30px;border:1px solid #303030!important;border-radius:6px!important;padding:6px 10px!important;font-size:10px;line-height:1.2;box-shadow:none;transition:border-color .16s,background .16s,color .16s,transform .16s}
button:hover:not(:disabled),.boton-principal:hover:not(:disabled),.boton-secundario:hover:not(:disabled){border-color:#686868!important;transform:translateY(-1px)}
button:focus-visible,.boton-principal:focus-visible,.boton-secundario:focus-visible{outline:2px solid #eee;outline-offset:2px}
button:disabled{opacity:.38;cursor:not-allowed}.boton-principal{background:#ecece8;border-color:#ecece8!important}.cerrar-inspector,.navegar{border-radius:50%!important;padding:0!important}.nodo{border-radius:8px!important}.iniciar,.completar-etapa{min-height:36px!important;padding:8px 13px!important}.alternar-progreso{border-radius:8px!important}
input,select,textarea{border-radius:5px}

/* etapa de animaciones aprobadas */
.animaciones.activa{display:grid;grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 94px);overflow:hidden}.animaciones-cabecera{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #202020}.animaciones-cabecera h2{margin:3px 0 6px;font-size:20px}.animaciones-cabecera>div>span,.animaciones-cabecera>b{color:#777;font-size:10px}.animaciones-mesa{min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr)}.lista-animaciones{overflow:auto;border-right:1px solid #222;padding:12px}.tarjeta-animacion{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:5px;margin-bottom:6px;background:#0b0b0b;color:#aaa;text-align:left}.tarjeta-animacion span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tarjeta-animacion small{color:#555;font-size:8px}.tarjeta-animacion.activa{background:#171717;color:#fff;border-color:#666!important}.sin-animaciones{color:#666;font-size:10px;line-height:1.6;padding:18px 8px}.animacion-principal{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.visor-animacion{min-height:0;display:grid;place-items:center;overflow:hidden;background-color:#121212;background-image:linear-gradient(45deg,#191919 25%,transparent 25%),linear-gradient(-45deg,#191919 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#191919 75%),linear-gradient(-45deg,transparent 75%,#191919 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;perspective:1200px}.visor-animacion>div:first-child{position:relative;width:min(72vw,1100px);aspect-ratio:16/9;transform-style:preserve-3d}.visor-animacion img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center;will-change:transform,filter}.animacion-vacia{color:#666;font-size:11px;text-align:center;width:min(420px,80%);line-height:1.6}.animacion-principal footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #222}.animacion-principal footer div{display:flex;flex-direction:column;gap:5px}.animacion-principal footer span{color:#666;font-size:9px}

/* manipulación directa 2.5d */
.escena-2-5d{position:relative;touch-action:none}.herramientas-escena{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:40;display:flex;gap:4px;padding:4px;background:#090909e8;border:1px solid #2c2c2c;border-radius:8px;box-shadow:0 10px 30px #0008}.herramientas-escena button{background:transparent;color:#777;border-color:transparent!important}.herramientas-escena button.activo{background:#222;color:#fff;border-color:#555!important}.ayuda-escena{position:absolute;z-index:35;left:50%;bottom:12px;transform:translateX(-50%);padding:7px 10px;border-radius:6px;background:#080808d9;color:#777;font-size:9px;white-space:nowrap}.capa-2-5d{pointer-events:auto}.capa-2-5d.seleccionada{outline:1px solid #ffffff80;outline-offset:2px}.plano-2-5d{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;border:1px solid transparent!important;border-radius:6px!important;margin-bottom:5px!important}.plano-2-5d>img{width:42px;height:28px;object-fit:contain;background:#151515;border-radius:3px}.plano-2-5d>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plano-2-5d>i{display:none}.plano-2-5d.activo{border-color:#555!important}
@media(max-width:760px){.animaciones-mesa{grid-template-columns:1fr}.lista-animaciones{max-height:150px;border-right:0;border-bottom:1px solid #222}.ayuda-escena{display:none}}

/* compositor 3d: el lienzo domina y los paneles nunca lo cubren */
.dialogo-compositor{inset:12px!important;width:calc(100vw - 24px)!important;height:calc(100dvh - 24px)!important;margin:0!important}.compositor-panel>header{min-height:72px;padding:12px 18px}.compositor-panel>footer{min-height:56px;padding:10px 18px}.compositor-cuerpo{grid-template-columns:210px minmax(0,1fr) 264px;overflow:hidden}.profundidad-panel,.ajustes-2-5d{min-height:0;overflow-y:auto;scrollbar-width:thin}.escena-2-5d{padding:62px 24px 44px}.escena-2-5d>div{width:auto;aspect-ratio:auto}.escena-2-5d>#capas-2-5d{position:relative;width:min(100%,1100px);height:auto;max-height:100%;aspect-ratio:16/9;transform-style:preserve-3d;transition:transform .12s}.herramientas-escena{width:auto!important;height:auto!important;aspect-ratio:auto!important;white-space:nowrap}.herramientas-escena button{min-width:0}.ayuda-escena{max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.compositor-cuerpo.inspector-oculto{grid-template-columns:210px minmax(0,1fr)}.compositor-cuerpo.inspector-oculto .ajustes-2-5d{display:none}.compositor-cuerpo.planos-ocultos{grid-template-columns:minmax(0,1fr) 264px}.compositor-cuerpo.planos-ocultos .profundidad-panel{display:none}.compositor-cuerpo.planos-ocultos.inspector-oculto{grid-template-columns:minmax(0,1fr)}
.controles-paneles{display:flex;gap:5px}.controles-paneles button{background:#0b0b0b;color:#aaa}.gestor-camaras{padding:12px 0 16px;margin-bottom:14px;border-bottom:1px solid #252525}.gestor-camaras>div{display:grid;grid-template-columns:minmax(0,1fr) 30px 30px;gap:5px}.gestor-camaras select{min-width:0}.gestor-camaras button{padding:0!important;font-size:15px}.gestor-camaras small{display:block;margin-top:7px;color:#555;font-size:8px;line-height:1.45}.grupo-ejes{display:flex;gap:3px;margin-left:3px;padding-left:6px;border-left:1px solid #2b2b2b}.grupo-ejes button{width:28px;padding:0!important}.grupo-ejes button.activo{color:#fff;border-color:#777!important}.indicador-ejes{position:absolute;right:14px;bottom:14px;z-index:34;width:58px;height:58px;border-radius:50%;border:1px solid #333;background:#080808d9;color:#777;font-size:8px;pointer-events:none}.indicador-ejes i{position:absolute;left:28px;top:28px;width:22px;height:1px;transform-origin:left}.indicador-ejes .eje-x{background:#d76565}.indicador-ejes .eje-y{background:#68b97f;transform:rotate(-90deg)}.indicador-ejes .eje-z{background:#668fd3;transform:rotate(-35deg)}.indicador-ejes b{position:absolute;font-weight:500}.indicador-ejes b:nth-of-type(1){right:3px;top:25px;color:#d76565}.indicador-ejes b:nth-of-type(2){left:26px;top:2px;color:#68b97f}.indicador-ejes b:nth-of-type(3){right:8px;top:8px;color:#668fd3}
@media(max-width:1000px){.compositor-cuerpo{grid-template-columns:170px minmax(0,1fr)}.ajustes-2-5d{position:absolute;right:0;top:0;bottom:0;width:270px;z-index:45;background:#090909;box-shadow:-20px 0 40px #000}.compositor-cuerpo.inspector-oculto{grid-template-columns:170px minmax(0,1fr)}.escena-2-5d{padding-left:14px;padding-right:14px}}
.escena-2-5d>#capas-2-5d{width:min(100%,1100px,calc((100dvh - 230px)*1.777));max-height:calc(100dvh - 230px)}.ajustes-2-5d label:has(#plano-rotacion){display:none}
.grupo-orden{display:flex;gap:3px;margin-left:3px;padding-left:6px;border-left:1px solid #2b2b2b}.grupo-orden button{padding:0 7px!important}
.controles-plantillas{display:flex;align-items:center;gap:5px;margin-left:auto}.controles-plantillas select{height:30px;min-width:170px;background:#0b0b0b;border:1px solid #303030;color:#ddd;padding:5px 8px}.controles-plantillas button{background:#0b0b0b;color:#aaa}.menu-contextual-camara{position:fixed;z-index:200;min-width:190px;padding:5px;background:#0a0a0a;border:1px solid #383838;border-radius:7px;box-shadow:0 18px 50px #000}.menu-contextual-camara button{display:flex;align-items:center;gap:9px;width:100%;background:transparent;color:#ccc;border-color:transparent!important;text-align:left}.menu-contextual-camara button:hover{background:#1a1a1a}.herramientas-escena [data-modo]{width:32px;font-size:15px;padding:0!important}.marco-seleccion-3d{position:absolute;border:1px solid #ddd;pointer-events:none;transform-origin:center;box-shadow:0 0 0 1px #0008}.marco-seleccion-3d .pivote{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-5px;border:1px solid #fff;border-radius:50%;background:#111;box-shadow:0 0 0 1px #000}.marco-seleccion-3d .manejador-escala{position:absolute;right:-5px;bottom:-5px;width:9px;height:9px;border:1px solid #111;background:#fff}.marco-seleccion-3d .eje{position:absolute;left:50%;top:50%;font-size:8px;font-style:normal}.marco-seleccion-3d .eje-x{width:42px;border-top:1px solid #d76565;color:#d76565;text-align:right}.marco-seleccion-3d .eje-y{height:42px;border-left:1px solid #68b97f;color:#68b97f;padding-top:32px}.marco-seleccion-3d .eje-z{transform:rotate(-35deg);width:34px;border-top:1px solid #668fd3;color:#668fd3;text-align:right}.capa-2-5d.seleccionada{outline:0}.animacion-principal.cargando:after{content:'Cargando composición…';position:absolute;color:#777;font-size:10px}
@media(max-width:900px){.controles-plantillas{width:100%;margin-top:10px;flex-wrap:wrap}.animaciones-cabecera{align-items:flex-start;flex-wrap:wrap}.controles-plantillas select{flex:1}}