:root{--accent:#157765;--accent-ink:#fff;--bg:#f3f5f3;--surface:#fff;--chip:#eaf5f1;--ink:#172b28;--muted:#61716c;--line:#dfe7e3}
.portal-back{color:var(--accent);font-size:13px;font-weight:700;text-decoration:none;padding:8px}
.mobile-bottom,.mobile-panels{display:none}
.mobile-intro{width:100%;font-size:13px;color:var(--muted);margin:10px 0 0}.mobile-intro a{color:var(--accent)}
.mobile-results article{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;margin-top:14px}
.mobile-results video{width:100%;max-height:360px;background:#111;border-radius:10px}
.mobile-save{display:block;text-align:center;background:var(--accent);color:#fff;border-radius:9px;padding:12px;text-decoration:none;font-weight:700}
button,.boton,select,input{min-height:42px}
.inicio .lebron{display:none}
@media(max-width:760px){
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom));font-size:15px}
 input,select,textarea{font-size:16px!important}
 .nav{position:relative;padding:12px;gap:6px}.nav .marca{display:none}.nav .cuentas{width:100%;display:flex;font-size:13px}.nav .cuentas select{max-width:160px;flex:1}.nav>.portal-back{padding:4px 6px}.nav>[data-ir]{display:none}
 .mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:80;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:var(--surface);border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
 .mobile-bottom a,.mobile-bottom button{display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:10px;text-decoration:none;color:var(--ink);font:700 13px var(--body);border:1px solid var(--line);background:var(--surface)}
 .mobile-bottom button{background:var(--accent);color:#fff}
 #vista_video .app{display:flex;flex-direction:column;padding:12px;gap:12px}#vista_video .app>header{order:0}#vista_video .colder{order:1;width:100%;position:static}#vista_video .app>.col:not(.colder){order:2;width:100%}
 #vista_video header h1{font-size:25px}#vista_video header .sub{font-size:12px}
 .monitor{padding:12px;position:static}.monitor .pantalla{width:190px;max-width:65vw;margin:0 auto}.monitor .fila{gap:7px}.monitor button{font-size:12px;min-height:42px}.monitor .msg{font-size:12px}
 .mobile-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;position:sticky;top:0;z-index:25;background:var(--bg);padding:8px 0}.mobile-panels button{font-size:12px;min-height:44px}.mobile-panels [aria-pressed=true]{background:var(--accent);color:#fff}
 .app[data-panel=media] [data-mobile-panel]:not([data-mobile-panel=media]),.app[data-panel=time] [data-mobile-panel]:not([data-mobile-panel=time]),.app[data-panel=settings] [data-mobile-panel]:not([data-mobile-panel=settings]){display:none}
 .caja{padding:13px;border-radius:14px}.desktop-folder{display:none!important}.archivo{flex-wrap:wrap}.archivo .fila{width:100%;justify-content:flex-end}.fila{gap:8px}
 .capas{grid-template-columns:1fr!important}.tl-barra{gap:8px}.tl-barra button{min-height:42px}.tl-cuerpo{overflow:hidden}.tl-scroll{overscroll-behavior-x:contain}.tl-vol{display:grid;gap:8px}.tl-vol label{flex-wrap:wrap}
 .cuentaMas[open]>div{right:auto;left:0;max-width:calc(100vw - 28px)}
 #g_app{padding:12px}.puertas{grid-template-columns:1fr}.inicio{padding:20px 14px}.inicio h1{font-size:32px}
}
@media(max-width:760px){.archivo{grid-template-columns:44px minmax(0,1fr)}.archivo>.fila{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-start}}
.life-text-editor textarea{display:block;box-sizing:border-box;width:100%;padding:12px;margin:8px 0;font:16px/1.45 Arial,sans-serif;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.life-text-editor p{font-size:13px;color:var(--muted)}.life-text-editor input{width:85px}body[data-montage-mode="life-text"] #btnFormatoFb{display:none}body[data-montage-mode="life-text"] #zonaChistes>h2{font-size:0}body[data-montage-mode="life-text"] #zonaChistes>h2:after{content:"Texto de Life Is A Joke (V2)";font-size:14px}body[data-montage-mode="life-text"] #zonaChistes>label{display:none}
body[data-montage-mode="life-text"] #zonaChistes>.fila,body[data-montage-mode="life-text"] #cajaLogo,body[data-montage-mode="life-text"] details:has(#c_logoX){display:none!important}.joke-text{overflow-wrap:anywhere}

.video-share{margin:12px 0}.video-share button{min-height:44px;width:100%;font-weight:700}.video-share p{font-size:13px;line-height:1.5;margin:8px 0;overflow-wrap:anywhere}