.visual-type-preview{width:100%;min-height:520px;overflow:hidden;border:2px solid var(--pv-border);border-radius:var(--pv-radius);opacity:var(--pv-opacity);color:var(--pv-text);background:var(--pv-gradient);filter:blur(var(--pv-blur))}
.visual-type-preview.visual-preview-site{grid-template-columns:25% 1fr;place-items:stretch}.visual-type-preview.visual-preview-site aside{padding:18px 10px}.visual-type-preview.visual-preview-site main{display:block;padding:18px}.visual-type-preview.visual-preview-site header{display:block;height:34px;margin-bottom:15px;border-radius:8px;background:var(--pv-b)}.visual-type-preview.visual-preview-site section{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;padding:10px;border:1px solid var(--pv-border);border-radius:10px}.visual-type-preview.visual-preview-site i{height:55px}
.visual-type-preview.visual-preview-trackers{display:grid;align-content:center;gap:13px;padding:28px}.visual-type-preview.visual-preview-trackers i{height:92px;background:var(--pv-gradient)}
.visual-type-preview.visual-preview-banner{display:block;position:relative}.visual-type-preview.visual-preview-banner:before{position:absolute;right:14%;bottom:14%;width:58%;height:65%}.preview-badges{position:absolute;top:24%;left:10%;z-index:2;font-size:42px;line-height:1.4}.preview-stats{position:absolute;right:7%;bottom:5%;left:7%;display:grid;gap:6px}.preview-stats i{height:38px;border-left:5px solid var(--pv-a);border-radius:5px;background:linear-gradient(90deg,var(--pv-b),var(--pv-a))}

/* Apex-inspired showcase composition: information rail left, character right. */
.apex-banner{width:min(100%,440px);background:var(--profile-bg,linear-gradient(155deg,var(--profile-a),var(--profile-b)));border-radius:var(--profile-radius,28px);box-shadow:var(--profile-shadow,none),0 32px 80px rgba(0,0,0,.58);animation:var(--profile-animation,none)}
.apex-frame{background-image:var(--profile-art),var(--profile-bg,linear-gradient(155deg,var(--profile-a),var(--profile-b)))!important;background-size:cover;background-position:center;opacity:var(--profile-opacity,.9)}
.apex-banner header{left:24px;right:20px;top:22px}.apex-badge-rail{left:24px;top:105px;gap:12px}.apex-badge-rail>span{width:70px;height:70px}
.apex-character{inset:80px 0 30px 37%;align-items:center;justify-content:flex-end}.apex-character img{width:100%;height:100%;object-position:right center;filter:drop-shadow(0 25px 20px rgba(0,0,0,.78))}
.apex-trackers{right:auto;bottom:28px;left:20px;width:47%;gap:6px}.apex-trackers>div{min-height:58px;padding:9px 11px;background-image:var(--profile-art),linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.72));background-size:cover;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.apex-trackers small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apex-trackers strong{font-size:22px}
@keyframes profile-pulse{50%{filter:brightness(1.18);box-shadow:0 0 52px var(--profile-a)}}@keyframes profile-shimmer{0%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(18deg) brightness(1.18)}100%{filter:hue-rotate(0deg) brightness(1)}}

.stat-slot-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stat-slot-preview{display:grid;grid-template-rows:repeat(3,1fr);gap:10px;height:calc(100% - 42px);padding-top:10px}.stat-slot-preview button{position:relative;display:grid;grid-template-columns:1fr auto;align-content:center;gap:3px;padding:16px;border:1px solid var(--color-border);border-left:5px solid var(--theme-accent);border-radius:10px;background:linear-gradient(90deg,var(--color-surface-1),var(--theme-soft));color:var(--color-text);text-align:left;cursor:pointer}.stat-slot-preview button:hover{border-color:var(--theme-accent)}.stat-slot-preview small,.stat-slot-preview strong{display:block}.stat-slot-preview strong{font-size:15px}.stat-slot-preview span{grid-column:2;grid-row:1/3;font-size:25px}
.profile-choice-dialog{width:min(780px,calc(100vw - 32px))}.profile-choice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-height:62vh;overflow:auto}.profile-choice-grid button{min-height:112px;padding:9px;border:1px solid var(--color-border);border-radius:11px;background:var(--color-bg);color:var(--color-text);cursor:pointer}.profile-choice-grid button:hover{border-color:var(--theme-accent);background:var(--theme-soft)}.profile-choice-grid img{display:block;width:76px;height:76px;margin:auto;object-fit:contain}.profile-choice-grid strong,.profile-choice-grid span{display:block;margin-top:6px}
.tracker-art-grid>button{min-height:185px}.tracker-art-grid>button>span{position:relative;display:grid;grid-template-columns:1fr auto;align-content:center;min-height:145px;padding:12px 14px!important;border-left:6px solid var(--profile-a);text-align:left}.tracker-art-grid>button>span small,.tracker-art-grid>button>span strong{display:block}.tracker-art-grid>button>span strong{font-size:17px;margin-bottom:7px}.tracker-art-grid>button>span em{position:absolute;right:14px;top:12px;font-style:normal;font-size:24px}
.profile-visual-admin-tabs{display:flex;gap:7px;align-items:center;margin:14px 0}.profile-visual-admin-tabs #visualTypeAdd{margin-left:auto}.obs-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.obs-admin-grid article{padding:16px;border:1px solid var(--color-border);border-radius:13px;background:var(--color-surface-1)}.obs-admin-grid article>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--theme-soft);color:var(--theme-accent);font-weight:900}.obs-admin-grid h3{margin:12px 0 5px}.obs-admin-grid p{min-height:35px;color:var(--color-muted)}.obs-admin-grid code{display:block;overflow:hidden;padding:8px;border-radius:7px;background:var(--color-bg);color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap}.obs-admin-grid .toolbar{margin-top:12px}
@media(max-width:900px){.profile-choice-grid{grid-template-columns:repeat(3,1fr)}.obs-admin-grid{grid-template-columns:1fr 1fr}.apex-character{inset-left:32%}}

/* Public profile cards must retain their width when the editor column is absent. */
.profile-workbench.viewer{display:grid;grid-template-columns:minmax(360px,440px);justify-content:center}.profile-workbench.viewer>#profileBanner{display:block;width:100%;min-width:360px}.profile-workbench.viewer .apex-banner{margin:0 auto}

