.line-example{margin:34px 0 40px;border:1px solid #dcded0;border-radius:20px;background:#f5f3e9;overflow:hidden;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.25fr);scroll-margin-top:110px}.line-example-copy{padding:36px;align-self:center}.line-example-copy h2{font:clamp(30px,3.2vw,44px)/1.15 Georgia,serif;margin:14px 0 20px;color:#173e32}.line-example-copy p{font-size:14px;line-height:1.8;color:#5d695d}.line-example-copy .primary{display:inline-flex;margin:12px 0 6px}.example-tag{display:inline-flex;align-items:center;gap:7px;font:10px Arial,sans-serif;letter-spacing:1.3px;color:#7c653b;border:1px solid #d6cdb6;border-radius:24px;padding:9px 12px}.example-note{font-size:12px!important}.example-stage{position:relative;background:radial-gradient(ellipse at center,#fffdf7 0%,#efebdf 100%);padding:20px 20px 14px;min-width:0}.example-tabs{display:flex;width:max-content;max-width:100%;padding:4px;border:1px solid #d9d8cb;border-radius:28px;background:#fffdf7;margin:0 auto 8px;gap:3px}.example-tabs button{font:12px Arial,sans-serif;margin:0;border:0;background:transparent;color:#5d695d;padding:10px 17px;border-radius:24px;cursor:pointer}.example-tabs button[aria-pressed=true]{background:#173e32;color:#fffaf0}.example-viewport{height:430px;width:100%}.example-viewport canvas{display:block;touch-action:none;max-width:100%}.example-viewport>img,#example-drawing img{height:100%;width:100%;object-fit:contain}.example-viewport[hidden],#example-drawing[hidden],#example-view-tools[hidden]{display:none!important}#example-drawing{padding:16px 28px}.example-view-tools{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.example-view-tools button{background:#fffdf7;border:1px solid #d6d7c8;border-radius:8px;padding:9px 12px;font:11px Arial,sans-serif;color:#173e32;cursor:pointer;margin:0;min-height:36px}.example-view-tools button:disabled{opacity:.4;cursor:wait}.example-stage #example-status{text-align:center;font:11px/1.6 Arial,sans-serif;color:#6a7362;margin:12px 0 0;min-height:18px}.line-example button:focus-visible{outline:2px solid #997543;outline-offset:3px}.shop-card>img.line-example-image{object-fit:contain;background:#f8f6ef;padding:20px}.shop-card .example-card-label{font-size:10px;letter-spacing:1.5px;color:#8d7445;text-transform:uppercase}.shop-card .example-link{font-size:12px}
@media(max-width:800px){.line-example{grid-template-columns:1fr}.line-example-copy{padding:26px}.example-stage{padding:18px 12px}.example-viewport{height:390px}.line-example-copy h2{font-size:36px}}
@media(max-width:430px){.example-viewport{height:340px}.example-tabs button{padding:10px 13px}.line-example-copy{padding:24px}.example-stage{padding:18px 8px}.example-view-tools button{padding:9px 10px}}