/* VOUGHT PRISM 28 | Perfil acogedor / recorte confirmado / pixel art sin ruido visual */
:root{--pr28-bg:#131224;--pr28-layer:#211a35;--pr28-line:#665484;--pr28-lilac:#bfa4ff;--pr28-mint:#8ce6ec}
#profileContent{min-width:0}
#profileContent .creator-profile-shell{
 position:relative;isolation:isolate;overflow:hidden;min-width:0;
 border:1px solid #76619a!important;border-radius:24px!important;
 background:radial-gradient(circle at 83% 75%,#362451 0,transparent 35%),linear-gradient(165deg,#1b1730,#171628 80%)!important;
 box-shadow:0 20px 68px #05040c73,0 0 0 1px #a987d51a!important;
}
#profileContent .creator-cover{height:clamp(230px,31vw,375px)!important;min-height:220px;background:linear-gradient(135deg,#30204e,#13182d)!important;position:relative;overflow:hidden}
#profileContent .creator-cover img{width:100%;height:100%;object-fit:cover!important;display:block;object-position:center center}
#profileContent .creator-cover-gradient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#08061000 34%,#151124a1 80%,#151124 100%)!important}
#profileContent .creator-cover::after{content:'✦';position:absolute;right:30px;top:23px;width:30px;height:30px;border-radius:9px;text-align:center;line-height:30px;color:#dcceffcf;background:#1b15386b;border:1px solid #d4b9ff45;backdrop-filter:blur(8px);pointer-events:none}
#profileContent .creator-profile-top{position:relative;z-index:2;display:flex!important;align-items:end!important;gap:clamp(12px,2.2vw,24px)!important;margin-top:-72px!important;padding:0 clamp(17px,3vw,35px)!important;flex-wrap:wrap;min-width:0}
#profileContent .creator-avatar{width:clamp(104px,12vw,146px)!important;height:clamp(104px,12vw,146px)!important;flex:none;border:5px solid #191427!important;outline:2px solid #c6acff;border-radius:30%!important;background:#29243e;box-shadow:0 0 0 6px #9676cb40,0 10px 30px #0806109e!important;overflow:hidden}
#profileContent .creator-avatar img{width:100%;height:100%;object-fit:cover;display:block}
#profileContent .creator-title{flex:1 1 230px;min-width:0;padding-bottom:8px;text-shadow:0 2px 9px #0b0616a6}
#profileContent .creator-title h1{font-size:clamp(26px,3.15vw,43px)!important;line-height:1.13!important;overflow-wrap:anywhere;letter-spacing:-.028em}
#profileContent .creator-title .eyebrow{color:#dbcaff!important;letter-spacing:.14em;font-size:11px;font-weight:750}
#profileContent .creator-actions{display:flex;gap:9px;align-self:center;flex-wrap:wrap;min-width:0}
#profileContent .creator-actions button{min-height:43px;min-width:116px;border-radius:13px!important;padding:10px 18px!important;transition:transform .2s ease,box-shadow .2s ease}
#profileContent .creator-actions button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9880ff38}
#profileContent :is(.creator-bio,.creator-stats,.profile-message){position:relative;z-index:1;margin-left:clamp(17px,3vw,35px)!important;margin-right:clamp(17px,3vw,35px)!important}
#profileContent .creator-bio{line-height:1.6;overflow-wrap:anywhere;max-width:770px;color:#e5ddef;margin-top:18px}
#profileContent .creator-stats{display:flex;flex-wrap:wrap;gap:9px!important;margin-top:18px}
#profileContent .prism-stat-button{background:#302741a8!important;border:1px solid #6d5b87!important;border-radius:12px!important;min-height:39px!important;padding:8px 13px!important;color:#e0cfff!important}
#profileContent .prism-stat-button:hover{border-color:#cbb3ff!important;background:#45345f!important}
.pr28-profile-signature{display:flex;justify-content:end;align-items:center;gap:7px;padding:7px clamp(17px,3vw,35px) 13px;color:#a99bbc;font-size:10px;font-weight:750;letter-spacing:.13em;opacity:.87}
.pr28-profile-signature img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 8px #b287fb49);animation:pr28-float 4.2s ease-in-out infinite}
.pr28-profile-signature img:last-child{animation-delay:-2s}
#editPanel.v11-editor{background:linear-gradient(150deg,#211a36,#18182b)!important;border:1px solid #74609b!important;border-radius:24px!important;box-shadow:0 20px 50px #0e0a1b57;scroll-margin-top:82px;min-width:0}
#editPanel .section-head{align-items:center;gap:12px;flex-wrap:wrap}
#editPanel h2{font-size:clamp(22px,2.5vw,30px)!important;letter-spacing:-.035em}
#editPanel :is(input,textarea,select){max-width:100%}
#editPanel .v11-edit-grid{gap:clamp(16px,2.6vw,32px)!important;min-width:0}
#editPanel .v11-edit-grid>div{min-width:0}
.pr28-assets{padding:0!important;border:0!important;background:none!important;min-width:0!important;max-width:100%}
.pr28-assets-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;min-width:0}
.pr28-assets-head h3{font-size:clamp(19px,2vw,24px);margin:0 0 5px;color:#f3edff}
.pr28-assets-head p{font-size:13px;line-height:1.55;color:#c5b9d9;margin:0}
.pr28-assets-head .eyebrow{font-size:10px;margin:0 0 4px;color:#9eeaf4}
.pr28-assets-head .pr28-sparkle{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:12px;color:#ffd9ed;background:#55406c8c;border:1px solid #a582ce;font-size:24px}
.pr28-media-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.pr28-media-card{position:relative;min-width:0;padding:clamp(12px,2vw,18px);border:1px solid #695783;border-radius:20px;background:linear-gradient(143deg,#322744,#242139 65%,#1c2034);box-shadow:inset 0 1px #ffffff0a,0 11px 22px #0f0c1d2e;overflow:hidden}
.pr28-media-card::after{content:'✦';position:absolute;right:13px;top:13px;color:#9980c0;font-size:16px;pointer-events:none}
.pr28-media-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.pr28-media-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#403557;border:1px solid #685482;color:#a4e3f2;font-size:22px}
.pr28-media-title h4{font-size:15px;font-weight:780;margin:0 0 3px;color:#f6f0ff}
.pr28-media-title p{font-size:11px;color:#bdb1d1;margin:0}
.pr28-preview-stage{position:relative;display:grid;place-items:center;min-height:160px;padding:11px;border-radius:16px;border:1px dashed #7b649e;background:radial-gradient(circle at 20% 15%,#5140689e,transparent 52%),#1c182d;isolation:isolate}
.pr28-preview-stage .asset-preview{display:block;position:relative;overflow:hidden;width:100%;padding:0!important;background:#161323}
.pr28-preview-stage .asset-preview.avatar-preview{width:clamp(105px,22vw,150px)!important;height:clamp(105px,22vw,150px)!important;border-radius:50%!important;border:3px solid #d4bafa!important;box-shadow:0 0 0 7px #b398f22a,0 8px 27px #08061270}
.pr28-preview-stage .asset-preview.cover-preview{height:auto!important;aspect-ratio:2.8!important;min-height:102px;border-radius:12px!important;border:2px solid #9b81bb!important}
.pr28-preview-stage .asset-preview img{width:100%!important;height:100%!important;display:block;object-fit:cover!important}
.pr28-preview-stage .asset-preview img[hidden]{display:none!important}
.pr28-pixel-companion{position:absolute;right:10px;bottom:6px;width:clamp(30px,6vw,48px);height:clamp(30px,6vw,48px);object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 5px #02010487);animation:pr28-float 3.9s ease-in-out infinite;z-index:2}
.pr28-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;align-items:stretch}
.pr28-file-btn,.pr28-card-actions .pr26-crop-action{display:flex!important;align-items:center;justify-content:center!important;gap:4px;position:relative;min-width:0!important;width:100%!important;min-height:44px!important;margin:0!important;padding:10px 8px!important;border-radius:12px!important;font-weight:750!important;font-size:12px!important;line-height:1.25;white-space:normal!important;text-align:center;cursor:pointer}
.pr28-file-btn{color:#20152d!important;background:linear-gradient(110deg,#b2e9f4,#c0a2ff)!important;border:1px solid #c5adff!important}
.pr28-file-btn:hover{filter:brightness(1.07)}
.pr28-file-btn input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}
.pr28-file-btn:focus-within{outline:3px solid #9ce7f6;outline-offset:3px}
.pr28-card-actions .pr26-crop-action{background:#342a4d!important;border:1px solid #8a71b2!important;color:#e2d1ff!important}
.pr28-card-actions .pr26-crop-action:hover{background:#45375f!important;border-color:#ccafff!important}
.pr28-helper{font-size:12px!important;line-height:1.5!important;color:#b9afd1!important;margin:11px 0 0!important}
.pr28-cover-card .prism-cover-resolution{font-size:11px;color:#b5d4ef;margin:8px 0 0}
.pr28-cover-card .prism-cover-original{display:inline-block;font-size:12px;margin-top:8px;color:#98dcef;overflow-wrap:anywhere}
.pr28-expert{border:1px solid #5b4c78!important;border-radius:13px;margin:17px 0 12px;background:#221d35}
.pr28-expert summary{padding:5px 0;cursor:pointer;font-size:12px!important;color:#c6b8df!important}
.pr28-sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:13px 0}
.pr28-sliders label{min-width:0;font-size:12px;color:#dbd0ee}
.pr28-sliders input[type=range]{width:100%;accent-color:#bb9afa}
.pr28-expert #savePosition{margin-top:10px;min-height:40px}
.pr28-asset-message{font-size:12px;line-height:1.55;color:#a7e2e9;margin:12px 0!important;overflow-wrap:anywhere}
.pr28-asset-message.pr28-is-error{color:#ffa5b9}
.pr28-review-assets{width:100%;min-height:41px;white-space:normal;font-size:12px}
/* Editor modal: visible en capa superior, sin promesas de pago ni acción irreversible sin confirmación. */
.pr28-crop-dialog{color:#f5f0ff;background:linear-gradient(145deg,#242038,#171627)!important;border:1px solid #9d82c4!important;border-radius:24px!important;box-shadow:0 28px 100px #000d,0 0 45px #8f6fc447!important;
 padding:clamp(14px,2.6vw,25px)!important;width:min(820px,calc(100vw - 20px))!important;max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;overscroll-behavior:contain;position:fixed;inset:0;margin:auto}
.pr28-crop-dialog::backdrop{background:#05040ccf;backdrop-filter:blur(12px)}
.pr28-crop-dialog[aria-busy="true"]{cursor:wait}
.pr28-crop-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}
.pr28-kicker{font-size:10px;letter-spacing:.15em;color:#9ee3f1;font-weight:850}
.pr28-crop-top h2{margin:5px 0;font-size:clamp(22px,3vw,31px);line-height:1.15;letter-spacing:-.04em}
.pr28-close{min-height:40px;min-width:40px;border-radius:11px;border:1px solid #675c7d;color:#eae2fa;background:#302a41;font-size:25px;cursor:pointer}
.pr28-crop-guide{font-size:13px;color:#c9bed9;line-height:1.55;margin:6px 0 18px}
.pr28-crop-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr);gap:clamp(14px,2.4vw,24px);align-items:center;min-width:0}
.pr28-crop-main,.pr28-crop-side{min-width:0}
.pr28-crop-canvas{margin:auto;position:relative;width:min(315px,100%);aspect-ratio:1;overflow:hidden;border:4px solid #f5efff;border-radius:50%;background:#110e1d;cursor:grab;touch-action:none;box-shadow:0 0 0 7px #a47bc557,0 10px 33px #10101e91}
.pr28-crop-canvas.is-cover{width:100%;aspect-ratio:2.75;border-radius:15px;border-width:3px}
.pr28-crop-canvas.is-dragging{cursor:grabbing}
.pr28-crop-canvas img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none;transform-origin:center}
.pr28-crop-canvas:focus-visible{outline:3px solid #9deafb;outline-offset:9px}
.pr28-frame-hint{text-align:center;color:#af9fc5;font-size:11px;margin:15px 0 0}
.pr28-crop-side{padding:15px;border:1px solid #5b4e74;border-radius:18px;background:#29233aa8}
.pr28-preview-label{font-size:10px;letter-spacing:.08em;color:#c6c1e0;font-weight:750}
.pr28-sample{display:flex;align-items:center;gap:12px;min-width:0;margin:12px 0 22px}
.pr28-mini{width:75px;height:75px;flex:none;overflow:hidden;border-radius:50%;border:3px solid #d7c9ff;background:#0d0a15}
.pr28-mini.is-cover{border-radius:8px;width:min(156px,62%);height:auto;aspect-ratio:2.75}
.pr28-mini img{width:100%;height:100%;object-fit:cover;transform-origin:center;display:block}
.pr28-sample-lines{font-size:11px;color:#d0bfd9;line-height:1.45;min-width:0}
.pr28-zoom-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:700}
.pr28-zoom-wrap input{width:100%;accent-color:#bc9cfb;height:29px;cursor:pointer}
.pr28-safe-note{font-size:12px;line-height:1.5;color:#a1dfe6;margin:11px 0 0}
.pr28-status{min-height:22px;color:#c8f4df;font-size:12px;line-height:1.5;margin:15px 0 8px}
.pr28-status.is-error{color:#ffa4bb}
.pr28-crop-footer{display:flex;justify-content:flex-end;gap:9px;align-items:center;flex-wrap:wrap}
.pr28-crop-footer button{min-height:45px;border-radius:12px;font-size:13px;font-weight:760;cursor:pointer;padding:9px 18px;border:1px solid #7e6a9c;color:#eee4ff;background:#30283f}
.pr28-crop-footer .pr28-reset{margin-right:auto;color:#c2b6d0}
.pr28-crop-footer .pr28-apply{color:#25172e;background:linear-gradient(105deg,#a4e4f1,#c5a7ff);border:1px solid #c7b6ff;box-shadow:0 6px 20px #9b7bea38}
.pr28-crop-footer button:hover:not(:disabled){filter:brightness(1.12)}
.pr28-crop-footer button:disabled,.pr28-close:disabled{cursor:wait;opacity:.6}
@keyframes pr28-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:850px){
 #profileContent .creator-profile-top{margin-top:-62px!important}
 #editPanel .v11-edit-grid{grid-template-columns:minmax(0,1fr)!important}
 .pr28-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .pr28-card-actions{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
 #profileContent .creator-profile-shell{border-radius:19px!important}
 #profileContent .creator-cover{height:225px!important;min-height:225px}
 #profileContent .creator-profile-top{margin-top:-46px!important;gap:12px!important;align-items:start!important}
 #profileContent .creator-avatar{height:108px!important;width:108px!important;border-radius:28%!important}
 #profileContent .creator-title{flex:1 1 180px;padding-top:38px}
 #profileContent .creator-actions{width:100%;justify-content:stretch;padding:0 0 6px}
 #profileContent .creator-actions button{flex:1 1 110px}
 #profileContent .creator-stats{gap:8px}
 .pr28-profile-signature{justify-content:center;font-size:9px;letter-spacing:.06em}
 .pr28-media-grid{grid-template-columns:minmax(0,1fr)}
 .pr28-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pr28-crop-dialog{border-radius:18px!important;padding:16px!important;max-height:calc(100dvh - 12px)!important}
 .pr28-crop-body{grid-template-columns:minmax(0,1fr);gap:12px}
 .pr28-crop-canvas{width:min(245px,67vw)}
 .pr28-crop-canvas.is-cover{width:100%;max-width:410px}
 .pr28-crop-side{padding:11px}
 .pr28-sample{margin:6px 0 9px}
 .pr28-mini{width:47px;height:47px}
 .pr28-safe-note{font-size:11px}
 .pr28-status{margin:8px 0}
}
@media(max-width:350px){
 #profileContent .creator-title{flex-basis:150px}
 #profileContent .creator-title h1{font-size:24px!important}
 .pr28-card-actions{grid-template-columns:minmax(0,1fr)}
 .pr28-crop-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .pr28-crop-footer .pr28-reset{grid-column:1/-1;margin:0}
 .pr28-crop-footer button{min-width:0;padding:8px}
 .pr28-sliders{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.pr28-pixel-companion,.pr28-profile-signature img{animation:none!important}#profileContent .creator-actions button{transition:none!important}}
/* Respeta hidden incluso si otros estilos fijan display:block a los medios. */
#profileContent :is(.creator-cover img,.pr28-preview-stage img)[hidden]{display:none!important}
@media(min-width:351px) and (max-width:640px){
 .pr28-crop-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .pr28-crop-footer .pr28-reset{margin:0}
 .pr28-crop-footer .pr28-apply{grid-column:1/-1}
 .pr28-crop-footer button{min-width:0}
}