.cv-root .cv-zoom-pill{background:transparent;border:0;box-shadow:none;backdrop-filter:none;gap:0;padding:0;right:16px;bottom:12px;border-radius:0}
.cv-zoom-pill [data-overview]{width:29px;height:29px;padding:5px!important;position:relative;color:#999;border-radius:6px}
.cv-zoom-pill [data-overview]:hover,.cv-zoom-pill [data-overview].active{background:#e9e9e9;color:#666}
.cv-zoom-pill [data-overview]:hover::after{content:attr(title);position:absolute;bottom:38px;left:50%;transform:translateX(-50%);background:#222;color:#fff;white-space:nowrap;padding:7px 9px;border-radius:5px;font-size:11px;pointer-events:none}
.cv-zoom-pill [data-overview=zoom]{width:54px;margin-left:12px}
.cv-zoom-pill [data-overview=zoom]::before{content:'';position:absolute;left:-7px;height:14px;border-left:1px solid #ddd}
.cv-overview-popover{position:absolute;right:10px;bottom:52px;width:254px;border:1px solid #ededed;border-radius:16px;background:#fff;box-shadow:0 6px 12px #0000000b;z-index:60;color:#282828;overflow:hidden}
.cv-overview-popover header,.cv-workspace-panel header{display:flex;align-items:center;justify-content:space-between;padding:15px;font-size:13px;font-weight:500;border-bottom:1px solid #eee}
.cv-overview-popover header button,.cv-workspace-panel header button{border:0;background:transparent;font-size:23px;color:#999;cursor:pointer;line-height:1;padding:0 3px}
.cv-color-square{height:122px;margin:20px 12px 10px;border-radius:8px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);background-color:red;position:relative;touch-action:none;cursor:crosshair}
.cv-color-square span{position:absolute;left:0;top:0;width:14px;height:14px;border:2px solid white;box-shadow:0 0 0 1px #ddd;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.cv-color-hue{appearance:none;display:block;margin:0 12px;width:calc(100% - 24px);height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}
.cv-color-hue::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 2px #777;background:transparent}
.cv-color-swatches{display:flex;justify-content:space-between;gap:10px;padding:13px 12px 10px}
.cv-color-swatches button{width:28px;height:28px;border-radius:50%;border:1px solid #0001;cursor:pointer}
.cv-color-swatches button.active{outline:2px solid #3f8cff;outline-offset:2px}
.cv-color-hex{display:flex;align-items:center;background:#f5f5f5;margin:0 12px 13px;padding:4px 10px;border-radius:7px;font-size:13px;color:#999}
.cv-color-hex input:not([type=color]){flex:1;width:0;border:0;outline:0;background:transparent;color:#333;padding:3px 5px;font:inherit}
.cv-color-hex [type=color]{border:0;width:25px;height:25px;padding:0;cursor:pointer;background:transparent}
.cv-zoom-menu{padding:5px;width:210px;border-radius:15px}
.cv-zoom-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:7px;background:transparent;padding:10px 8px;font:inherit;font-size:12px;color:#333;cursor:pointer}
.cv-zoom-menu button:hover{background:#f5f5f5}.cv-zoom-menu small{color:#bbb}.cv-zoom-menu button:nth-child(3){border-bottom:1px solid #eee;border-radius:0;margin-bottom:6px}
.cv-workspace-panel{position:absolute;right:0;top:0;bottom:0;width:280px;background:#fff;z-index:35;border-left:1px solid #ededed;display:flex;flex-direction:column}
.cv-with-sidebar .cv-stage{margin-right:280px}.cv-with-sidebar .cv-dock{left:calc((100% - 280px)/2)}.cv-with-sidebar .cv-zoom-pill{right:296px}.cv-with-sidebar .cv-overview-popover,.cv-with-sidebar .cv-minimap{right:290px}
.cv-workspace-content{overflow:auto;flex:1;min-height:0;padding:12px}
.cv-layer-history{border-bottom:1px solid #eee;margin:0 -12px 12px;padding:4px 15px 20px;font-size:12px;color:#333}
.cv-layer-history summary{cursor:pointer;font-weight:500;list-style:none;padding:4px 0}.cv-layer-history summary::after{content:'⌃';float:right;color:#999}.cv-layer-history:not([open]) summary::after{content:'⌄'}
.cv-layer-history p,.cv-overview-empty{color:#aaa;font-size:12px;text-align:center;padding:10px}.cv-history-actions{display:flex;gap:8px;margin-top:15px}.cv-history-actions button{border:1px solid #eee;border-radius:6px;background:#fff;padding:5px 10px;cursor:pointer}.cv-history-actions button:disabled{opacity:.4;cursor:default}
.cv-layer-item{display:flex;align-items:center;border-radius:7px;padding:3px;margin-bottom:3px}.cv-layer-item.active{background:#f0f4fb}.cv-layer-item:hover{background:#f5f5f5}
.cv-layer-item button{border:0;background:transparent;color:#444;cursor:pointer;font:inherit;padding:5px}.cv-layer-item [data-focus]{display:flex;align-items:center;gap:9px;min-width:0;flex:1;text-align:left;font-size:12px}.cv-layer-item img{width:23px;height:23px;object-fit:contain;border-radius:3px}.cv-layer-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-layer-item [data-order]{opacity:0;font-size:12px}.cv-layer-item:hover [data-order],.cv-layer-item:focus-within [data-order]{opacity:1}
.cv-generated-file{display:flex;align-items:center;padding:5px 0;gap:6px}.cv-generated-file button{border:0;background:transparent;cursor:pointer;color:#555}.cv-generated-file [data-preview]{display:flex;align-items:center;gap:12px;min-width:0;flex:1;padding:0;text-align:left;font-size:12px}.cv-generated-file img{width:46px;height:46px;object-fit:cover;border-radius:7px;box-shadow:0 1px 6px #0001}.cv-generated-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cv-minimap{position:absolute;right:10px;bottom:53px;width:200px;height:118px;background:#fff;border:1px solid #ededed;border-radius:12px;z-index:34;overflow:hidden;touch-action:none;cursor:crosshair}.cv-minimap svg{display:block;width:100%;height:100%}
@media(max-width:1000px){.cv-workspace-panel{width:230px}.cv-with-sidebar .cv-stage{margin-right:230px}.cv-with-sidebar .cv-dock{left:calc((100% - 230px)/2)}.cv-with-sidebar .cv-zoom-pill{right:240px}.cv-with-sidebar .cv-overview-popover,.cv-with-sidebar .cv-minimap{right:235px}}
@media(max-width:850px){.cv-with-sidebar .cv-stage{margin-right:0}.cv-with-sidebar .cv-dock{left:50%}.cv-with-sidebar .cv-zoom-pill{right:16px}.cv-workspace-panel{bottom:55px;box-shadow:-4px 0 18px #0001}.cv-with-sidebar .cv-overview-popover,.cv-with-sidebar .cv-minimap{right:10px}}