/* 柔光曲面玻璃 · 前后图层编辑（左栏内嵌预览 + 全屏双预览） */
#sleInline{display:flex;flex-direction:column;gap:8px;margin:14px 0 4px;padding:12px;border:1px solid #2d2e32;border-radius:14px;background:#171819}
.sle-inline-head{display:flex;flex-direction:column;gap:2px}
.sle-inline-head strong{font-size:12px}
.sle-inline-head span{font-size:10px;color:#8f8f97}
#sleInline .field-help{margin:0}
.sle-wrap{display:flex;align-items:center;justify-content:center;overflow:hidden}
#sleMiniWrap{height:240px;background:#101113;border-radius:10px;padding:7px}
.sle-box{position:relative;flex:none;touch-action:none;cursor:move}
.sle-stage{position:absolute;inset:0;background:#08090b;border:1px solid #2b2b2e;border-radius:8px;overflow:hidden}
.sle-stage>canvas{display:block;width:100%;height:100%}
.sle-overlay{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.sle-frame{fill:#decfb31a;stroke:#decfb3;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:6 4}
.sle-leader{stroke:#decfb3;stroke-width:1.5;vector-effect:non-scaling-stroke}
.sle-guide{stroke:#ff3d9a;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:5 4}
.sle-handle{pointer-events:all;fill:#decfb3;stroke:#17181a;stroke-width:1.5;cursor:nwse-resize}
.sle-handle[data-sle-handle=rotate]{cursor:grab;fill:#fff}
.sle-handle:hover{fill:#fff}

#softLayerEditor{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#0d0d0e;color:#eee;overflow:hidden}
#softLayerEditor[open]{display:flex;flex-direction:column}
#softLayerEditor::backdrop{background:#080809}
#softLayerEditor .gse-body{grid-template-columns:320px minmax(190px,.78fr) minmax(190px,.78fr)}
.sle-switch{display:flex;flex-direction:column;gap:7px;margin:2px 0 12px}
.sle-switch>span{font-size:11px;color:#a1a1a7}
.sle-switch .segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sle-switch .segmented button{width:100%;padding:9px 6px;font-size:12px}
#sleMainWrap{flex:1;min-height:0;position:relative;padding:12px;background:#09090a;border-radius:10px}
#softLayerEditor #sleHint{flex:none;font-size:11px;margin:10px 0 0}
#softLayerEditor #sleColorBox,#softLayerEditor #slePickerBox{margin:12px 0;padding:10px 12px;border:1px solid #2f3138;border-radius:10px;background:#16181c}
#softLayerEditor #sleColorBox>summary,#softLayerEditor #slePickerBox>summary{cursor:pointer;font-size:12px}
#softLayerEditor #sleColorBox .color-row,#softLayerEditor #sleColorBox .segmented{margin-top:10px}
#softLayerEditor #classicLayerPanel{margin-top:6px}
#softLayerEditor #classicLayerPanel>summary{cursor:pointer;font-size:12px}
@media(max-width:1180px){#softLayerEditor .gse-body{grid-template-columns:270px minmax(160px,.8fr) minmax(160px,.8fr);gap:10px}}
@media(max-width:760px){#softLayerEditor{overflow:auto}#softLayerEditor .gse-body{display:grid;grid-template-columns:1fr 1fr;flex:none;overflow:visible}#softLayerEditor .gse-tools{grid-column:1/-1;order:2;overflow:visible;padding:10px}#sleMainWrap,#softLayerEditor .gse-effect-stage{height:320px;flex:none}}