/* A quiet, optional layer for people who work with vector artwork. */
.designer-svg{margin-top:30px;border-block:1px solid #d6e3de;scroll-margin-top:100px}
.designer-svg summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;cursor:pointer;padding:28px 0}
.designer-svg summary::-webkit-details-marker{display:none}
.designer-summary-copy{display:grid;gap:9px}
.designer-eyebrow{color:var(--deep);font-size:11px;font-weight:650;letter-spacing:.055em;line-height:1.8}
.designer-coming{display:inline-block;margin-left:10px;border:1px solid #cdded8;border-radius:3px;padding:0 5px;font-size:9px;color:var(--muted);font-weight:500;letter-spacing:0;vertical-align:1px}
.designer-summary-copy>strong{font-size:21px;line-height:1.65;letter-spacing:.015em;color:var(--ink)}
.designer-summary-description{color:var(--muted);font-size:12px;line-height:1.9}
.designer-summary-action{display:flex;align-items:center;gap:16px;flex-shrink:0;color:var(--deep);font-size:12px;font-weight:650}
.designer-disclosure-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #c8dcd5;border-radius:50%;font-size:18px;font-weight:400;transition:transform .2s}
.designer-close-label{display:none}
.designer-svg[open] .designer-disclosure-icon{transform:rotate(45deg)}
.designer-svg[open] .designer-open-label{display:none}
.designer-svg[open] .designer-close-label{display:inline}
.designer-svg :is(button,select,input,a,summary,[tabindex]):focus-visible{outline:2px solid var(--deep);outline-offset:4px}
.designer-content{padding:12px 0 28px}
.designer-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;margin-bottom:25px}
.designer-intro h3{font-size:25px;line-height:1.7;font-weight:700;letter-spacing:.01em;margin:8px 0 0;color:var(--ink)}
.designer-intro>p{font-size:12px;line-height:2;color:var(--muted);margin:0}
.designer-workbench{background:#fff;border:1px solid #dce7e1;border-radius:12px;overflow:hidden}
.designer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;border-bottom:1px solid #e0e9e5}
.designer-view-tabs{display:flex;gap:5px}
.designer-view-tabs button{min-height:38px;border:1px solid transparent;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;color:var(--muted);background:transparent}
.designer-view-tabs button[aria-pressed=true]{color:var(--deep);background:#eef6f2;border-color:#d8e7df}
.designer-view-tabs button:hover{background:#f3f7f5}
.designer-zoom{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted)}
.designer-zoom select{background:#fff;border:1px solid #d7e4dc;border-radius:5px;padding:7px 24px 7px 9px;color:var(--deep);font:inherit;min-height:36px}
.designer-color-tools{display:flex;align-items:center;gap:14px;padding:12px 24px;border-bottom:1px solid #e0e9e5;font-size:11px;color:var(--muted)}
.designer-color-tools[hidden]{display:none}
.designer-color-tools label{display:flex;align-items:center;gap:12px;font-weight:650;color:var(--deep)}
.designer-color-tools input{width:38px;height:32px;border:1px solid #d2e1d9;border-radius:5px;padding:3px;background:#fff;cursor:pointer}
#designer-color-code{font-variant-numeric:tabular-nums;letter-spacing:.025em}
.designer-comparison{display:grid;grid-template-columns:1fr 1fr;gap:0}
.designer-comparison figure{margin:0;min-width:0;padding:18px 22px 0}
.designer-original{border-right:1px solid #e6eeea}
.designer-comparison figcaption{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:12px}
.designer-comparison figcaption>span{color:#7c9d91;font-size:10px}
.designer-comparison figcaption strong{font:inherit}
.designer-comparison figcaption small{margin-left:auto;font-size:9px;letter-spacing:.06em;border:1px solid #dae7e0;padding:0 6px;border-radius:3px;color:var(--deep)}
.designer-original-art,.designer-viewport{aspect-ratio:1;background-color:#fff;background-image:linear-gradient(45deg,#f6f8f7 25%,transparent 25%),linear-gradient(-45deg,#f6f8f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f6f8f7 75%),linear-gradient(-45deg,transparent 75%,#f6f8f7 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
.designer-original-art img{display:block;width:100%;height:100%;object-fit:contain}
.designer-viewport{overflow:auto;overscroll-behavior:contain}
.designer-art{width:100%;height:100%}
.designer-art>svg,.designer-art>img{display:block;width:100%;height:100%;max-width:none}
.designer-view-status{min-height:20px;padding:16px 24px;margin:0!important;border-top:1px solid #e7eee9;font-size:11px;line-height:1.8;color:var(--muted)}
.designer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:25px}
.designer-bottom strong{font-size:13px;line-height:1.8;color:var(--ink)}
.designer-bottom p{font-size:11px;line-height:1.9;color:var(--muted);margin:5px 0 0!important;max-width:500px}
.designer-download{display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #bdd4c9;border-radius:7px;padding:13px 18px;color:var(--deep);font-size:12px;font-weight:650;white-space:nowrap;text-decoration:none}
.designer-download:hover{background:#eaf4ef}
.designer-download>span{font-size:18px}
.designer-footnote{font-size:10px!important;line-height:1.9!important;color:var(--muted);margin:20px 0 0!important}
@media(max-width:900px){.designer-summary-copy>strong{font-size:19px}.designer-summary-action{gap:9px;font-size:11px}.designer-intro{align-items:flex-start;flex-direction:column;gap:12px}.designer-intro h3{font-size:23px}.designer-bottom{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:600px){.designer-svg summary{align-items:flex-start;flex-direction:column;gap:18px;padding:24px 0}.designer-summary-copy>strong{font-size:17px}.designer-summary-description{font-size:11px}.designer-summary-action{width:100%;justify-content:space-between}.designer-content{padding-top:4px}.designer-intro h3{font-size:21px}.designer-intro>p{font-size:11px}.designer-toolbar{gap:8px;padding:12px 10px}.designer-view-tabs{gap:1px}.designer-view-tabs button{font-size:11px;padding:6px 7px}.designer-zoom{gap:4px}.designer-zoom label{display:none}.designer-zoom select{padding:6px 16px 6px 5px;min-height:36px}.designer-comparison{grid-template-columns:1fr}.designer-comparison figure{padding:15px 16px 0}.designer-original{border-right:0;border-bottom:1px solid #e6eeea}.designer-original-art{max-width:180px;margin:0 auto 14px}.designer-vector{padding-bottom:8px!important}.designer-view-status{padding:12px 16px;font-size:10px}.designer-color-tools{flex-wrap:wrap;padding:12px 16px;gap:8px 12px}.designer-color-tools>span:last-child{flex-basis:100%;font-size:10px}.designer-bottom strong{font-size:12px}.designer-download{width:100%;font-size:11px;padding:12px}.designer-footnote{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.designer-disclosure-icon{transition:none}}