/* V13: effects editor only. Base admin design is unchanged. */
.lf-effects-editor{background:linear-gradient(130deg,#20182e88,#151c3066);border-color:#a987f23d}
.lf-effects-editor h4{margin:23px 0 13px;font-size:14px;color:#ddd0fc}
.lf-effects-editor .form-grid{gap:15px 19px;align-items:center}
.lf-effects-hint{font-size:12px;color:#afb5ca;line-height:1.7;margin:0 0 19px}
.lf-effects-editor .check{border:1px solid #ffffff10;background:#13162880;padding:13px 15px;border-radius:9px;min-height:48px}
.lf-effects-editor .image-field{margin-bottom:18px}
.lf-effects-preview{--lf-fx-color:#9867ff;--lf-fx-glow:.65;--lf-glow-soft:10px;--lf-glow-outer:25px;--lf-fx-speed:9s;--lf-fx-shine-speed:5s;--lf-fx-size:1;--lf-fx-title-color:#fff;--lf-fx-title-glow:#ad83ff;--lf-fx-title-glow-strength:.35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:radial-gradient(ellipse at 50% 20%,#47306c80,#0f1422 70%);min-height:190px;border:1px solid #ad8cf34a;border-radius:12px;margin:24px 0 5px;overflow:hidden;perspective:850px;position:relative}
.lf-preview-asset{height:111px;width:130px;display:block;position:relative;transform-style:preserve-3d}
.lf-preview-asset img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px #030513)}
.lf-preview-title{font-size:calc(14px * var(--lf-fx-size));font-weight:800;letter-spacing:.13em;text-align:center;color:var(--lf-fx-title-color)}
.lf-effects-preview[data-lf-title-glow=true] .lf-preview-title{text-shadow:0 0 calc(30px * var(--lf-fx-title-glow-strength)) var(--lf-fx-title-glow)}
.lf-effects-preview[data-lf-asset-glow=true] .lf-preview-asset img{filter:drop-shadow(0 0 var(--lf-glow-soft) color-mix(in srgb,var(--lf-fx-color) 90%,white 10%)) drop-shadow(0 0 var(--lf-glow-soft) var(--lf-fx-color)) drop-shadow(0 0 var(--lf-glow-outer) color-mix(in srgb,var(--lf-fx-color) 80%,#73d9ff 20%))}
.lf-effects-preview[data-lf-asset-motion=turn] .lf-preview-asset{animation:lf-editor-turn var(--lf-fx-speed) linear infinite}
.lf-effects-preview[data-lf-asset-motion=sway] .lf-preview-asset{animation:lf-editor-sway var(--lf-fx-speed) ease-in-out infinite}
.lf-effects-preview[data-lf-asset-motion=float] .lf-preview-asset{animation:lf-editor-float var(--lf-fx-speed) ease-in-out infinite}
.lf-effects-preview[data-lf-asset-motion=pulse] .lf-preview-asset{animation:lf-editor-pulse var(--lf-fx-speed) ease-in-out infinite}
.lf-preview-shine{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:var(--lf-mask-image);mask-image:var(--lf-mask-image);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;mix-blend-mode:screen}
.lf-preview-shine::after{content:"";position:absolute;top:-18%;bottom:-18%;left:-42%;width:30%;background:linear-gradient(90deg,transparent 0,#ffffff00 24%,#ffffff75 46%,#ffffff 50%,#ffffff75 54%,#ffffff00 76%,transparent 100%);filter:blur(2px);transform:skewX(-22deg)}
.lf-effects-preview[data-lf-asset-shine=true] .lf-preview-shine{display:block}
.lf-effects-preview[data-lf-asset-shine=true] .lf-preview-shine::after{animation:lf-editor-shine var(--lf-fx-shine-speed) ease-in-out infinite}
@keyframes lf-editor-turn{to{transform:rotateY(360deg)}}@keyframes lf-editor-sway{0%,100%{transform:rotateY(-25deg)}50%{transform:rotateY(25deg)}}@keyframes lf-editor-float{50%{transform:translateY(-9px)}}@keyframes lf-editor-pulse{50%{transform:scale(1.08)}}@keyframes lf-editor-shine{0%,15%{left:-42%}70%,100%{left:126%}}
@media(prefers-reduced-motion:reduce){.lf-preview-asset,.lf-preview-shine::after{animation:none!important}}

.lf-card-settings{margin:20px 0;padding:18px;border:1px solid #ad8cf344;border-radius:12px;background:#151b2d}
.lf-card-settings h4{margin:0 0 8px;color:#e5d8ff}
.lf-card-feedback{font-size:12px;color:#c0addc;line-height:1.5}
.lf-card-editor-preview{height:150px;max-width:260px;margin:10px auto 0;position:relative;perspective:900px;overflow:hidden;background:radial-gradient(circle at center,#7055b34d,#101324);border:1px solid #ffffff22;border-radius:12px}
.lf-card-preview-item{position:absolute;top:14%;left:26%;width:52%;height:70%;border-radius:9px;background:#1a2136;border:1px solid #ffffff30;overflow:hidden;box-shadow:0 15px 25px #0006;transition:all .75s cubic-bezier(.2,.82,.15,1)}
.lf-card-preview-item img{height:100%;width:100%;object-fit:contain}
.lf-card-preview-item[data-deck-pos="0"]{transform:translateX(-22%) rotateY(-15deg) rotateZ(-7deg);z-index:4;opacity:1}
.lf-card-preview-item[data-deck-pos="1"]{transform:translateX(35%) rotateY(15deg) rotateZ(9deg) scale(.86);z-index:3;opacity:.9}
.lf-card-preview-item[data-deck-pos="2"]{transform:translateX(55%) rotateY(23deg) rotateZ(12deg) scale(.7);z-index:2;opacity:.7}
.lf-card-preview-item[data-deck-pos="3"]{transform:translateX(70%) rotateY(30deg) rotateZ(17deg) scale(.55);z-index:1;opacity:0}

/* Kartenbilder direkt im Effekteditor hinzufügen */
.lf-card-images{margin:16px 0 18px;padding:16px;background:#0d1425;border:1px solid #a88df23b;border-radius:12px}
.lf-card-images-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.lf-card-images h5{font-size:14px;color:#f0eaff;margin:0}
.lf-card-images-head small{font-size:11px;color:#b1a9d7}
.lf-card-image-list{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.lf-card-image-row{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;padding:10px;border:1px solid #ffffff1e;border-radius:10px;background:#ffffff05;align-items:center}
.lf-card-image-thumb{width:70px;height:70px;border-radius:8px;background:linear-gradient(145deg,#222144,#111b2b);border:1px solid #ffffff1b;display:grid;place-items:center;overflow:hidden}
.lf-card-image-thumb img{width:100%;height:100%;object-fit:contain}
.lf-card-image-row .field{margin:0;min-width:0}.lf-card-image-row .field input{width:100%}
.lf-card-image-actions{display:flex;grid-column:1/-1;gap:7px;flex-wrap:wrap}
.lf-card-image-actions .button{min-height:29px;padding:5px 9px;font-size:11px}
.lf-card-image-upload{padding:12px;border:1px dashed #a389f077;border-radius:10px;margin-bottom:12px;background:#9874ed0d}
.lf-card-image-upload label{display:block;font-size:12px;font-weight:750;color:#e0d5ff;margin-bottom:8px}
.lf-card-image-upload input{display:block;width:100%;font-size:12px}
.lf-card-image-upload small{display:block;margin-top:6px;color:#ada8c7}
@media(max-width:500px){.lf-card-image-row{grid-template-columns:55px minmax(0,1fr)}.lf-card-image-thumb{width:55px;height:55px}}
