/* All surfaces inherit the app WorkspaceTheme; the canvas has no separate theme. */
.vw-layer-editor{position:absolute;inset:0;z-index:33;pointer-events:none;overflow:hidden}
.vw-root.vw-layer-open .vw-node-tools,.vw-root.vw-layer-open .vw-inspector,.vw-root.vw-layer-open .vw-media-replace,.vw-root.vw-layer-open .vw-node.selected .vw-port,.vw-root.vw-layer-open .vw-node.selected .vw-resize{visibility:hidden!important;pointer-events:none!important}
.vw-root.vw-layer-open .vw-node.selected .vw-node-content{outline:none!important}
.vw-layer-toolbar{position:absolute;display:flex;align-items:center;width:max-content;max-width:calc(100% - 16px);height:46px;gap:4px;padding:6px 8px;pointer-events:auto;border:1px solid var(--vw-border,var(--workspace-border));border-radius:12px;background:var(--vw-panel,var(--workspace-surface));color:var(--vw-text,var(--workspace-text));box-shadow:0 5px 16px #0002;white-space:nowrap;z-index:3;font-size:13px;user-select:none}
.vw-layer-toolbar i{width:1px;height:25px;background:var(--vw-border,var(--workspace-border));margin:0 7px}.vw-layer-toolbar span{padding:0 5px}
.vw-root .vw-layer-toolbar button{width:31px;height:32px;padding:6px;border-radius:7px;background:transparent;color:var(--vw-text,var(--workspace-text))}.vw-root .vw-layer-toolbar button:hover{background:var(--workspace-soft,var(--vw-bg))}
.vw-layer-editor svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.vw-layer-stage{position:absolute;pointer-events:auto;touch-action:none;cursor:crosshair;z-index:1;outline:0;border-radius:4px;background:#0002}.vw-layer-stage:focus-visible{outline:1px solid #68d4e8;outline-offset:2px}
.vw-layer-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 11px;border-radius:6px;background:#222b;color:#fff;font-size:13px;white-space:nowrap;pointer-events:none}
.vw-layer-box{position:absolute;border:2px solid #68d4e8;background:#68d4e80f;box-shadow:0 0 0 1px #1115;pointer-events:none;box-sizing:border-box}
.vw-layer-content{position:absolute;pointer-events:auto;padding:12px;background:var(--vw-panel,var(--workspace-surface));border:1px solid var(--vw-border,var(--workspace-border));border-radius:12px;color:var(--vw-text,var(--workspace-text));box-shadow:0 6px 22px #0002;z-index:4;overflow:auto;font-size:12px}
.vw-root .vw-layer-content textarea{display:block;width:100%;min-height:60px;max-height:110px;resize:vertical;padding:7px 9px;border:1px solid var(--vw-border,var(--workspace-border));border-radius:7px;color:var(--vw-text,var(--workspace-text));background:var(--workspace-soft,var(--vw-bg));font-size:12px;line-height:1.5}
.vw-layer-content footer{display:flex;align-items:center;gap:8px;margin-top:10px}.vw-layer-content footer small{color:var(--workspace-muted,var(--vw-text));font-size:10px;flex:1;line-height:1.4}
.vw-root .vw-layer-content button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:6px 12px;border:1px solid var(--vw-border,var(--workspace-border));border-radius:7px;background:var(--workspace-soft,var(--vw-bg));color:var(--vw-text,var(--workspace-text));font-size:12px;white-space:nowrap}
.vw-root .vw-layer-content button.primary{background:var(--vw-text,var(--workspace-text));color:var(--vw-panel,var(--workspace-surface));border-color:transparent}.vw-layer-content [data-layer-status]{margin:9px 0 0;font-size:11px;line-height:1.5;color:var(--workspace-muted,var(--vw-text));overflow-wrap:anywhere}.vw-layer-content [data-layer-status].error{color:#e06d55}
.vw-layer-editor [hidden],.vw-layer-editor[hidden]{display:none!important}
.vw-layer-results{margin-top:12px;border-top:1px solid var(--vw-border,var(--workspace-border));padding-top:10px}.vw-layer-results>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.vw-layer-results>header strong{font-size:12px}.vw-layer-results [data-layer-result-status]{margin:8px 0;font-size:11px;line-height:1.5;overflow-wrap:anywhere;color:var(--workspace-muted,var(--vw-text))}.vw-layer-results [data-layer-result-status].error{color:#e06d55}.vw-layer-result{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--vw-border,var(--workspace-border));min-width:0}.vw-layer-thumbnail{width:86px;height:80px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--vw-border,var(--workspace-border));border-radius:6px;overflow:hidden;background-color:var(--vw-panel,var(--workspace-surface));background-image:conic-gradient(var(--workspace-soft,var(--vw-bg)) 25%,transparent 0 50%,var(--workspace-soft,var(--vw-bg)) 0 75%,transparent 0);background-size:12px 12px}.vw-layer-thumbnail img{display:block;max-width:100%;max-height:100%;object-fit:contain}.vw-layer-thumbnail span{font-size:10px;color:var(--workspace-muted,var(--vw-text))}.vw-layer-result-info{min-width:0;flex:1}.vw-layer-result-info>strong{display:block;font-size:12px;overflow-wrap:anywhere}.vw-layer-result-info>small{display:block;margin-top:3px;color:var(--workspace-muted,var(--vw-text));font-size:10px}.vw-layer-result-info p{margin:5px 0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.vw-layer-result-info .vw-layer-counter-note{font-size:10px;color:var(--workspace-muted,var(--vw-text))}.vw-root .vw-layer-result-info button{margin-top:3px;font-size:11px;padding:4px 8px;min-height:29px}.vw-layer-content:has(.vw-layer-results:not([hidden])){overscroll-behavior:contain}.vw-layer-results button:focus-visible{outline:2px solid var(--vw-text,var(--workspace-text));outline-offset:2px}
@media(max-width:480px){.vw-layer-content footer{flex-wrap:wrap}.vw-layer-content footer small{flex-basis:100%}.vw-layer-result{gap:8px}.vw-layer-thumbnail{width:68px;height:72px}.vw-layer-results>header{flex-wrap:wrap}.vw-layer-content:has(.vw-layer-results:not([hidden])){padding:10px}}