#vectorEditor{display:flex;flex-direction:column;position:relative;width:100%;height:calc(100dvh - 200px);min-height:430px;padding:0;margin:0;border:0;background:transparent;color:#eee;overflow:hidden}.ve-header{padding:8px 12px;flex:none}.ve-header strong{font-size:12px}.ve-toolbar{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.ve-toolbar button{padding:5px 7px;font-size:10px}.ve-toolbar .active,.ve-layer .active{background:#33445c}.ve-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr);gap:14px}.ve-stage{position:relative;min-height:0;min-width:0}.ve-stage canvas{display:block;width:100%;height:100%;touch-action:none}.ve-layers,.ve-inspector{padding:12px;border-bottom:1px solid #333}.ve-body h3,.ve-sidebar h3{font-size:12px;margin:0 0 12px}.ve-sidebar p{font-size:10px;color:#999}.ve-sidebar label{display:block;font-size:11px;margin:10px 0}.ve-sidebar input,.ve-sidebar select{width:100%;padding:6px;background:#202023;border:1px solid #39393e;border-radius:5px;color:white}.ve-sidebar input[type=color]{height:30px}.ve-sidebar details{padding:10px 0;border-bottom:1px solid #333}.ve-sidebar summary{font-size:12px;cursor:pointer}.ve-sidebar button{padding:6px;font-size:11px}.ve-layer{display:flex;gap:4px;margin-bottom:5px}.ve-layer button:first-child{flex:1;overflow:hidden}.ve-preview{display:flex;flex-direction:column;align-items:center;min-height:0;overflow:hidden}.ve-preview .stage{flex:1;width:100%;min-height:0;padding:8px;background:none;border:none}.ve-preview h3{font-size:11px}.vector-editing .preview-head,.vector-editing .preview-actions{display:none}.vector-editing .stage-label{display:none}.vector-editing .phone{height:100%;max-height:100%;width:auto;aspect-ratio:var(--aspect,.45);max-width:100%}.vector-editing .workspace{overflow:hidden}#veStatus{position:absolute;bottom:10px;left:10px;font-size:10px;color:#aaa;pointer-events:none}.ve-preview #vePreview{display:none}@media(max-width:700px){#vectorEditor{height:calc(100dvh - 200px)}.ve-body{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.ve-toolbar button{font-size:9px}}

.ve-geometry{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ve-sidebar .ve-geometry label{margin:4px 0;font-size:10px}.ve-paint-row{display:flex;align-items:center;gap:6px;margin:12px 0;padding-top:10px;border-top:1px solid #333}.ve-paint-row button:nth-child(2){flex:1;text-align:left;border:0;font-size:11px}.ve-paint-row .ve-swatch{width:22px;height:22px;padding:0;border-radius:4px;flex:none}.ve-sidebar .ve-paint-row input{width:48px}.ve-paint-popover{position:absolute;right:12px;top:80px;z-index:30;width:260px;background:#29292d;border:1px solid #444;border-radius:12px;padding:14px;box-shadow:0 12px 40px #0009}.ve-pop-title{display:flex;justify-content:space-between;align-items:center;font-size:12px}.ve-pop-title button{border:0;font-size:20px}.ve-paint-popover label{display:block;font-size:10px;margin:8px 0}.ve-paint-popover input,.ve-paint-popover select{width:100%;color:#eee;background:#36363b;border:0;border-radius:5px;padding:5px}.ve-color-row{display:grid;grid-template-columns:40px 1fr 60px;gap:8px}.ve-color-row input[type=color]{height:29px;padding:0}.ve-stop-strip{position:relative;height:32px;margin:24px 8px 10px;border-radius:5px}.ve-stop{position:absolute;top:-12px;width:17px;height:20px;transform:translateX(-50%);border:2px solid #555;padding:0;border-radius:3px}.ve-stop.active{border-color:#168dff}.ve-pop-actions{display:flex;justify-content:space-between;gap:10px}.ve-pop-actions button{font-size:11px;border:0;padding:5px}.ve-toolbar{gap:3px}.ve-toolbar button{padding:5px;font-size:9px}

.ve-more{position:relative;margin:0}.ve-more summary{list-style:none;padding:3px 8px;cursor:pointer;font-size:16px}.ve-more[open]{background:#252528}.ve-more[open] button{display:block;min-width:100px;text-align:left}.ve-more[open]{position:absolute;z-index:40;right:0;top:calc(100% + 4px);padding:4px;border:1px solid #444;border-radius:6px;background:#252528}

.vector-editing .controls>:not(.ve-sidebar){display:none!important;}
.ve-effect-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3d3d3d;padding-top:12px;margin-top:12px;font-size:12px;}
.ve-effect-heading select{width:130px;margin:0;}
.ve-effect-actions{display:flex;justify-content:space-between;gap:6px;margin:8px 0;}
.ve-effects details{border:1px solid #3d3d3d;border-radius:8px;padding:10px;margin:10px 0;}
.ve-effects summary{font-size:12px;}
.vector-editing #lampEditor,.vector-editing #orbEditor{display:none!important;}

.ve-layer-thumb{width:18px;height:18px;object-fit:cover;border-radius:3px;flex:none;background:#111}
.ve-layer.ve-group-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:7px;padding:3px 4px}
.ve-layer.ve-group-row button:first-child{flex:none;width:20px;padding:4px 0;text-align:center}
.ve-layer.ve-group-row button:nth-child(2){flex:1;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ve-layer.ve-group-row button:nth-child(2).active{background:#33445c}
.ve-layer.ve-draggable{cursor:grab}
.ve-layer.ve-draggable:active{cursor:grabbing}
.ve-layer.drop-before{box-shadow:0 -2px 0 #62aaff}
.ve-layer.drop-after{box-shadow:0 2px 0 #62aaff}
.ve-layer.drop-into{outline:1px solid #62aaff;background:#62aaff1f}