/* More faithful banner structure: slim left data plate and framed right subject. */
.apex-banner:after{content:"";position:absolute;z-index:1;top:55px;right:12px;bottom:16px;left:34%;pointer-events:none;border:2px solid color-mix(in srgb,var(--profile-a) 72%,#fff 20%);border-radius:22px;background:linear-gradient(145deg,transparent 35%,color-mix(in srgb,var(--profile-b) 30%,transparent));clip-path:polygon(10% 0,90% 0,100% 8%,100% 88%,88% 100%,12% 100%,0 88%,0 8%)}
.apex-banner header{z-index:7}.apex-badge-rail{z-index:8;top:88px;left:18px;width:86px;padding:9px 7px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(4,7,6,.36);backdrop-filter:blur(3px)}.apex-badge-rail>span{width:70px;height:70px}
.apex-character{z-index:5;inset:88px 2px 42px 35%;padding:16px}.apex-trackers{z-index:9;left:14px;bottom:20px;width:45%;max-width:188px}.apex-trackers>div{min-height:62px;border-color:color-mix(in srgb,var(--profile-a) 75%,#fff 15%);background-color:rgba(6,8,7,.82);clip-path:polygon(0 0,94% 0,100% 18%,100% 82%,94% 100%,0 100%)}

.obs-editor-tabs{display:flex;gap:7px;align-items:center;margin:14px 0}.obs-editor-tabs #obsAdd{margin-left:auto}.obs-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.obs-record-grid>article{padding:12px;border:1px solid var(--color-border);border-radius:13px;background:var(--color-surface-1)}.obs-card-preview{height:110px;padding:15px;border-radius:10px;background:linear-gradient(145deg,var(--o-bg),color-mix(in srgb,var(--o-fill) 28%,var(--o-bg)));color:#fff}.obs-card-preview i{display:block;width:70%;height:18px;margin:25px 0 10px;border-radius:20px;background:var(--o-fill)}.obs-editor-dialog{width:min(1180px,calc(100vw - 34px))}.obs-editor-layout{display:grid;grid-template-columns:390px 1fr;gap:18px}.obs-live-preview{position:sticky;top:0;min-height:520px;padding:18px;border-radius:14px;background:repeating-linear-gradient(45deg,#181b1a,#181b1a 12px,#111312 12px,#111312 24px)}.obs-live-preview article{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-bottom:10px;padding:13px;border-radius:var(--o-radius);background:var(--o-bg);color:var(--o-text);box-shadow:0 9px 28px rgba(0,0,0,.3)}.obs-live-preview img{width:74px;height:74px;object-fit:contain}.obs-live-preview strong,.obs-live-preview span{display:block}.obs-live-preview span{font-size:22px;font-weight:900}.obs-live-preview i{display:block;height:12px;margin-top:8px;border-radius:20px;background:linear-gradient(90deg,var(--o-fill),var(--o-fill2))}.obs-item-editor{display:grid;gap:10px;max-height:440px;overflow:auto}.obs-item-editor>article{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--color-border);border-radius:11px;background:var(--color-bg)}.obs-item-image{position:relative;width:86px;height:86px;display:grid;place-items:center;border-radius:9px;background:var(--theme-soft);overflow:hidden}.obs-item-image img{width:100%;height:100%;object-fit:contain}.obs-item-image label{position:absolute;inset:0;display:grid;place-items:end center;padding:5px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;cursor:pointer}.obs-item-image span{font-size:28px}.obs-item-editor .admin-form-grid{margin:0}@media(max-width:950px){.obs-editor-layout{grid-template-columns:1fr}.obs-live-preview{position:relative;min-height:320px}.obs-record-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.obs-record-grid{grid-template-columns:1fr}.obs-item-editor>article{grid-template-columns:1fr}.obs-item-image{margin:auto}}
.obs-master-grid{display:grid;gap:10px;max-height:65vh;overflow:auto;margin:18px 0;padding-right:6px}.obs-master-grid>article{display:grid;grid-template-columns:minmax(180px,1fr) 90px minmax(360px,1.4fr);gap:14px;align-items:center;padding:14px;border:1px solid var(--color-border);border-radius:16px;background:rgba(255,255,255,.025)}.obs-master-grid article>div:first-child{display:grid;gap:4px}.obs-master-grid output{font-size:28px;font-weight:900;color:var(--theme-accent)}.obs-master-grid .toolbar{margin:0;flex-wrap:nowrap}.obs-master-grid input{min-width:90px}@media(max-width:900px){.obs-master-grid>article{grid-template-columns:1fr}.obs-master-grid .toolbar{flex-wrap:wrap}}

/* Fixed 620×700 showcase canvas from the supplied Photoshop specification. */
.profile-workbench.owner{grid-template-columns:minmax(0,620px) minmax(300px,1fr);gap:16px}.profile-workbench>#profileBanner{width:620px;max-width:620px;overflow:visible}.apex-banner{width:620px;min-width:620px;height:700px;min-height:700px;max-height:700px;border:var(--frame-width,1px) solid var(--frame-color,#75b900);border-radius:var(--frame-radius,22px);background-image:var(--frame-image),var(--profile-bg);background-size:cover;transform-origin:top left}.apex-banner:after{top:0;right:0;bottom:0;left:270px;border:0;border-left:var(--frame-width,1px) solid var(--frame-divider,var(--frame-color,#75b900));border-radius:0;background:none;clip-path:none}.apex-frame{left:0;width:270px;border-radius:var(--frame-radius,22px) 0 0 var(--frame-radius,22px);background-image:var(--profile-bg)!important;opacity:1}.apex-frame:after{background:none}.apex-character{z-index:5;inset:72px 10px 28px 285px;padding:14px}.apex-character img{object-position:center;max-width:325px}.apex-character>span{display:none}.apex-banner header{left:18px;top:16px;width:234px}.apex-banner header small{display:none}.apex-banner header strong{font-size:21px}.apex-badge-rail{top:92px;left:68px;width:130px;height:250px;grid-template-rows:repeat(3,72px);justify-items:center;padding:0;border:0;border-radius:0;background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(255,255,255,.6) 50%,transparent calc(50% + 1px));backdrop-filter:none}.apex-badge-rail:before,.apex-badge-rail:after{content:"";position:absolute;top:25px;bottom:25px;width:1px;background:rgba(255,255,255,.7)}.apex-badge-rail:before{left:-24px}.apex-badge-rail:after{right:-24px}.apex-badge-rail>span{z-index:1;width:72px;height:72px;background:var(--color-bg);transform:rotate(45deg);border:1px solid rgba(255,255,255,.65)}.apex-badge-rail>span>*{transform:rotate(-45deg)}.apex-trackers{left:18px;right:auto;bottom:18px;width:234px;max-width:none}.apex-trackers>div{min-height:54px;padding:8px 12px;border:0;border-left:8px solid var(--frame-divider,var(--frame-color,#75b900));border-radius:5px;background-image:var(--profile-art),linear-gradient(90deg,#171918,#202220);background-position:center;background-size:cover}.apex-trackers small{font-size:8px}.apex-trackers strong{font-size:20px}.profile-edit-panel{min-width:0}.obs-render-preview,.master-studio-preview iframe{width:100%;height:100%;min-height:500px;border:0;background:transparent}.master-scene-toolbar{display:flex;gap:8px;align-items:end;margin:14px 0}.master-scene-toolbar label{display:grid;gap:6px;min-width:240px}.master-overlay-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.master-overlay-picker label{cursor:pointer}.master-overlay-picker input{position:absolute;opacity:0}.master-overlay-picker span{display:grid;padding:12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg)}.master-overlay-picker input:checked+span{border-color:var(--theme-accent);background:var(--theme-soft)}.master-overlay-picker small{color:var(--color-muted)}.master-studio-preview{height:360px;border:1px solid var(--color-border);border-radius:12px;background:repeating-linear-gradient(45deg,#181b1a,#181b1a 12px,#111312 12px,#111312 24px);overflow:hidden}.chaos-live-card{margin-top:16px;padding:14px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg)}
@media(max-width:1250px){.profile-workbench.owner{display:block}.profile-workbench>#profileBanner{zoom:.82;margin:auto}.profile-edit-panel{margin-top:20px}}@media(max-width:700px){.profile-workbench>#profileBanner{zoom:calc((100vw - 70px)/620)}.master-overlay-picker{grid-template-columns:repeat(2,1fr)}}

/* Layered profile visuals */
.apex-banner{background-image:var(--frame-image),var(--banner-right,var(--profile-bg));border-width:var(--frame-width,1px);border-color:var(--frame-color,#75b900)}.apex-frame{background-image:var(--banner-left,var(--profile-bg))!important}.apex-banner:after{border-left-width:var(--frame-divider-width,1px);border-left-color:var(--frame-divider,#75b900)}
.apex-badge-rail{top:100px;left:68px;width:130px;height:330px;grid-template-rows:repeat(3,72px);align-content:space-between;gap:0;background:linear-gradient(90deg,transparent calc(50% - var(--frame-guides-width,1px)),var(--frame-guides,#d8e0dc) 50%,transparent calc(50% + var(--frame-guides-width,1px)))}.apex-badge-rail:before,.apex-badge-rail:after{background:var(--frame-guides,#d8e0dc);width:var(--frame-guides-width,1px)}
.apex-trackers>div{color:var(--tracker-text,#fff);border-left-width:var(--frame-tracker-width,8px);border-left-color:var(--frame-tracker,var(--tracker-accent,#75b900));background-image:var(--profile-art),linear-gradient(90deg,var(--tracker-bg,#171918),var(--tracker-bg2,#202220))}.apex-trackers small{color:var(--tracker-muted,#b4c0ba)}
.apex-aura{z-index:4;position:absolute;inset:100px 35px 115px 300px;opacity:var(--aura-opacity,.85);background:radial-gradient(ellipse,var(--aura-glow) 0,transparent 62%);filter:blur(calc(var(--aura-size,70px)/5));box-shadow:0 0 var(--aura-size,70px) var(--aura-glow2);pointer-events:none}.apex-aura-effects{z-index:9;position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:var(--aura-overlay-opacity,.8)}.apex-aura-effects:not([data-effect="none"]){background-image:radial-gradient(circle at 12% 18%,var(--aura-overlay) 0 3px,transparent 4px),radial-gradient(circle at 70% 28%,var(--aura-overlay2) 0 2px,transparent 3px),radial-gradient(circle at 35% 72%,var(--aura-overlay) 0 4px,transparent 5px),radial-gradient(circle at 88% 82%,var(--aura-overlay2) 0 3px,transparent 4px);background-size:110px 130px,145px 120px,170px 155px,135px 180px;animation:aura-fall var(--aura-overlay-speed,1s) linear infinite}.apex-aura-effects[data-effect="fire"]{mix-blend-mode:screen;filter:blur(1px)}.apex-aura-effects[data-effect="sparks"]{mix-blend-mode:screen}.apex-aura-effects[data-effect="snow"]{filter:drop-shadow(0 0 3px #fff)}@keyframes aura-fall{from{background-position:0 -180px,0 -120px,0 -155px,0 -180px}to{background-position:20px 180px,-15px 240px,10px 310px,-20px 360px}}
.visual-picker-row{grid-template-columns:repeat(3,minmax(0,1fr))}.tracker-art-grid>button{min-height:112px}.tracker-art-grid>button>span{min-height:70px;height:70px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px;border-left:8px solid var(--tracker-accent,var(--profile-a));background-image:var(--profile-art),linear-gradient(90deg,var(--tracker-bg,#171918),var(--tracker-bg2,#202220));background-size:cover}.tracker-art-grid>button>span small{align-self:end}.tracker-art-grid>button>span strong{grid-row:1/3;grid-column:2;font-size:24px}.tracker-art-grid>button>b{margin-top:6px}
.visual-layer-workbench{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(430px,1.1fr);gap:22px;align-items:start}.visual-layer-editor{max-height:72vh;overflow:auto;padding-right:8px}.visual-layer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visual-layer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:14px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-bg)}.visual-layer legend{padding:0 7px;color:var(--theme-primary);font-weight:900}.visual-layer label{display:grid;gap:6px}.visual-upload{display:grid;gap:8px;margin-top:14px;padding:14px;border:1px dashed var(--color-border);border-radius:12px}
.layered-banner-preview{position:relative;width:390px;height:440px;margin:auto;overflow:hidden;border:4px solid var(--pv-outer);border-radius:22px;background:linear-gradient(135deg,var(--pv-right),var(--pv-right2));box-shadow:0 22px 60px #0008}.lbp-left{position:absolute;inset:0 auto 0 0;width:44%;padding:18px;background:linear-gradient(135deg,var(--pv-left),var(--pv-left2));border-right:3px solid var(--pv-divider)}.lbp-left>strong{font-size:18px}.lbp-badges{height:210px;margin:28px 36px 10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-left:2px solid var(--pv-guides);border-right:2px solid var(--pv-guides)}.lbp-badges i{font-style:normal;font-size:34px}.lbp-track{display:grid;gap:5px}.lbp-track span{display:grid;padding:6px 8px;border-left:7px solid var(--pv-tracker-accent);border-radius:4px;background:linear-gradient(90deg,var(--pv-track),var(--pv-track2));color:var(--pv-track-text)}.lbp-track small{font-size:7px;color:var(--pv-track-muted)}.lbp-right{position:absolute;inset:0 0 0 44%;display:grid;place-items:center}.lbp-glow{position:absolute;width:145px;height:145px;border-radius:50%;background:var(--pv-glow);box-shadow:0 0 var(--pv-glow-size) var(--pv-glow2);opacity:var(--pv-glow-opacity)}.lbp-character{z-index:2;font-size:150px;line-height:1;color:#76d6ff;text-shadow:0 8px 18px #000}.lbp-effects{position:absolute;inset:0;z-index:5;pointer-events:none}.layered-banner-preview[data-effect]:not([data-effect="none"]) .lbp-effects{background-image:radial-gradient(circle,var(--pv-overlay) 0 3px,transparent 4px),radial-gradient(circle,var(--pv-overlay2) 0 2px,transparent 3px);background-size:90px 100px,130px 140px;opacity:var(--pv-overlay-opacity);animation:aura-fall var(--pv-overlay-speed) linear infinite}
.layered-site-preview{display:grid;grid-template-columns:110px 1fr;width:100%;height:440px;overflow:hidden;border:2px solid var(--pv-site-accent);border-radius:18px;background:var(--pv-site-page);color:var(--pv-site-text)}.layered-site-preview aside{display:grid;align-content:start;gap:18px;padding:20px 12px;background:var(--pv-site-nav)}.layered-site-preview aside i{height:12px;border-radius:8px;background:#ffffff33}.layered-site-preview main{padding:16px}.layered-site-preview header{height:42px;border-radius:9px;background:var(--pv-site-surface)}.layered-site-preview section{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.layered-site-preview article{height:90px;border:1px solid var(--pv-site-accent);border-radius:10px;background:var(--pv-site-surface)}
@media(max-width:1050px){.visual-layer-workbench{grid-template-columns:1fr}.visual-layer-grid{grid-template-columns:1fr}.visual-picker-row{grid-template-columns:1fr}.layered-banner-preview{transform:scale(.86);transform-origin:top center;margin-bottom:-62px}}

/* Full-size, no-sideways-scroll Profile Visual editor */
.app-dialog:has(.visual-layer-workbench){width:min(1660px,calc(100vw - 28px));height:min(960px,calc(100vh - 28px));max-height:calc(100vh - 28px);overflow:hidden;padding:24px}.app-dialog:has(.visual-layer-workbench) form{height:100%;display:flex;flex-direction:column;overflow:hidden}.app-dialog:has(.visual-layer-workbench) .admin-guided-fields{min-height:0;flex:1;overflow:hidden}.app-dialog:has(.visual-layer-workbench) .toolbar{flex:none}.visual-layer-workbench{height:100%;grid-template-columns:620px minmax(0,1fr);overflow:hidden}.visual-preview-stage{min-width:0;height:100%;overflow:auto;padding:4px 8px 24px}.visual-preview-stage>.eyebrow{display:block;margin-bottom:12px}.visual-layer-editor{max-height:none;height:100%;min-width:0;overflow-x:hidden;overflow-y:auto}.visual-layer-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.visual-layer{grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.visual-layer-upload{grid-column:1/-1;display:grid;gap:6px;padding:12px;border:1px dashed var(--theme-accent);border-radius:10px;background:var(--theme-soft);cursor:pointer}.visual-layer-upload input{width:100%;max-width:100%}.visual-layer-upload small{color:var(--color-muted)}.visual-layer output{justify-self:end;color:var(--theme-accent);font-weight:900}
.visual-preview-stage .layered-banner-preview{width:620px;height:700px;transform:none}.visual-preview-stage .layered-site-preview{width:620px;height:700px}

/* Layer images appear in their exact target areas. */
.layered-banner-preview{background-image:var(--pv-frame-outer-image),var(--pv-right-image),linear-gradient(135deg,var(--pv-right),var(--pv-right2));background-position:center;background-size:cover}.lbp-left{background-image:var(--pv-left-image),linear-gradient(135deg,var(--pv-left),var(--pv-left2));background-position:center;background-size:cover}.lbp-right{background-image:var(--pv-right-image);background-position:center;background-size:cover}.lbp-glow{background-image:var(--pv-glow-image),radial-gradient(circle,var(--pv-glow),transparent 68%);background-size:contain;background-position:center;background-repeat:no-repeat}.lbp-divider-art{position:absolute;z-index:7;top:0;bottom:0;left:44%;width:4px;background-image:var(--pv-frame-divider-image);background-position:center;background-size:cover;pointer-events:none}.lbp-outer-art{position:absolute;z-index:8;inset:0;border-radius:inherit;border:4px solid transparent;border-image-source:var(--pv-frame-outer-image);border-image-slice:30;pointer-events:none}.lbp-badges{background-image:var(--pv-frame-guides-image);background-position:center;background-size:cover}.lbp-track span{background-image:var(--pv-track-image),linear-gradient(90deg,var(--pv-track),var(--pv-track2));background-position:center;background-size:cover;border-left-image:var(--pv-frame-tracker-image) 1}.lbp-effects{background-image:var(--pv-overlay-image);background-position:center;background-size:cover}
.apex-banner{background-image:var(--frame-outer-image),var(--banner-right-image),var(--banner-right,var(--profile-bg));background-size:100% 100%,cover,cover}.apex-frame{background-image:var(--banner-left-image),var(--banner-left,var(--profile-bg))!important;background-position:center;background-size:cover}.apex-banner:after{background-image:var(--frame-divider-image);background-position:center;background-size:cover}.apex-badge-rail{background-image:var(--frame-guides-image),linear-gradient(90deg,transparent calc(50% - var(--frame-guides-width,1px)),var(--frame-guides,#d8e0dc) 50%,transparent calc(50% + var(--frame-guides-width,1px)));background-size:cover}.apex-aura{background-image:var(--aura-glow-image),radial-gradient(ellipse,var(--aura-glow) 0,transparent 62%);background-position:center;background-size:contain;background-repeat:no-repeat}.apex-aura-effects{background-image:var(--aura-overlay-image);background-position:center;background-size:cover}.apex-trackers>div{background-image:var(--profile-art),linear-gradient(90deg,var(--tracker-bg,#171918),var(--tracker-bg2,#202220));border-left-image:var(--tracker-accent-image) 1}

/* Distinct Aura animations, with several independently moving layers. */
.lbp-effects[data-effect="snow"],.layered-banner-preview[data-effect="snow"] .lbp-effects,.apex-aura-effects[data-effect="snow"]{background-image:var(--pv-overlay-image,var(--aura-overlay-image)),radial-gradient(circle,#fff 0 3px,transparent 4px),radial-gradient(circle,#dff6ff 0 2px,transparent 3px),radial-gradient(circle,#fff 0 5px,transparent 6px);background-size:cover,93px 117px,147px 173px,211px 239px;animation:aura-snow var(--pv-overlay-speed,var(--aura-overlay-speed,5s)) linear infinite;filter:drop-shadow(0 0 3px #fff)}
.layered-banner-preview[data-effect="sparks"] .lbp-effects,.apex-aura-effects[data-effect="sparks"]{background-image:var(--pv-overlay-image,var(--aura-overlay-image)),linear-gradient(115deg,transparent 45%,var(--pv-overlay,var(--aura-overlay,#ffd84d)) 48% 51%,transparent 54%),linear-gradient(72deg,transparent 46%,var(--pv-overlay2,var(--aura-overlay2,#ff7b22)) 49% 51%,transparent 54%);background-size:cover,71px 83px,119px 137px;animation:aura-sparks var(--pv-overlay-speed,var(--aura-overlay-speed,2s)) steps(7) infinite;mix-blend-mode:screen}
.layered-banner-preview[data-effect="fire"] .lbp-effects,.apex-aura-effects[data-effect="fire"]{background-image:var(--pv-overlay-image,var(--aura-overlay-image)),radial-gradient(ellipse at 18% 110%,#fff7a8 0 3%,var(--pv-overlay,var(--aura-overlay,#ff9d00)) 9%,transparent 24%),radial-gradient(ellipse at 66% 108%,var(--pv-overlay2,var(--aura-overlay2,#ff2500)) 0 8%,transparent 28%),radial-gradient(ellipse at 90% 110%,#ffd84d 0 5%,transparent 21%);background-size:cover,120px 170px,170px 220px,95px 150px;animation:aura-fire var(--pv-overlay-speed,var(--aura-overlay-speed,1.4s)) ease-in-out infinite alternate;mix-blend-mode:screen;filter:blur(.4px)}
.layered-banner-preview[data-effect="confetti"] .lbp-effects,.apex-aura-effects[data-effect="confetti"]{background-image:var(--pv-overlay-image,var(--aura-overlay-image)),linear-gradient(25deg,transparent 46%,#ff477e 47% 53%,transparent 54%),linear-gradient(70deg,transparent 46%,#45d9ff 47% 53%,transparent 54%),linear-gradient(130deg,transparent 46%,#ffe14a 47% 53%,transparent 54%);background-size:cover,83px 113px,127px 157px,181px 211px;animation:aura-confetti var(--pv-overlay-speed,var(--aura-overlay-speed,4s)) linear infinite}
.layered-banner-preview[data-effect="particles"] .lbp-effects,.apex-aura-effects[data-effect="particles"]{background-image:var(--pv-overlay-image,var(--aura-overlay-image)),radial-gradient(circle,var(--pv-overlay,var(--aura-overlay,#fff)) 0 3px,transparent 5px),radial-gradient(circle,var(--pv-overlay2,var(--aura-overlay2,#63ff9a)) 0 5px,transparent 8px);background-size:cover,101px 131px,173px 199px;animation:aura-particles var(--pv-overlay-speed,var(--aura-overlay-speed,6s)) ease-in-out infinite alternate}
@keyframes aura-snow{to{background-position:center,31px 350px,-27px 520px,43px 700px}}@keyframes aura-sparks{0%,100%{background-position:center,0 0,0 0;opacity:.35}25%{background-position:center,17px -33px,-11px -19px;opacity:1}50%{background-position:center,-8px -70px,23px -51px;opacity:.5}75%{background-position:center,29px -105px,-19px -94px;opacity:.9}}@keyframes aura-fire{from{background-position:center,0 34px,0 58px,0 26px;filter:blur(.5px)}to{background-position:center,13px -22px,-17px -44px,8px -31px;filter:blur(2px)}}@keyframes aura-confetti{to{background-position:center,43px 420px,-27px 610px,61px 760px}}@keyframes aura-particles{from{background-position:center,0 20px,0 -10px;transform:scale(1)}to{background-position:center,47px -110px,-38px -160px;transform:scale(1.04)}}

/* Catalog previews use the actual banner ratio and real placeholder layout. */
.admin-records:has(.visual-admin-card){display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}.visual-admin-card{min-height:310px;padding:10px}.catalog-banner-preview{position:relative;width:100%;aspect-ratio:620/700;overflow:hidden;border:3px solid var(--pv-outer);border-radius:16px;background-image:var(--pv-frame-outer-image),var(--pv-right-image),linear-gradient(135deg,var(--pv-right),var(--pv-right2));background-position:center;background-size:cover;color:#fff}.cbp-left{position:absolute;inset:0 auto 0 0;width:44%;padding:8px;background-image:var(--pv-left-image),linear-gradient(135deg,var(--pv-left),var(--pv-left2));background-position:center;background-size:cover;border-right:2px solid var(--pv-divider)}.cbp-left>b{font-size:9px}.cbp-badges{display:block;margin:14px auto 9px;width:50%;font-size:20px;line-height:2.25;text-align:center;border-left:1px solid var(--pv-guides);border-right:1px solid var(--pv-guides);background-image:var(--pv-frame-guides-image);background-size:cover}.cbp-stats{display:grid;gap:3px}.cbp-stats i{padding:3px 4px;border-left:4px solid var(--pv-tracker-accent);border-radius:2px;background-image:var(--pv-track-image),linear-gradient(90deg,var(--pv-track),var(--pv-track2));background-size:cover;font-size:4px;font-style:normal}.cbp-stats strong{font-size:9px}.cbp-right{position:absolute;inset:0 0 0 44%;display:grid;place-items:center;background-image:var(--pv-right-image);background-position:center;background-size:cover}.cbp-right em{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;background-image:var(--pv-glow-image),radial-gradient(circle,var(--pv-glow),transparent 68%);background-size:contain;box-shadow:0 0 35px var(--pv-glow2)}.cbp-right span{z-index:2;color:#6fd2ff;font-size:80px;text-shadow:0 6px 10px #000}.catalog-site-preview{display:grid;grid-template-columns:25% 1fr;width:100%;aspect-ratio:620/700;overflow:hidden;border:3px solid var(--pv-site-accent);border-radius:16px;background-image:var(--pv-site-bg-image);background-color:var(--pv-site-page);background-size:cover}.catalog-site-preview aside{background:var(--pv-site-nav)}.catalog-site-preview main{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:7px;padding:10px}.catalog-site-preview header{grid-column:1/-1;height:28px;background-image:var(--pv-site-surface-image);background-color:var(--pv-site-surface);background-size:cover}.catalog-site-preview i{height:55px;border:1px solid var(--pv-site-accent);background-image:var(--pv-site-surface-image);background-color:var(--pv-site-surface);background-size:cover}
.layered-site-preview{background-image:var(--pv-site-bg-image);background-size:cover}.layered-site-preview aside{background-image:var(--pv-site-bg-image);background-color:var(--pv-site-nav);background-size:cover}.layered-site-preview header,.layered-site-preview article{background-image:var(--pv-site-surface-image);background-color:var(--pv-site-surface);background-size:cover}
@media(max-width:1250px){.app-dialog:has(.visual-layer-workbench){overflow:auto}.visual-layer-workbench{grid-template-columns:1fr;height:auto;overflow:visible}.visual-preview-stage .layered-banner-preview,.visual-preview-stage .layered-site-preview{zoom:.78}.visual-layer-editor{overflow:visible}.admin-records:has(.visual-admin-card){grid-template-columns:repeat(3,minmax(160px,1fr))}}@media(max-width:760px){.visual-layer-grid{grid-template-columns:1fr}.admin-records:has(.visual-admin-card){grid-template-columns:repeat(2,minmax(130px,1fr))}}

/* Missing artwork must be an explicit empty layer: an undefined variable invalidates the entire background. */
.apex-banner{--banner-left-image:none;--banner-right-image:none;--frame-outer-image:none;--frame-divider-image:none;--frame-guides-image:none;--frame-tracker-image:none;--aura-glow-image:none;--aura-overlay-image:none;--profile-art:none;--tracker-accent-image:none}
/* The admin preview is the production profile card, not a second approximation. */
.admin-real-card{--profile-bg:linear-gradient(135deg,var(--pv-right),var(--pv-right2));--banner-left:linear-gradient(135deg,var(--pv-left),var(--pv-left2));--banner-right:linear-gradient(135deg,var(--pv-right),var(--pv-right2));--frame-color:var(--pv-outer);--frame-divider:var(--pv-divider);--frame-guides:var(--pv-guides);--frame-tracker:var(--pv-tracker-accent);--aura-glow:var(--pv-glow);--aura-glow2:var(--pv-glow2);--aura-size:var(--pv-glow-size);--aura-opacity:var(--pv-glow-opacity);--aura-overlay:var(--pv-overlay);--aura-overlay2:var(--pv-overlay2);--aura-overlay-opacity:var(--pv-overlay-opacity);--aura-overlay-speed:var(--pv-overlay-speed);--tracker-bg:var(--pv-track);--tracker-bg2:var(--pv-track2);--tracker-text:var(--pv-track-text);--tracker-muted:var(--pv-track-muted);--tracker-accent:var(--pv-track-accent);--banner-left-image:var(--pv-left-image);--banner-right-image:var(--pv-right-image);--frame-outer-image:var(--pv-frame-outer-image);--frame-divider-image:var(--pv-frame-divider-image);--frame-guides-image:var(--pv-frame-guides-image);--tracker-accent-image:var(--pv-frame-tracker-image,var(--pv-track-accent-image));--aura-glow-image:var(--pv-glow-image);--aura-overlay-image:var(--pv-overlay-image);--profile-art:var(--pv-track-image);margin:auto}.visual-preview-stage .admin-real-card{width:620px;min-width:620px;height:700px;min-height:700px;max-height:700px}.admin-real-card .apex-character img{object-fit:contain}.visual-layer-upload>label{display:grid;gap:6px}.visual-remove-image{justify-self:start;margin-top:3px}

/* Tracker accents sit flush on top of the rounded tracker's left edge. */
.apex-trackers>div:before{left:0;z-index:2;border-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:1px 0 0 rgba(255,255,255,.08)}

/* Each Aura family has distinct shapes and movement. */
.apex-aura-effects{background-image:var(--aura-overlay-image);background-size:cover}.apex-aura-effects>i{position:absolute;display:none;left:var(--x);top:var(--y);width:var(--size);height:var(--size);animation-delay:var(--delay)!important;animation-duration:var(--duration)!important;will-change:transform,opacity}.apex-aura-effects[data-effect="snow"]>i{display:block;border-radius:50%;background:#fff;box-shadow:0 0 7px #dff6ff;animation:fx-snow linear infinite}.apex-aura-effects[data-effect="sparks"]>i{display:block;width:calc(var(--size)*2.4);height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#fff4a8 35%,var(--aura-overlay,#ffb300));box-shadow:0 0 8px var(--aura-overlay2,#ff5a00);transform:rotate(var(--turn));animation:fx-spark ease-out infinite}.apex-aura-effects[data-effect="fire"]>i{display:block;top:auto;bottom:-30px;width:calc(var(--size)*1.4);height:calc(var(--size)*3.4);border-radius:55% 45% 55% 45%;background:radial-gradient(ellipse at 50% 80%,#fff7a8,var(--aura-overlay,#ff9d00) 38%,var(--aura-overlay2,#ff2600) 68%,transparent 72%);filter:blur(.5px);animation:fx-fire ease-in infinite}.apex-aura-effects[data-effect="confetti"]>i{display:block;width:calc(var(--size)*1.5);height:calc(var(--size)*.55);border-radius:1px;background:hsl(calc(var(--turn) + 30deg) 90% 60%);animation:fx-confetti linear infinite}.apex-aura-effects[data-effect="particles"]>i{display:block;border-radius:50%;background:var(--aura-overlay,#fff);box-shadow:0 0 calc(var(--size)*1.3) var(--aura-overlay2,#63ff9a);animation:fx-float ease-in-out infinite alternate}@keyframes fx-snow{0%{transform:translate(-12px,-120px) rotate(0);opacity:0}15%{opacity:1}100%{transform:translate(45px,760px) rotate(420deg);opacity:.25}}@keyframes fx-spark{0%,70%{transform:translate(0,0) rotate(var(--turn)) scaleX(.2);opacity:0}75%{opacity:1}100%{transform:translate(75px,-190px) rotate(var(--turn)) scaleX(1.8);opacity:0}}@keyframes fx-fire{0%{transform:translateX(-12px) scale(.45);opacity:0}18%{opacity:1}100%{transform:translate(18px,-520px) scale(1.7) rotate(18deg);opacity:0}}@keyframes fx-confetti{0%{transform:translateY(-120px) rotate(var(--turn));opacity:0}10%{opacity:1}100%{transform:translate(55px,760px) rotate(calc(var(--turn) + 1080deg));opacity:.55}}@keyframes fx-float{from{transform:translate(-30px,35px) scale(.45);opacity:.15}to{transform:translate(38px,-70px) scale(1.35);opacity:1}}

/* Saved Site Theme layers are the same layers shown by the visual editor. */
html,body,.app{background-color:var(--site-page-color,var(--color-bg));background-image:var(--site-page-art);background-position:center;background-size:cover;background-attachment:fixed;color:var(--site-text-color,var(--color-text))}.sidebar{background-color:var(--site-nav-color,#121416);background-image:var(--site-page-art);background-position:center;background-size:cover}.topbar,.panel,.summary-card,.profile-identity,.admin-frame,.quick-card{background-color:var(--site-surface-color,var(--color-surface-1));background-image:var(--site-surface-art);background-position:center;background-size:cover}

/* Artwork for tracker accents is a real layer, not merely a coloured border. */
.apex-trackers>div,.lbp-track span,.cbp-stats i{position:relative;border-left-color:transparent!important}.apex-trackers>div:before,.lbp-track span:before,.cbp-stats i:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--frame-tracker-width,8px);background-color:var(--frame-tracker,var(--tracker-accent,#75b900));background-image:var(--tracker-accent-image,var(--pv-frame-tracker-image));background-position:center;background-size:cover}.lbp-track span:before,.cbp-stats i:before{width:7px;background-color:var(--pv-tracker-accent,#75b900)}

/* Uploaded overlay art remains visible, while generated particles supply the selected material. */
.apex-aura-effects[data-effect]{background-image:var(--aura-overlay-image)!important;background-size:cover!important}

/* Shared final renderer: these rules are used by saved cards and Admin previews. */
.apex-banner{border-width:var(--frame-width,1px);border-color:var(--frame-color,#969c99)}
.apex-banner:after{border-left-width:var(--frame-divider-width,1px);border-left-color:var(--frame-divider,#969c99)}
.apex-badge-rail:before,.apex-badge-rail:after{width:var(--frame-guides-width,1px);background:var(--frame-guides,#d8e0dc)}
.apex-aura{left:52%;top:48%;width:min(72%,430px);height:auto;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background-image:var(--aura-glow-image),radial-gradient(circle,var(--aura-glow,#969c99) 0,var(--aura-glow2,#4b504e) 32%,transparent 70%);background-size:contain;filter:blur(calc(var(--aura-size,70px)/5));opacity:var(--aura-opacity,.85)}
.apex-aura-effects i{background:var(--aura-overlay,#eee);box-shadow:0 0 10px var(--aura-overlay2,#aaa);opacity:calc(var(--aura-overlay-opacity,.8)*var(--particle-visible,1))}
.apex-aura-effects i:nth-child(n+13){--particle-visible:clamp(0,calc((var(--aura-density,12) - 12)/12),1)}.apex-aura-effects i:nth-child(n+25){--particle-visible:clamp(0,calc((var(--aura-density,12) - 24)/12),1)}
.apex-aura-effects[data-effect="snow"] i{border-radius:50%;clip-path:polygon(46% 0,54% 0,57% 42%,100% 46%,100% 54%,57% 57%,54% 100%,46% 100%,43% 57%,0 54%,0 46%,43% 42%);animation-name:aura-snow}.apex-aura-effects[data-effect="sparks"] i{width:calc(var(--size)*.3);height:calc(var(--size)*2);border-radius:60% 60% 30% 30%;animation-name:aura-sparks}.apex-aura-effects[data-effect="fire"] i{border-radius:65% 35% 65% 35%;background:linear-gradient(var(--aura-overlay,#ffdf55),var(--aura-overlay2,#ff542e));animation-name:aura-fire}.apex-aura-effects[data-effect="confetti"] i{border-radius:1px;animation-name:aura-confetti}
@keyframes aura-snow{from{transform:translate(0,-12vh) rotate(0)}to{transform:translate(calc((var(--x) - 50%)*.18),112vh) rotate(420deg)}}@keyframes aura-sparks{0%{transform:translateY(110vh) rotate(var(--turn));opacity:0}15%{opacity:1}100%{transform:translate(calc((var(--x) - 50%)*.25),-20vh) rotate(calc(var(--turn) + 80deg));opacity:0}}@keyframes aura-fire{0%{transform:translateY(20vh) scale(.3) rotate(var(--turn));opacity:0}25%{opacity:1}100%{transform:translate(calc((var(--x) - 50%)*.12),-35vh) scale(1.6) rotate(calc(var(--turn) + 120deg));opacity:0}}@keyframes aura-confetti{from{transform:translateY(-12vh) rotate(var(--turn))}to{transform:translate(calc((var(--x) - 50%)*.35),112vh) rotate(calc(var(--turn) + 900deg))}}

.app-dialog:has(.visual-layer-workbench){width:calc(100vw - 20px);height:calc(100vh - 20px);max-width:1900px;max-height:none;padding:20px}.visual-layer-workbench{grid-template-columns:minmax(500px,620px) minmax(0,1fr);gap:24px}.visual-preview-stage{overflow:hidden!important;display:flex;flex-direction:column;align-items:center;min-height:0}#visualPreviewMount{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.visual-preview-stage .admin-real-card{zoom:.78;margin:0}.visual-layer-editor{padding-right:8px}
.visual-admin-card[data-visual-kind="stat-art"] .catalog-banner-preview{height:72px;min-height:72px;border:0;background:none}.visual-admin-card[data-visual-kind="stat-art"] .cbp-left{width:100%;border:0;background:none}.visual-admin-card[data-visual-kind="stat-art"] .cbp-left>b,.visual-admin-card[data-visual-kind="stat-art"] .cbp-badges,.visual-admin-card[data-visual-kind="stat-art"] .cbp-right,.visual-admin-card[data-visual-kind="stat-art"] .cbp-stats i:not(:first-child),.visual-admin-card[data-visual-kind="stat-art"]>strong{display:none}.visual-admin-card[data-visual-kind="stat-art"] .cbp-stats{inset:6px;display:block}.visual-admin-card[data-visual-kind="stat-art"] .cbp-stats i:first-child{height:60px}
.catalog-dialog{width:min(1400px,calc(100vw - 32px))}.catalog-dialog form{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(560px,1.4fr);gap:20px}.catalog-dialog .catalog-search,.catalog-dialog .catalog-picker{grid-column:2}.catalog-dialog .catalog-picker{max-height:620px;grid-template-columns:repeat(6,minmax(86px,1fr))}.catalog-dialog .selected-catalog-item,.catalog-dialog .form-grid,.catalog-dialog .toolbar,.catalog-dialog .eyebrow,.catalog-dialog h2{grid-column:1}
.apex-trackers>div{border-left:0!important;background-image:var(--profile-art,none),var(--tracker-fill,linear-gradient(90deg,var(--tracker-bg,#171918),var(--tracker-bg2,#202220)))!important;overflow:hidden}.apex-trackers>div:before{left:0!important}
.catalog-card-scale{height:280px;overflow:hidden;display:flex;justify-content:center}.catalog-card-scale .apex-banner{zoom:.4;flex-shrink:0}.tracker-art-swatch{height:64px;width:100%;border-radius:8px;background-image:var(--profile-art,none),var(--tracker-fill);background-size:cover;background-position:center}.visual-admin-card:has(.tracker-art-swatch){min-height:0}.visual-admin-card:has(.tracker-art-swatch)>strong{display:none}.tracker-art-grid>button{min-height:80px}.tracker-art-grid>button>span{height:64px;min-height:64px;background-image:var(--profile-art,none),var(--tracker-fill)!important;border:0;border-radius:8px}.tracker-art-grid>button>span>*,.tracker-art-grid>button>b{display:none}.visual-preview-stage .admin-real-card{--frame-color:#969c99;--frame-divider:#969c99;--frame-guides:#aaa;--frame-tracker:#969c99;--tracker-accent:#969c99}
.admin-real-card .apex-aura{left:72%;top:53%}.apex-aura-effects i:nth-child(even){background:var(--aura-overlay2,#aaa)}.apex-aura-effects i{animation-duration:calc(var(--duration,5s)*var(--aura-overlay-speed,8s)/8s)!important}
.nav-icon{color:var(--theme-accent)!important}
.apex-banner{background-image:var(--banner-right-image,none),var(--banner-right,linear-gradient(#191b1d,#121416));background-size:cover}.apex-aura{right:auto;bottom:auto;width:calc(220px + var(--aura-size,70px));height:calc(220px + var(--aura-size,70px));box-shadow:none}.apex-badge-rail{background-image:none}.apex-aura-effects[data-effect]{animation:none!important}.apex-aura-effects[data-effect="snow"],.apex-aura-effects[data-effect="fire"],.apex-aura-effects[data-effect="sparks"]{filter:none;mix-blend-mode:normal}.studio-drag-layer iframe{min-height:0!important}
.apex-banner:before{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:inherit;padding:var(--frame-width,1px);background-image:var(--frame-outer-image,none),var(--frame-outer-fill,linear-gradient(#969c99,#969c99));background-size:cover;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.apex-banner:after{border:0!important;width:var(--frame-divider-width,1px)!important;background-image:var(--frame-divider-image,none),var(--frame-divider-fill,linear-gradient(#969c99,#969c99))!important}.apex-badge-rail:before,.apex-badge-rail:after{background-image:var(--frame-guides-image,none),var(--frame-guides-fill,linear-gradient(#aaa,#aaa));background-size:cover}.apex-trackers>div:before{background-image:var(--tracker-accent-image,none),var(--frame-tracker-image,none),var(--frame-tracker-fill,linear-gradient(var(--tracker-accent,#969c99),var(--tracker-accent,#969c99)))!important}
.apex-aura-effects>i[hidden]{display:none!important}.apex-aura-effects[data-effect]>i{animation-duration:calc(var(--duration,5s)*var(--aura-overlay-speed,1))!important;background:var(--aura-overlay,#ddd)}.apex-aura-effects[data-effect]>i:nth-child(even){background:var(--aura-overlay2,#969c99)}.apex-aura-effects[data-effect="fire"]>i{background:radial-gradient(ellipse at 50% 80%,var(--aura-overlay),var(--aura-overlay2) 55%,transparent 72%)}.apex-aura{left:72%;top:53%;background-image:var(--aura-glow-image,none),radial-gradient(circle,var(--aura-glow,#969c99) 0,var(--aura-glow2,#4b504e) 38%,transparent 70%)}
.idea-category-tabs,.idea-subcategory-tabs{margin:12px 0;flex-wrap:wrap}.video-idea-tree .idea-subcategory{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.video-idea-tree .idea-subcategory>strong{grid-column:1/-1}.video-idea-tree .admin-record{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px}.video-idea-tree .admin-record>span{grid-column:1/-1;min-width:0}.video-idea-tree .admin-record strong{white-space:normal;word-break:normal;width:auto}.minigame-text-row{display:flex;gap:8px;margin:8px 0}.minigame-text-row .field{flex:1;min-width:0}.chaos-database{margin-top:20px}.chaos-pool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chaos-pool-grid label{display:grid;gap:8px}
.achievement-requirement-picker{width:100%;display:grid;gap:12px}.achievement-requirement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:180px;overflow:auto}.achievement-requirement-tiers{display:flex;gap:8px;flex-wrap:wrap}.master-studio-preview{position:relative;aspect-ratio:16/9;height:auto!important;overflow:hidden;background:repeating-conic-gradient(#202326 0% 25%,#282b2e 0% 50%) 0/32px 32px}.studio-canvas-stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:top left}.studio-drag-layer{position:absolute;touch-action:none;border:2px dashed #aab2b8;cursor:move;overflow:hidden}.studio-drag-layer iframe{width:100%;height:100%;border:0;pointer-events:none;background:transparent}.studio-drag-handle{position:absolute;left:0;top:0;background:#1d232bdd;color:#fff;border:0;padding:8px;cursor:move}.obs-editor-dialog:has(#studioCanvas){width:min(1600px,95vw)}
.catalog-dialog .eyebrow{grid-row:1}.catalog-dialog h2{grid-row:2}.catalog-dialog .selected-catalog-item{grid-row:3}.catalog-dialog .form-grid{grid-row:4}.catalog-dialog .toolbar{grid-row:5}.catalog-dialog .catalog-search{grid-row:1 / 3;align-self:start}.catalog-dialog .catalog-picker{grid-row:3 / 6;align-self:start}
.chaos-large-pool.field{display:block;width:100%;height:360px;min-height:360px;resize:vertical;font-size:15px;line-height:1.6}.chaos-database select{max-width:600px}.chaos-live-card .toolbar{justify-content:flex-start;gap:12px;margin-top:12px}
.profile-visual-catalog,.profile-stat-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:12px 0}.profile-visual-catalog[hidden]{display:none}.profile-visual-catalog button,.profile-stat-catalog button{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:100px}.visual-circle{display:inline-block;width:42px;height:42px;flex-shrink:0;border-radius:50%;border:1px solid var(--color-border)}.profile-visual-catalog .selected{outline:2px solid var(--theme-accent)}.badge-slot-layout{display:flex!important;flex-direction:column;align-items:center;gap:36px;padding:36px}.badge-slot-diamond{width:90px!important;height:90px;min-height:90px!important;transform:rotate(45deg);border:1px solid var(--color-border);background:var(--color-bg)}.badge-slot-diamond>span{display:flex;align-items:center;justify-content:center;transform:rotate(-45deg)}.badge-slot-diamond img{width:64px;height:64px;object-fit:contain}.tracker-slot-layout{display:flex!important;flex-direction:column;gap:12px}.tracker-slot-rectangle{position:relative;text-align:left!important;display:flex!important;flex-direction:column;align-items:flex-start!important;min-height:80px!important;width:100%;padding:12px 18px!important;color:var(--tracker-text,#fff);background-image:var(--profile-art,none),var(--tracker-fill)!important;background-size:cover;background-position:center;border-radius:8px;overflow:hidden}.tracker-slot-rectangle:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--tracker-accent,#969c99)}.tracker-slot-rectangle small{color:var(--tracker-muted,#aaa)}.tracker-slot-rectangle strong{font-size:24px}.tracker-slot-rectangle>span{font-size:11px}
.visual-circle-shell{display:inline-flex;position:relative;width:54px;height:54px;align-items:center;justify-content:center;isolation:isolate;flex-shrink:0}.visual-circle-shell>.visual-circle{background-size:cover;background-position:center}.visual-circle-shell>.circle-effects{position:absolute;inset:-8px;z-index:2;border-radius:50%;pointer-events:none;overflow:hidden;mask-image:radial-gradient(circle,#000 55%,transparent 73%)}[data-preview-circle]{padding:16px}
@media(min-width:1051px){.panel:has(>.split){overflow:visible}.split{align-items:start}.split>.inspector{position:sticky;top:calc(var(--topbar) + 12px);align-self:start;max-height:calc(100vh - var(--topbar) - 24px);overflow:auto;border-radius:0 0 12px 0}}
.seller-avatar{float:right;width:36px;height:36px;border-radius:50%;overflow:hidden;padding:0;border:1px solid var(--theme-accent);background:var(--color-surface-2);color:var(--color-text);cursor:pointer}.seller-avatar img{width:100%;height:100%;object-fit:cover}.profile-stat-catalog b{color:var(--theme-accent);font-size:20px}
.leaderboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.leaderboard-layout .leaderboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.standing-inspector{position:sticky;top:calc(var(--topbar-height,70px) + 16px);max-height:calc(100vh - 110px);overflow:auto}.standing-inspector select{width:100%;margin:16px 0}.panel:has(.leaderboard-layout){overflow:visible}.leaderboard-card[data-standing-board] header{cursor:pointer}@media(max-width:1000px){.leaderboard-layout{grid-template-columns:1fr}.standing-inspector{position:static}}@media(max-width:650px){.leaderboard-layout .leaderboard-grid{grid-template-columns:1fr}}
.shop-controls{display:flex;align-items:center;gap:12px}.shop-favourite{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--border,#454b49);border-radius:10px;background:transparent;color:var(--muted,#a5aca8);font-size:28px;line-height:1;cursor:pointer}.shop-favourite.selected{color:#ffd15c;background:#ffd15c14;border-color:#ffd15c80}.shop-favourite:focus-visible{outline:2px solid #ffd15c;outline-offset:3px}#marketTabs{flex-wrap:wrap}.favourite-shop-tab{white-space:nowrap}
.master-studio-preview .studio-drag-layer{background:transparent;border:0;outline:1px dashed #aab2b880;overflow:visible}.master-studio-preview .studio-drag-layer iframe{display:block;min-height:0!important;background:transparent!important;color-scheme:normal!important;position:absolute;inset:0}.studio-drag-handle{top:auto!important;bottom:100%;padding:3px 6px!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;opacity:.85}.studio-drag-layer:focus-within,.studio-drag-layer:hover{outline-color:#fff}
.obs-render-preview{background:transparent!important;color-scheme:normal!important}
