.vld{--vld-surface:var(--surface,#ffffff);--vld-sunk:var(--sunk,#e9eef0);--vld-fg:var(--fg,#0f2430);--vld-muted:var(--muted,#4f646d);--vld-line:var(--line,#d0dbdf);--vld-accent:var(--accent,#0b6b77);--vld-accent-fg:var(--accent-fg,#ffffff);--vld-accent-2:var(--accent-2,#c2185b);--vld-danger:var(--danger,#b42318);--vld-radius:var(--radius,6px);display:grid;gap:16px;color:var(--vld-fg);min-width:0}.vld *,.vld :after,.vld :before{box-sizing:border-box}.vld button{font:inherit;color:inherit}.vld-media,.vld-panel,.vld-vial,.vld-work{background:var(--vld-surface);border:1px solid var(--vld-line);border-radius:calc(var(--vld-radius) * 2)}.vld-media{display:grid;gap:14px;padding:16px 20px}.vld-media-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 28px}.vld-media-note{margin:0;flex:1 1 220px;font-size:13px;color:var(--vld-muted);align-self:center}.vld-warning{margin:0;padding:8px 12px;border-radius:var(--vld-radius);background:color-mix(in srgb,var(--vld-danger) 12%,transparent);color:var(--vld-danger);font-size:14px;font-weight:600}.vld-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}@media (max-width:1100px){.vld-main{grid-template-columns:minmax(0,1fr)}}.vld-work{min-width:0;overflow:hidden;container-type:inline-size}.vld-side{display:grid;gap:16px;min-width:0}@media (min-width:1101px){.vld-side{position:sticky;top:96px}}.vld-field{display:grid;gap:6px;min-width:0}.vld-field-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--vld-fg)}.vld-field-value{font-weight:500;color:var(--vld-muted)}.vld-note{margin:0;font-size:12.5px;line-height:1.45;color:var(--vld-muted)}.vld-code-text{font-family:var(--font-mono,ui-monospace,monospace);word-break:break-all;color:var(--vld-fg)}.vld-input{width:100%;min-width:0;padding:7px 9px;border:1px solid var(--vld-line);border-radius:var(--vld-radius);background:var(--vld-surface);color:var(--vld-fg);font:inherit;font-size:14px}.vld-input:focus-visible,.vld-num-box:focus-within{outline:2px solid var(--vld-accent);outline-offset:1px}.vld-textarea{resize:vertical;font-size:15px;line-height:1.35}.vld-row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.vld-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.vld-grid-text{grid-template-columns:1fr 1.5fr 1fr 1fr}@media (max-width:420px){.vld-grid-text,.vld-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}.vld-num{display:grid;gap:3px;min-width:0}.vld-num-label{font-size:12px;font-weight:600;color:var(--vld-muted)}.vld-num-box{display:flex;align-items:center;border:1px solid var(--vld-line);border-radius:var(--vld-radius);background:var(--vld-surface);min-width:0}.vld-num-box input{width:100%;min-width:0;border:0;background:transparent;padding:6px 4px 6px 8px;color:var(--vld-fg);font:inherit;font-size:14px;font-variant-numeric:tabular-nums;outline:none}.vld-num-unit{padding-right:8px;font-size:12px;color:var(--vld-muted)}.vld-check{display:inline-flex;align-items:center;gap:6px;font-size:14px}.vld-check input{width:16px;height:16px;accent-color:var(--vld-accent)}.vld-toggles{gap:16px}.vld-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:calc(var(--vld-radius) + 3px);background:var(--vld-sunk);max-width:100%}.vld-seg button{border:0;background:transparent;padding:7px 12px;border-radius:var(--vld-radius);font-size:14px;font-weight:600;color:var(--vld-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.vld-seg-sm button{padding:5px 10px;font-size:13px}.vld-seg button[aria-checked=true]{background:var(--vld-surface);color:var(--vld-fg);box-shadow:0 1px 2px rgb(0 0 0/.12)}.vld-seg button:focus-visible{outline:2px solid var(--vld-accent)}.vld-stocks{display:flex;flex-wrap:wrap;gap:7px}.vld-dot{--dot:#fff;position:relative;width:28px;height:28px;border-radius:50%;border:1px solid color-mix(in srgb,var(--vld-fg) 22%,transparent);background:var(--dot);cursor:pointer;padding:0}.vld-dot[aria-checked=true]{outline:2.5px solid var(--vld-accent);outline-offset:2px}.vld-dot:focus-visible{outline:2.5px solid var(--vld-accent);outline-offset:2px}.vld-stock-metal{background:linear-gradient(135deg,rgb(255 255 255/.65),transparent 45%,rgb(0 0 0/.18)),var(--dot)}.vld-stock-holo{background:conic-gradient(from 30deg,#f4f6fa,#e6d2f6,#cfe8f6,#ebf6d2,#f6dcd2,#f4f6fa)}.vld-stock-pearl{background:radial-gradient(circle at 35% 30%,#fff 0,var(--dot) 60%)}.vld-stock-gloss{background:radial-gradient(circle at 35% 28%,rgb(255 255 255/.55) 0,transparent 38%),var(--dot)}.vld-dot-clear,.vld-stock-clear{background:linear-gradient(45deg,#d7dde1 25%,transparent 0,transparent 75%,#d7dde1 0) 0 0 /10px 10px,linear-gradient(45deg,#d7dde1 25%,#fff 0,#fff 75%,#d7dde1 0) 5px 5px /10px 10px}.vld-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 12px;border-bottom:1px solid var(--vld-line)}.vld-toolbar-gap{flex:1 1 8px}.vld-tool{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid transparent;border-radius:var(--vld-radius);background:transparent;font-size:14px;font-weight:700;cursor:pointer}.vld-tool:hover:not(:disabled),.vld-tool[aria-expanded=true]{background:var(--vld-sunk)}.vld-tool:disabled{opacity:.5;cursor:default}.vld-tool-caret{opacity:.6;margin-left:-2px}.vld-icon{display:inline-grid;place-items:center;width:38px;height:38px;border:0;border-radius:var(--vld-radius);background:transparent;cursor:pointer;color:var(--vld-fg)}.vld-icon:hover:not(:disabled){background:var(--vld-sunk)}.vld-icon:disabled{opacity:.35;cursor:default}.vld-icon[aria-pressed=true]{color:var(--vld-accent)}.vld-icon-danger:hover:not(:disabled){color:var(--vld-danger)}@container (max-width: 760px){.vld-tool{padding:7px 8px}.vld-tool-caret{display:none}.vld-toolbar .vld-icon{width:34px}}@container (max-width: 560px){.vld-toolbar .vld-tool:not([data-testid=export]) .vld-tool-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.vld-toolbar .vld-tool{padding:8px}}.vld-menu{position:relative}.vld-menu-list{position:absolute;top:calc(100% + 4px);z-index:40;min-width:250px;padding:6px;border:1px solid var(--vld-line);border-radius:calc(var(--vld-radius) * 1.6);background:var(--vld-surface);box-shadow:0 18px 40px -16px rgb(7 26 32/.35),0 4px 10px -4px rgb(7 26 32/.18)}.vld-menu-start{left:0}.vld-menu-end{right:0}.vld-menu-label{margin:6px 8px 4px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--vld-muted)}.vld-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:var(--vld-radius);background:transparent;text-align:left;font-size:14px;font-weight:600;cursor:pointer}.vld-menu-item:focus-visible,.vld-menu-item:hover{background:var(--vld-sunk);outline:none}.vld-menu-item-text{display:grid}.vld-menu-hint{font-size:12px;font-weight:500;color:var(--vld-muted)}.vld-stage{outline:none;display:flex;justify-content:center;align-items:center;min-height:260px;padding:44px 0;background:radial-gradient(circle,color-mix(in srgb,var(--vld-fg) 9%,transparent) 1px,transparent 1.3px) 0 0 /14px 14px,var(--vld-sunk)}@media (max-width:520px){.vld-stage{padding:34px 0;min-height:180px}}.vld-paper{position:relative;flex:none}.vld-stage:focus-visible .vld-paper{outline:2px solid var(--vld-accent);outline-offset:6px;border-radius:4px}.vld-paper-art,.vld-paper-art>svg{display:block;width:100%;height:100%}.vld-paper-art>svg{filter:drop-shadow(0 10px 18px rgb(7 26 32/.22)) drop-shadow(0 1px 2px rgb(7 26 32/.25))}.vld-overlay{position:absolute;inset:0;overflow:visible;touch-action:none;user-select:none}.vld-guide-safe{fill:none;stroke:var(--vld-accent-2);stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;opacity:.55}.vld-guide-front{stroke:var(--vld-accent);stroke-width:1px;stroke-dasharray:2 5;opacity:.7}.vld-guide-front,.vld-snap{vector-effect:non-scaling-stroke}.vld-snap{stroke:var(--vld-accent-2);stroke-width:1px}.vld-hover{stroke:var(--vld-accent);stroke-width:1px;opacity:.6}.vld-hover,.vld-sel-box{fill:none;vector-effect:non-scaling-stroke}.vld-sel-box{stroke:var(--vld-accent);stroke-width:1.5px}.vld-sel-locked .vld-sel-box{stroke-dasharray:5 3}.vld-sel-handle,.vld-sel-rotate{fill:#ffffff;stroke:var(--vld-accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.vld-sel-rotate{fill:var(--vld-accent)}.vld-sel-arm{stroke:var(--vld-accent);stroke-width:1.2px;vector-effect:non-scaling-stroke}.vld-hint{margin:0;padding:10px 16px 0;font-size:12.5px;color:var(--vld-muted)}.vld-notice{margin:8px 16px 0;padding:6px 10px;border-radius:var(--vld-radius);background:color-mix(in srgb,var(--vld-accent) 12%,transparent);font-size:13.5px;font-weight:600;width:fit-content}.vld-templates{padding:14px 16px 18px}.vld-section-title{margin:0 0 10px;font-size:15px;font-weight:800}.vld-template-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}@media (max-width:900px){.vld-template-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:148px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.vld-template-row>*{scroll-snap-align:start}}.vld-template{display:grid;gap:6px;width:100%;padding:8px;border:1px solid var(--vld-line);border-radius:calc(var(--vld-radius) * 1.5);background:var(--vld-sunk);cursor:pointer;text-align:left}.vld-template:hover:not(:disabled){border-color:var(--vld-accent)}.vld-template[aria-pressed=true]{border-color:var(--vld-accent);box-shadow:0 0 0 1.5px var(--vld-accent)}.vld-template-art,.vld-template-art>svg{display:block;width:100%}.vld-template-art>svg{height:100%;filter:drop-shadow(0 2px 4px rgb(7 26 32/.18))}.vld-template-name{font-size:13px;font-weight:700}.vld-vial{padding:10px 12px 12px;overflow:hidden}.vld-vial-stage{position:relative;height:330px;border-radius:calc(var(--vld-radius) * 1.5);background:radial-gradient(ellipse at 50% 35%,var(--vld-surface),var(--vld-sunk))}.vld-vial-flat{position:absolute;inset:0;margin:auto;width:82%;height:auto;display:grid;place-items:center}.vld-vial-flat img{width:100%;filter:drop-shadow(0 6px 12px rgb(7 26 32/.25))}.vld-vial-front{position:absolute;right:8px;bottom:8px;padding:4px 10px;border:1px solid var(--vld-line);border-radius:999px;background:var(--vld-surface);font-size:12.5px!important;font-weight:700;cursor:pointer}.vld-cap{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.vld-cap .vld-dot{width:22px;height:22px}.vld-cap-label{font-size:13px;font-weight:700;margin-right:4px}.vld-panel{display:grid;gap:14px;padding:14px 16px 16px;min-width:0}.vld-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.vld-panel-title{margin:0;font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.vld-panel-acts{display:flex;gap:0;flex:none}.vld-panel-acts .vld-icon{width:34px;height:34px}.vld-swatches{display:flex;flex-wrap:wrap;gap:6px}.vld-swatch{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border:1px solid var(--vld-line);border-radius:999px;background:var(--vld-surface);font-size:13px;font-weight:600;cursor:pointer;position:relative}.vld-swatch[aria-checked=true],.vld-swatch[data-on]{border-color:var(--vld-accent);box-shadow:0 0 0 1px var(--vld-accent)}.vld-swatch-chip{width:22px;height:22px;border-radius:50%;border:1px solid color-mix(in srgb,var(--vld-fg) 22%,transparent);flex:none}.vld-swatch-none .vld-swatch-chip{background:linear-gradient(135deg,transparent 46%,var(--vld-danger) 46% 54%,transparent 54%),var(--vld-surface)}.vld-swatch-custom input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.vld-chips{display:flex;flex-wrap:wrap;gap:5px}.vld-chip{padding:3px 9px;border:1px dashed color-mix(in srgb,var(--vld-accent) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--vld-accent) 7%,transparent);color:var(--vld-accent)!important;font-size:12.5px!important;font-weight:700;cursor:pointer}.vld-chip:hover{background:color-mix(in srgb,var(--vld-accent) 14%,transparent)}.vld-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vld-layers{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:260px;overflow:auto}.vld-layer{display:flex;align-items:baseline;gap:8px;width:100%;padding:6px 8px;border:0;border-radius:var(--vld-radius);background:transparent;text-align:left;font-size:13.5px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vld-layer:hover{background:var(--vld-sunk)}.vld-layer-kind{flex:none;width:52px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--vld-muted)}