@layer ww-style-component{.vdt-root{box-sizing:border-box;width:100%;color:var(--vdt-text);align-items:flex-start;gap:16px;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;display:flex}.vdt-root *,.vdt-root :before,.vdt-root :after{box-sizing:border-box}.vdt-root p{margin:0}.vdt-root button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;margin:0;padding:0}.vdt-root--narrow{flex-direction:column;align-items:stretch}.vdt-root--fill{align-items:stretch;height:100%}.vdt-root--fill .vdt-main{flex-direction:column;min-height:0;display:flex}.vdt-root--fill.vdt-root--narrow .vdt-main{flex:auto}.vdt-root--fill .vdt-box{flex-direction:column;flex:auto;min-height:0;display:flex}.vdt-root--fill .vdt-area{flex:auto}.vdt-root--fill:not(.vdt-root--narrow) .vdt-palette{flex-direction:column;min-height:0;display:flex}.vdt-root--fill:not(.vdt-root--narrow) .vdt-pal-list{flex:auto;min-height:0;max-height:none}.vdt-ico{flex-shrink:0;align-items:center;display:inline-flex}.vdt-ico svg{display:block}.vdt-accent{color:var(--vdt-accent)}.vdt-main{flex:auto;width:100%;min-width:0}.vdt-box{border:1px solid var(--vdt-border);border-radius:var(--vdt-radius);background:var(--vdt-bg);transition:border-color .15s,box-shadow .15s;overflow:hidden}.vdt-box--focus{border-color:var(--vdt-accent-line);box-shadow:0 0 0 3px var(--vdt-ring)}.vdt-head{border-bottom:1px solid var(--vdt-border);color:var(--vdt-muted);background:#f8fafc;align-items:center;gap:12px;padding:8px 12px;font-size:11px;display:flex}.vdt-hint{align-items:center;gap:4px;display:inline-flex}.vdt-code{color:var(--vdt-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.vdt-count{white-space:nowrap;margin-left:auto}.vdt-area{background:var(--vdt-bg);position:relative}.vdt-layer{font-family:var(--vdt-font);font-size:var(--vdt-size);letter-spacing:0;word-spacing:0;text-indent:0;text-transform:none;text-align:left;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:4;font-variant-ligatures:none;font-kerning:none;border:0;border-radius:0;margin:0;padding:16px;font-style:normal;font-weight:400;line-height:1.7;display:block}.vdt-mirror{color:var(--vdt-text);pointer-events:none;position:absolute;inset:0;overflow:hidden}.vdt-area--auto .vdt-mirror{position:relative;inset:auto}.vdt-input{resize:none;color:#0000;-webkit-text-fill-color:transparent;width:100%;height:100%;caret-color:var(--vdt-text);box-shadow:none;appearance:none;background:0 0;outline:none;position:absolute;inset:0;overflow:hidden auto}.vdt-input::placeholder{color:var(--vdt-muted);-webkit-text-fill-color:var(--vdt-muted);opacity:1}.vdt-input::selection{background:var(--vdt-selection);color:#0000}.vdt-input[readonly]{cursor:default}.vdt-tok{border-radius:3px}.vdt-tok--var{background:var(--vdt-accent-bg);color:var(--vdt-accent);box-shadow:inset 0 -1px 0 var(--vdt-accent-line)}.vdt-tok--unknown{background:var(--vdt-warn-bg);color:var(--vdt-warn);-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:var(--vdt-warn);text-decoration-color:var(--vdt-warn);text-underline-offset:3px;text-decoration-thickness:1px}.vdt-tok--bracket{color:#475569;background:#f1f5f9}.vdt-suggest{border-top:1px solid var(--vdt-border);background:var(--vdt-accent-bg);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.vdt-root .vdt-chip{border:1px solid var(--vdt-accent-line);color:var(--vdt-accent);background:#fff;border-radius:6px;align-items:center;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.4;display:inline-flex}.vdt-root .vdt-chip:hover,.vdt-root .vdt-chip--active{border-color:var(--vdt-accent);background:var(--vdt-accent-bg)}.vdt-chip-hint{color:var(--vdt-muted);margin-left:6px;font-family:Inter,sans-serif;font-size:10px}.vdt-issues{border:1px solid var(--vdt-border);border-radius:var(--vdt-radius);background:var(--vdt-bg);margin-top:12px}.vdt-issue{align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.vdt-issue+.vdt-issue{border-top:1px solid #f1f5f9}.vdt-issue-icon{margin-top:1px}.vdt-err{color:#f43f5e}.vdt-warn{color:#f59e0b}.vdt-issue-main{flex:auto;min-width:0}.vdt-issue-msg{font-size:12px;font-weight:500}.vdt-issue-msg--err{color:#be123c}.vdt-issue-msg--warn{color:#92400e}.vdt-issue-detail{color:var(--vdt-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.vdt-root .vdt-fix{color:var(--vdt-accent);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.vdt-root .vdt-fix:hover{text-decoration:underline}.vdt-palette{border:1px solid var(--vdt-border);border-radius:var(--vdt-radius);background:var(--vdt-bg);flex:0 0 260px;width:260px;overflow:hidden}.vdt-root--narrow .vdt-palette{flex-basis:auto;width:100%}.vdt-pal-head{border-bottom:1px solid #f1f5f9;padding:12px 12px 8px}.vdt-root .vdt-pal-title{color:#1e293b;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.vdt-pal-n{color:var(--vdt-muted);margin-left:auto;font-size:11px;font-weight:400}.vdt-search{position:relative}.vdt-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.vdt-search-input{border:1px solid var(--vdt-border);width:100%;font:inherit;color:var(--vdt-text);background:#f8fafc;border-radius:6px;outline:none;padding:6px 8px 6px 30px;font-size:12px}.vdt-search-input:focus{border-color:var(--vdt-accent-line);box-shadow:0 0 0 3px var(--vdt-ring)}.vdt-pal-list{max-height:400px;padding:4px 0;overflow-y:auto}.vdt-pal-empty{color:var(--vdt-muted);padding:8px 12px;font-size:12px}.vdt-root .vdt-group{letter-spacing:.04em;text-transform:uppercase;width:100%;color:var(--vdt-muted);align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.vdt-root .vdt-group:hover{color:#334155}.vdt-group-used{letter-spacing:0;text-transform:none;color:var(--vdt-accent);margin-left:auto;font-size:10px}.vdt-root .vdt-var{align-items:center;gap:8px;width:100%;padding:6px 12px;display:flex}.vdt-root .vdt-var:hover{background:var(--vdt-accent-bg)}.vdt-var-main{flex-direction:column;flex:auto;min-width:0;display:flex}.vdt-var-label,.vdt-var-key{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vdt-var-label{color:#334155;font-size:12px}.vdt-var-key{color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.vdt-used{color:#10b981}.vdt-add{color:var(--vdt-accent);opacity:0}.vdt-root .vdt-var:hover .vdt-add{opacity:1}.vdt-pal-foot{color:#94a3b8;border-top:1px solid #f1f5f9;padding:8px 12px;font-size:10px}}