/* Prism 26: adaptable por componente, no por dispositivo concreto. */
:root{--pr26-sky:#89d9ff;--pr26-pink:#ff94d1;--pr26-lilac:#bda0ff}
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:clip}
button,a,input,textarea,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #93ecff;outline-offset:3px}
/* Cada tarjeta negocia el espacio por sí misma, sin invadir otra acción. */
.masonry .pr24-card{container-type:inline-size;min-width:0;isolation:isolate}
.masonry .pr24-card-actions,.pr24-card-actions{
 display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;
 align-items:center!important;justify-content:flex-start!important;min-width:0!important;width:100%!important;padding:10px 12px 13px!important;
}
.pr24-card-actions>.prism-card-reactions{
 display:flex!important;flex:0 0 100%!important;min-width:0!important;width:100%!important;
 gap:8px!important;align-items:center;justify-content:flex-start!important;
 grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;
}
.pr24-card-actions .prism-social-pill{flex:0 0 auto;min-width:40px!important;min-height:40px!important;border-radius:14px!important;padding:8px 10px!important}
.pr24-card-actions>.prism-comment-chip{
 display:inline-flex!important;align-items:center;justify-content:center;flex:1 1 112px!important;
 max-width:100%;min-width:0!important;width:auto!important;min-height:40px;white-space:normal!important;
 grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;
 font-weight:700!important;font-size:12px!important;line-height:1.25!important;
}
.pr24-card-actions>.pr24-bookmark{min-width:0!important;max-width:100%;flex:0 0 auto!important;min-height:40px!important;width:auto!important;grid-column:auto!important;grid-row:auto!important}
.pr24-card-actions>.pr25-share-card{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;grid-column:auto!important;grid-row:auto!important}
.pr24-card-actions>*{position:relative;z-index:1}
@container (max-width:290px){
 .pr24-card-actions>.prism-comment-chip{flex:1 1 100%!important}
 .pr24-card-actions>.pr24-bookmark{flex:1 1 auto!important}
 .pr24-card-actions{padding:8px!important}
 .pr24-card-actions>.prism-card-reactions{gap:5px!important}
}
/* En móviles muy pequeños se conserva la interacción en dos/tres filas cómodas. */
@media(max-width:420px){
 .pr24-card-actions{padding:8px!important;gap:6px!important}
 .pr24-card-actions .prism-social-pill{min-height:42px!important;min-width:42px!important}
 .pr24-card-actions>.prism-comment-chip{flex:1 1 100%!important}
 .community-layout,.community-layout .feed,.community-layout .community-side{min-width:0!important;width:100%!important}
 .community-header nav{max-width:100%;overflow-x:auto}
 .pr24-filterbar>*{min-width:0!important;max-width:100%}
 .pr24-shortcuts{width:100%}.pr24-shortcuts>*{flex:1 1 auto}
}
/* Visor de imágenes y conversación: nunca superponer botones encima de texto. */
#detailDialog .v11-detail-social,#detailDialog #v11DetailInfo{min-width:0}
#detailDialog .pr24-detail-secondary{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
#detailDialog .prism-follow-button{margin-top:12px!important;display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto}
#detailDialog .prism-reactions{display:flex!important;gap:9px!important;flex-wrap:wrap!important;width:100%}
#detailDialog .prism-social-pill{min-height:40px;min-width:44px}
#detailDialog .prism-report-options{margin-top:17px}
#detailDialog .v11-detail-grid{min-width:0!important}
#detailDialog .v11-detail-media,#detailDialog .v11-detail-social{min-width:0!important}
#detailDialog .v11-detail-media img,#detailDialog .v11-detail-media video{max-width:100%!important;max-height:calc(100dvh - 125px)!important;object-fit:contain!important}
#detailDialog .v11-detail-media{overscroll-behavior:contain}
@media(max-width:760px){
 #detailDialog{width:calc(100vw - 12px)!important;max-width:none!important;height:calc(100dvh - 12px)!important;max-height:none!important;margin:auto!important}
 #detailDialog .v11-detail-grid{display:flex!important;flex-direction:column!important;min-height:0;height:calc(100% - 55px)}
 #detailDialog .v11-detail-media{flex:0 0 auto;min-height:170px;max-height:42dvh;overflow:auto}
 #detailDialog .v11-detail-social{flex:1 1 0;overflow-y:auto;padding:14px!important}
 #detailDialog .v11-detail-media img,#detailDialog .v11-detail-media video{max-height:38dvh!important}
}
/* Encuadre estilo creador. Acepta JPG/WebP/GIF sin aplastar ni rasterizar GIF. */
.pr26-cropper{position:fixed;inset:0;margin:auto;width:min(550px,calc(100vw - 20px));max-height:calc(100dvh - 18px);height:auto;overflow:auto;
 border:1px solid #a185e9;border-radius:27px;padding:clamp(15px,3vw,25px);background:linear-gradient(160deg,#211934,#131527);color:#f6f3ff;
 box-shadow:0 35px 110px #000b,0 0 38px #aa81ed4d;}
.pr26-cropper::backdrop{background:#080415dc;backdrop-filter:blur(9px)}
.pr26-cropper:before{content:"";position:absolute;top:0;left:7%;right:7%;height:3px;background:linear-gradient(90deg,#8ae8ff,#a68aff,#ff85c9);box-shadow:0 0 22px #df8ffca9}
.pr26-crop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:4px 0 10px}
.pr26-crop-head small{display:block;font-size:10px;letter-spacing:.15em;font-weight:800;color:#9fdbff}
.pr26-crop-head h2{margin:6px 0 4px;font-size:clamp(21px,4vw,29px);line-height:1.2}
.pr26-crop-head button{width:37px;height:37px;background:#3c2d59;border:1px solid #8367b5;border-radius:11px;color:white;font-size:26px}
.pr26-crop-lead{color:#c7badc;font-size:13px;line-height:1.5;margin:0 0 15px}
.pr26-crop-frame{position:relative;width:min(300px,100%);aspect-ratio:1;margin:0 auto 20px;overflow:hidden;touch-action:none;
 border:4px solid #e5dcff;border-radius:50%;cursor:grab;background:#0c0a15;box-shadow:0 0 0 7px #41315e,0 0 30px #bca4ff7a}
.pr26-crop-frame.is-cover{width:100%;aspect-ratio:2.7;border-radius:15px}
.pr26-crop-frame.is-dragging{cursor:grabbing}
.pr26-crop-frame img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none;transform-origin:center center}
.pr26-crop-zoom{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin:14px 0 20px;font-size:13px}
.pr26-crop-zoom label{font-weight:700}.pr26-crop-zoom input{width:100%;accent-color:#bda0ff}.pr26-crop-zoom output{font-weight:700;min-width:48px;text-align:right}
.pr26-crop-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}
.pr26-crop-actions button{border:1px solid #755e9b;background:#322744;color:#fff;border-radius:13px;min-height:43px;padding:10px 16px;font-weight:700}
.pr26-crop-actions button.primary{color:#1e1530;border:0;background:linear-gradient(110deg,#94dfff,#b69aff,#f090cf);box-shadow:0 7px 23px #b77cff48}
.pr26-crop-action{width:100%;margin:7px 0 13px;min-height:42px!important;border-color:#9575d8!important}
.pr26-fine-tuning{margin:9px 0 12px;border:1px solid #4c426e;border-radius:12px;padding:9px 12px;background:#221b33}
.pr26-fine-tuning summary{cursor:pointer;font-size:13px;color:#c8b5ff;font-weight:700}
.pr26-fine-tuning label{display:block;margin-top:9px}.pr26-fine-tuning input{width:100%}
.v11-assets .asset-preview.avatar-preview{border-radius:50%;width:clamp(114px,26vw,170px);height:clamp(114px,26vw,170px)}
.v11-assets .asset-preview,.creator-avatar,.creator-cover{overflow:hidden!important}
.v11-assets .asset-preview img,.creator-cover img,.creator-avatar img{transform-origin:center center;will-change:auto}
/* Editor de foto: señal activa y controles de acceso. */
.pr25-photo-lab-grid .pr26-active-tool{border-color:#9ee9ff!important;background:#3f3670!important;box-shadow:0 0 0 2px #7cccf360,0 0 19px #9f7fff70!important}
.pr25-photo-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pr25-photo-lab-grid>button{min-width:0;overflow-wrap:anywhere}
.pr25-related{scroll-margin:100px}
.pr26-reel-launch{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border-radius:15px!important;min-height:42px}
.pr26-reel-launch svg{width:17px;height:17px}
/* Perfil, feed y tarjetas no tienen scroll lateral no solicitado. */
@media(max-width:768px){
 .v11-edit-grid{grid-template-columns:minmax(0,1fr)!important}
 .v11-assets{max-width:100%;min-width:0}
 .pr26-reel-launch{flex:1 0 100%}
 .feedhead{flex-wrap:wrap!important}.feedhead button{min-width:0}
 .pr25-reel-actions{right:max(10px,env(safe-area-inset-right))}
 .pr25-reel-foot{max-width:calc(100% - 100px)}
}
@media(prefers-reduced-motion:reduce){.pr26-cropper,.pr24-card,.pr25-photo-lab-grid>*{transition:none!important;animation:none!important}}
/* Reels y estudio audiovisual en móviles pequeños: controles accesibles y zonas de toque. */
body:has(#detailDialog[open]){overflow:hidden;scrollbar-gutter:stable}
@media(max-width:820px){
 body:has(>.topbar) .body-wrap .side-panel{z-index:250!important;scrollbar-width:thin}
 body:has(>.topbar) .body-wrap .side-panel .prism-video-panel-close{position:sticky!important;top:0!important;z-index:10!important;min-height:44px;float:right;border:1px solid #ab89d8!important;background:#3c2f5d!important;border-radius:12px!important}
 body:has(>.topbar) .body-wrap .side-panel :is(input,select,button,textarea){min-width:0!important;max-width:100%!important}
 body:has(>.topbar) .topbar>.tabs>*{flex:0 0 auto!important}
 .community-header{flex-wrap:wrap;gap:8px!important;min-width:0}
 .community-header>*{max-width:100%}
 .community-header #publish{min-height:42px;max-width:100%}
}
@media(max-width:370px){
 .pr25-reel-foot{width:calc(100% - 95px)!important;left:11px!important}
 .pr25-reel-actions button{min-height:42px!important;min-width:42px!important}
 .pr25-reel-controls{right:8px!important;top:19%!important}
 .pr26-cropper{border-radius:18px!important}
 .pr26-crop-actions>*{flex:1 1 auto}
}
.pr26-reel-person{display:flex;align-items:center;gap:10px}.pr26-reel-person img{width:32px;height:32px;object-fit:cover;border-radius:50%;border:1px solid #bd9dff;flex-shrink:0}.pr26-reel-person a{min-width:0;overflow-wrap:anywhere}