.vgdv,.vgdv-tools{--ink:#293438;--muted:#647174;--teal:#226f70;--paper:#f6f3ec;--line:#dce3df;color:var(--ink);font-family:var(--vgd-font-body,Inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;max-width:1320px;margin:20px auto 52px}.vgdv *,.vgdv-tools *{box-sizing:border-box}.vgdv [hidden]{display:none!important}.vgdv button,.vgdv input,.vgdv select{font:inherit}.vgdv button,.vgdv label[for]{-webkit-tap-highlight-color:transparent}.vgdv button{cursor:pointer}.vgdv button:disabled{cursor:default;opacity:.45}.vgdv :focus-visible{outline:3px solid #d78e7d;outline-offset:4px}.vgdv-eyebrow{font-size:10px!important;font-weight:750;letter-spacing:2.3px;color:var(--teal);margin:0 0 18px!important}.vgdv-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:26px 0 35px;border-bottom:1px solid var(--line);margin-bottom:28px}.vgdv-hero h2{font-family:var(--vgd-font-heading,Georgia),"Times New Roman",serif;font-size:clamp(38px,4.7vw,64px);font-weight:400;line-height:1.02;letter-spacing:-2px;margin:0 0 20px;color:var(--ink)}.vgdv-hero h2 em{font-weight:400;color:var(--teal)}.vgdv .vgdv-lede{font-size:16px;max-width:540px;color:var(--muted);margin:0}.vgdv-hero-mark{width:190px;flex:0 0 190px;transform:rotate(-5deg);color:var(--teal)}.vgdv-hero-mark svg{width:100%;height:auto;background:var(--paper);border-radius:50%;padding:10px}.vgdv-hero-mark span{display:block;font-size:8px;font-weight:750;text-align:center;letter-spacing:1.4px;margin-top:10px}.vgdv-upload{display:flex;align-items:center;gap:18px;padding:24px;border:1.5px dashed #a9bfb7;border-radius:12px;background:#f9fbf8;transition:background .15s,border-color .15s}.vgdv-upload.is-dragging{border-color:var(--teal);background:#e6f0eb}.vgdv-upload-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #cbdcd3;border-radius:50%;font-size:27px;color:var(--teal);flex-shrink:0}.vgdv-upload>div:nth-child(2){flex:1;min-width:0}.vgdv-upload strong{display:block;font-size:16px;overflow-wrap:anywhere}.vgdv-upload p{font-size:12px;color:var(--muted);margin:3px 0 0}.vgdv .vgdv-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:42px;padding:10px 17px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:650;line-height:1.45;text-decoration:none;white-space:normal;cursor:pointer;transition:background .15s}.vgdv .vgdv-primary{background:var(--teal);color:#fff;border-color:var(--teal)}.vgdv .vgdv-primary:hover:not(:disabled){background:#155354}.vgdv .vgdv-secondary{background:#fff;border-color:#b8cbc2;color:var(--teal);margin:0;flex-shrink:0}.vgdv-file{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}.vgdv-upload:focus-within{outline:2px solid var(--teal);outline-offset:3px}.vgdv-sample{background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:var(--teal);font-size:12px!important;padding:8px 0;white-space:nowrap}.vgdv .vgdv-private{font-size:11px;color:var(--muted);margin:12px 0 28px;display:flex;align-items:center;gap:7px}.vgdv-private>span{font-size:18px;color:var(--teal)}.vgdv-workbench{display:grid;grid-template-columns:250px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.vgdv-settings{padding:24px 22px;background:var(--paper);border-right:1px solid var(--line);min-width:0}.vgdv-settings h3{font-family:var(--vgd-font-heading,Georgia),serif;font-size:25px;font-weight:400;margin:0 0 23px;color:var(--ink)}.vgdv-settings>label:not(.vgdv-check),.vgdv-settings>div>label:not(.vgdv-check){display:block;margin:18px 0 7px;font-size:12px;font-weight:650}.vgdv-settings label output{float:right;font-size:11px;color:var(--muted);font-weight:400}.vgdv-settings select{width:100%;background:#fff;border:1px solid #ccd6d0;color:var(--ink);padding:9px 11px;border-radius:5px;font-size:12px;min-height:39px}.vgdv-settings input[type=range]{display:block;width:100%;accent-color:var(--teal);height:18px;padding:0;margin:0}.vgdv-settings .vgdv-check{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;margin:19px 0 6px;cursor:pointer}.vgdv-check input{flex-shrink:0;accent-color:var(--teal);width:15px;height:15px;margin:0}.vgdv .vgdv-hint{font-size:11px;line-height:1.65;color:var(--muted);margin:8px 0 14px}.vgdv-settings>.vgdv-btn{width:100%;margin-top:18px}.vgdv .vgdv-cancel{background:transparent;border-color:#adc2b7;color:var(--teal);margin-top:8px}.vgdv-workspace{padding:22px;min-width:0}.vgdv-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.vgdv-preview-toolbar>span{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.2px;font-weight:650;color:var(--muted)}.vgdv-preview-toolbar i{display:block;width:6px;height:6px;border-radius:50%;background:#adc2b7}.vgdv-preview-toolbar i.is-working{background:#d89877;animation:vgdv-pulse 1s infinite alternate}.vgdv-preview-toolbar label{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.vgdv-preview-toolbar select{border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font-size:11px;padding:4px 7px}.vgdv-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.vgdv-comparison figure{margin:0;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:8px;overflow:hidden}.vgdv-comparison figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;background:#fff;border-bottom:1px solid var(--line)}.vgdv-comparison figcaption strong{font-size:12px;font-weight:650}.vgdv-comparison figcaption span{font-size:8px;letter-spacing:.8px;color:var(--muted)}.vgdv-stage{height:370px;display:grid;place-items:center;padding:14px;overflow:auto;background:repeating-conic-gradient(#fff 0% 25%,#f3f5f1 0% 50%) 50%/18px 18px}.vgdv-stage img{display:block;max-width:100%;max-height:335px;width:auto;height:auto;object-fit:contain;margin:auto;box-shadow:none;border:0;border-radius:0}.vgdv-stage.is-zoomed{display:block}.vgdv-stage.is-zoomed img{max-width:none;max-height:none;height:auto}.vgdv-placeholder{text-align:center;color:#7b8d88;max-width:210px}.vgdv-placeholder>span{font-size:44px;font-weight:300;color:#9eb4ac}.vgdv-placeholder svg{width:55px;height:55px;fill:none;stroke:#8fa9a0;stroke-width:2}.vgdv-placeholder p{font-size:12px;line-height:1.8;margin:18px 0 0}.vgdv-result-bar{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.vgdv-result-bar p{font-size:11px;color:var(--muted);margin:0;max-width:350px}.vgdv-result-bar .vgdv-btn{flex-shrink:0}.vgdv .vgdv-status{font-size:12px;line-height:1.7;color:var(--teal);margin:16px 0 0;overflow-wrap:anywhere}.vgdv .vgdv-status.is-error{color:#a43c34}.vgdv-palette{padding:18px 0 0}.vgdv-palette>span{display:block;font-size:9px;letter-spacing:1.2px;font-weight:700;color:var(--muted);margin-bottom:10px}.vgdv-palette small{font-size:10px;letter-spacing:0;font-weight:400;margin-left:10px}.vgdv-palette>div{display:flex;gap:7px;flex-wrap:wrap}.vgdv-palette label{display:block;width:29px;height:29px;overflow:hidden;border-radius:50%;border:1px solid #bfcac3;cursor:pointer}.vgdv-palette input{width:38px;height:38px;padding:0;border:0;cursor:pointer;margin:-5px}.vgdv-footnote{display:flex;gap:28px;justify-content:space-between;align-items:flex-start;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.vgdv-footnote>span{font-size:9px;letter-spacing:1.4px;font-weight:700;color:var(--teal);white-space:nowrap}.vgdv-footnote p{font-size:11px;color:var(--muted);max-width:600px;margin:0}.vgdv-tools h2{font-family:var(--vgd-font-heading,Georgia),serif;font-weight:400;font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-1px;margin:0 0 16px;color:var(--ink)}.vgdv-tools>p:not(.vgdv-eyebrow){font-size:16px;color:var(--muted)}.vgdv-tool-card{display:flex;align-items:flex-start;gap:24px;padding:32px;margin-top:32px;border:1px solid var(--line);border-radius:12px;background:var(--paper);text-decoration:none!important;color:var(--ink)!important;transition:box-shadow .2s}.vgdv-tool-card:hover{box-shadow:0 12px 30px #29343812}.vgdv-tool-symbol{font-size:40px;color:var(--teal);line-height:1}.vgdv-tool-card>span:nth-child(2){flex:1}.vgdv-tool-card strong{display:block;font-family:var(--vgd-font-heading,Georgia),serif;font-weight:400;font-size:29px;margin-bottom:10px}.vgdv-tool-card>span>span{display:block;max-width:560px;font-size:14px;line-height:1.7;color:var(--muted)}.vgdv-tool-card b{display:block;color:var(--teal);font-size:13px;margin-top:24px}.vgdv-tool-card small{font-size:9px;letter-spacing:1.5px;color:var(--muted);white-space:nowrap}@keyframes vgdv-pulse{to{opacity:.3}}
@media(max-width:1050px){.vgdv-workbench{grid-template-columns:215px minmax(0,1fr)}.vgdv-settings{padding:22px 16px}.vgdv-workspace{padding:16px}.vgdv-comparison{gap:10px}.vgdv-stage{height:300px}.vgdv-stage img{max-height:270px}.vgdv-result-bar{align-items:flex-start;flex-direction:column}.vgdv-upload{gap:12px;padding:20px}.vgdv-upload-icon{display:none}}
@media(max-width:730px){.vgdv{margin-top:0}.vgdv-hero{padding-top:12px;gap:12px}.vgdv-hero h2{font-size:45px;letter-spacing:-1.6px}.vgdv-hero-mark{width:100px;flex-basis:100px}.vgdv-hero-mark span{display:none}.vgdv .vgdv-lede{font-size:14px}.vgdv-upload{flex-wrap:wrap;padding:18px}.vgdv-upload>div:nth-child(2){flex:1 1 100%;margin-bottom:5px}.vgdv-sample{margin-left:10px}.vgdv-workbench{display:flex;flex-direction:column}.vgdv-settings{border-right:0;border-bottom:1px solid var(--line);padding:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px}.vgdv-settings h3,.vgdv-settings>label,.vgdv-settings>select,.vgdv-settings>input,.vgdv-settings>div,.vgdv-settings>.vgdv-btn,.vgdv-settings>.vgdv-hint{grid-column:1/-1}.vgdv-settings h3{margin-bottom:5px}.vgdv-settings>.vgdv-btn{margin-top:12px}.vgdv-workspace{padding:16px}.vgdv-comparison{gap:10px}.vgdv-stage{height:230px;padding:8px}.vgdv-stage img{max-height:210px}.vgdv-comparison figcaption{padding:9px}.vgdv-comparison figcaption span{display:none}.vgdv-placeholder p{font-size:11px}.vgdv-preview-toolbar{flex-wrap:wrap}.vgdv-result-bar{gap:14px}.vgdv-result-bar .vgdv-btn{width:100%}.vgdv-footnote{display:block}.vgdv-footnote p{margin-top:12px}.vgdv-tool-card{padding:24px;gap:16px;flex-wrap:wrap}.vgdv-tool-card small{margin-left:48px}.vgdv-tool-card strong{font-size:25px}.vgdv-private{align-items:flex-start!important}}
@media(max-width:390px){.vgdv-hero-mark{display:none}.vgdv-hero h2{font-size:42px}.vgdv-stage{height:200px}.vgdv-stage img{max-height:180px}.vgdv-placeholder p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.vgdv *,.vgdv-tools *{animation:none!important;transition:none!important}}
.vgdv-preview-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.vgdv .vgdv-live-toggle{font-size:11px;gap:5px;white-space:nowrap}.vgdv-live-toggle input{accent-color:var(--teal);margin:0}.vgdv-zoom-controls{display:flex;align-items:center;gap:7px}.vgdv .vgdv-zoom-btn{width:28px;height:28px;min-height:0;padding:0;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--teal);font:18px/1 system-ui;display:grid;place-items:center}.vgdv .vgdv-zoom-help{font-size:10px;color:var(--muted);margin:10px 0 0;line-height:1.6}.vgdv-stage.is-zoomed{cursor:grab}.vgdv-stage.is-panning{cursor:grabbing;user-select:none}.vgdv-stage.is-zoomed img{user-select:none;pointer-events:none}@media(max-width:730px){.vgdv-preview-controls{width:100%;justify-content:space-between;gap:10px}}
/* Tools directory: one introduction, one clear action, a useful visual. */
.vgdv-tools-page .vgd-page-entry>.vgd-entry-title{display:none}
.vgdv-tools{--muted:#526164;margin:24px auto 64px}
.vgdv-tools-intro{max-width:800px;margin-bottom:36px}
.vgdv-tools .vgdv-tools-intro h1{font-family:var(--vgd-font-heading,Georgia),"Times New Roman",serif;font-size:clamp(38px,4.8vw,var(--vgd-editorial-title,60px));font-weight:400;line-height:1.08;letter-spacing:-1.8px;color:var(--ink);margin:0 0 22px}
.vgdv-tools-intro h1 em{font-weight:400;color:var(--teal)}
.vgdv-tools .vgdv-tools-intro p{max-width:640px;margin:0;color:var(--muted);font-size:17px;line-height:1.75}
.vgdv-tools .vgdv-tool-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:38px;padding:36px;margin:0;border-color:#cdd7d0;border-radius:14px;background:var(--paper)}
.vgdv-tools .vgdv-tool-card:hover{box-shadow:none}
.vgdv-tool-copy{min-width:0}
.vgdv-tools .vgdv-tool-format{font-size:12px;font-weight:700;letter-spacing:.7px;color:var(--teal);margin:0 0 14px}
.vgdv-tool-format span{margin:0 8px}
.vgdv-tools .vgdv-tool-copy h2{font-size:34px;line-height:1.15;letter-spacing:-.6px;margin:0 0 14px}
.vgdv-tools .vgdv-tool-copy>p:not(.vgdv-tool-format):not(.vgdv-tool-note){font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 24px}
.vgdv-tools .vgdv-tool-action{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 21px;min-height:50px;border-radius:6px;background:var(--teal);color:white;text-decoration:none;font-size:15px;font-weight:650;transition:background .15s}
.vgdv-tools .vgdv-tool-action:hover{background:#155354;color:#fff}
.vgdv-tools .vgdv-tool-action:focus-visible{outline:3px solid #a44935;outline-offset:5px}
.vgdv-tools .vgdv-tool-note{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0 0}
.vgdv-tools .vgdv-tool-demo{min-width:0;margin:0;padding:22px;background:#fffdf8;border:1px solid #d9e0d9;border-radius:10px}
.vgdv-demo-pair{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:8px}
.vgdv-demo-pair>div{min-width:0;text-align:center}
.vgdv-demo-label{display:block;font-size:12px;font-weight:650;line-height:1.5;margin-bottom:14px}
.vgdv-demo-art{background:repeating-conic-gradient(#f9f8f3 0% 25%,#eeeee7 0% 50%) 0/16px 16px;border-radius:6px;overflow:hidden;aspect-ratio:1}
.vgdv-demo-art svg{display:block;width:100%;height:auto}
.vgdv-demo-arrow{color:var(--teal);font-size:22px;text-align:center}
.vgdv-tools .vgdv-demo-pair small{display:block;white-space:normal;font-size:11px;letter-spacing:0;line-height:1.5;color:var(--muted);margin:12px 0 0}
.vgdv-tool-demo figcaption{font-size:11px;line-height:1.6;text-align:center;color:var(--muted);margin-top:20px}
@media(max-width:760px){.vgdv-tools{margin-top:16px}.vgdv-tools .vgdv-tool-card{grid-template-columns:1fr;gap:28px;padding:26px}.vgdv-tools-intro{margin-bottom:28px}.vgdv-tools .vgdv-tools-intro h1{letter-spacing:-1px}.vgdv-tools .vgdv-tools-intro p{font-size:16px}.vgdv-tools .vgdv-tool-demo{padding:20px}.vgdv-tool-demo{max-width:460px;width:100%;justify-self:center}}
@media(max-width:420px){.vgdv-tools .vgdv-tool-card{padding:22px 18px}.vgdv-tools .vgdv-tool-copy h2{font-size:30px}.vgdv-tools .vgdv-tool-action{width:100%}.vgdv-tools .vgdv-tool-demo{padding:16px 12px}.vgdv-demo-pair{gap:5px}.vgdv-demo-label{font-size:11px}.vgdv-tools .vgdv-demo-pair small{font-size:10px}}
/* Shared theme settings keep the Tools typography in sync with Global Styles. */
.vgdv-tools .vgdv-tools-intro h1,.vgdv-tools .vgdv-tool-copy h2{font-weight:var(--vgd-editorial-weight,400)}
.vgdv-tools .vgdv-tools-intro p{font-size:var(--vgd-editorial-body,17px);line-height:var(--vgd-editorial-leading,1.75)}
.vgdv-tools,.vgdv{--ink:var(--vgd-editorial-ink,#293438)}
.vgdv-tools .vgdv-tools-intro h1{color:var(--vgd-editorial-h1,var(--ink))}
.vgdv-tools .vgdv-tool-copy h2{color:var(--vgd-editorial-h2,var(--ink))}
.vgdv .vgdv-hero h2{font-weight:var(--vgd-editorial-weight,400);font-size:clamp(38px,4.7vw,var(--vgd-editorial-title,64px))}