.spare-blue .ad-examples{padding-top:30px;scroll-margin-top:110px}.spare-blue .ad-examples .section-head{margin-bottom:30px}.spare-blue .ad-example-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.spare-blue .ad-example-switch button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:10px;font-size:14px;color:var(--muted)}.spare-blue .ad-example-switch button[aria-pressed=true]{background:var(--text);color:var(--canvas);border-color:var(--text)}.spare-blue .ad-example-figure{margin:0}.spare-blue .ad-example-scene{border:1px solid var(--line);border-radius:18px;background:var(--sidebar);overflow:hidden}.spare-blue .ad-example-canvas{position:relative;min-height:460px;padding:0 48px 32px;pointer-events:none}.spare-blue .ad-example-system{height:52px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted);font-size:12px}.spare-blue .ad-example-system>span:first-child{display:flex;align-items:center;gap:8px}.spare-blue .ad-example-workspace{width:86%;min-height:350px;background:var(--canvas);border:1px solid var(--line);border-radius:12px;overflow:hidden}.spare-blue .ad-example-titlebar{display:flex;justify-content:space-between;align-items:center;gap:12px;height:42px;padding:0 18px;border-bottom:1px solid var(--line);color:var(--quiet);font-size:12px}.spare-blue .ad-example-dots{display:flex;gap:5px}.spare-blue .ad-example-dots i{width:7px;height:7px;border-radius:50%;background:var(--line)}.spare-blue .ad-example-workbody{display:flex;min-height:306px}.spare-blue .ad-example-sidebar{flex:0 0 150px;padding:27px 18px;border-right:1px solid var(--line);color:var(--muted);font-size:12px}.spare-blue .ad-example-sidebar>span{display:block;margin-bottom:24px}.spare-blue .ad-example-sidebar small{display:block;margin-bottom:13px;color:var(--quiet)}.spare-blue .ad-example-lines i,.spare-blue .ad-example-sidebar i{display:block;background:var(--line);height:5px;border-radius:5px;margin-bottom:13px;width:80%}.spare-blue .ad-example-lines i:last-child,.spare-blue .ad-example-sidebar i:nth-of-type(2){width:56%}.spare-blue .ad-example-conversation{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:24px 28px 18px}.spare-blue .ad-example-prompt{align-self:flex-end;max-width:85%;padding:9px 14px;border-radius:12px;background:var(--raised);font-size:12px;color:var(--muted)}.spare-blue .ad-example-answer{flex:1 1}.spare-blue .ad-example-generating{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-bottom:18px}.spare-blue .ad-example-end>i,.spare-blue .ad-example-generating>i{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.spare-blue .ad-example-lines{margin-top:20px}.spare-blue .ad-example-lines i{height:5px;width:90%}.spare-blue .ad-example-input{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:var(--quiet);font-size:12px}.spare-blue .ad-example-sponsor{position:absolute;display:flex;align-items:center;gap:14px;padding:22px 20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow);color:var(--text)}.spare-blue .sponsor-card{top:95px;right:24px;width:480px;min-height:120px}.spare-blue .ad-example-brandmark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;color:var(--button-text);background:var(--button);flex-shrink:0}.spare-blue .ad-example-adcopy{flex:1 1;min-width:0}.spare-blue .ad-example-label{display:block;font-size:11px;line-height:1.6;color:var(--accent);margin-bottom:5px}.spare-blue .ad-example-adcopy strong{display:block;font-size:16px;line-height:1.6;font-weight:600;text-wrap:pretty}.spare-blue .ad-example-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:9px;background:var(--button);color:var(--button-text);font-size:12px;line-height:1.5;flex-shrink:0}.spare-blue .ad-example-close{position:absolute;top:9px;right:9px;color:var(--quiet)}.spare-blue .example-browser .ad-example-workspace{width:100%}.spare-blue .sponsor-browser{position:static;width:100%;max-width:480px;display:block;padding:14px 18px;border-radius:16px;box-shadow:0 3px 12px #0000000f}.spare-blue .sponsor-browser .ad-example-label{color:var(--muted);font-size:12px}.spare-blue .sponsor-browser .ad-example-adcopy strong{font-size:15px}.spare-blue .example-browser .ad-example-workbody{min-height:360px}.spare-blue .sponsor-bar{width:570px;max-width:calc(100% - 64px);bottom:84px;left:50%;transform:translateX(-50%);padding:17px 20px;border-radius:18px;min-height:94px}.spare-blue .sponsor-bar .ad-example-adcopy strong{font-size:15px}.spare-blue .sponsor-bar .ad-example-brandmark{width:34px;height:34px;border-radius:9px}.spare-blue .sponsor-window{width:360px;right:28px;bottom:28px;display:grid;grid-template-columns:38px 1fr;grid-gap:16px 12px;gap:16px 12px;padding:24px;border-radius:12px}.spare-blue .sponsor-window .ad-example-brandmark{width:38px;height:38px}.spare-blue .sponsor-window .ad-example-adcopy{display:contents}.spare-blue .sponsor-window .ad-example-label{align-self:center;margin:0;font-size:13px}.spare-blue .sponsor-window .ad-example-adcopy strong{grid-column:1/-1;font-size:24px;line-height:1.25}.spare-blue .sponsor-window .ad-example-adcopy p{grid-column:1/-1;font-size:13px;line-height:1.75;color:var(--muted)}.spare-blue .sponsor-window .ad-example-action{grid-column:1/-1;justify-self:start}.spare-blue .ad-example-end{grid-column:1/-1;display:flex;align-items:center;gap:7px;color:var(--quiet);font-size:11px}.spare-blue .ad-example-figure figcaption{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;padding-top:25px}.spare-blue .ad-example-format{color:var(--accent);font-size:12px}.spare-blue .ad-example-figure figcaption h3{margin-top:6px;font-size:22px;line-height:1.4}.spare-blue .ad-example-figure figcaption>p{align-self:center;color:var(--muted);font-size:14px;line-height:1.8}.spare-blue .ad-example-note{margin-top:20px;color:var(--quiet);font-size:12px;line-height:1.75}@media(max-width:800px){.spare-blue .ad-example-canvas{padding-inline:20px;min-height:435px}.spare-blue .ad-example-sidebar{flex-basis:105px;padding-inline:14px}.spare-blue .ad-example-workspace{width:100%}.spare-blue .ad-example-conversation{padding-inline:20px}.spare-blue .sponsor-card{right:14px;top:118px;width:440px;max-width:calc(100% - 28px)}.spare-blue .ad-example-figure figcaption{gap:24px}}@media(max-width:540px){.spare-blue .ad-examples{padding-top:20px}.spare-blue .ad-example-switch{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.spare-blue .ad-example-switch button{padding:10px 8px;font-size:12px;gap:6px}.spare-blue .ad-example-switch button svg{width:15px;height:15px}.spare-blue .ad-example-canvas{padding-inline:12px;min-height:440px}.spare-blue .ad-example-system{font-size:10px;gap:8px}.spare-blue .ad-example-sidebar{display:none}.spare-blue .ad-example-workspace{min-height:345px}.spare-blue .ad-example-conversation{padding:22px 14px 14px}.spare-blue .ad-example-titlebar{padding-inline:12px;font-size:10px}.spare-blue .ad-example-sponsor{gap:10px;padding:22px 14px 16px}.spare-blue .sponsor-card{top:165px;right:8px;max-width:calc(100% - 16px);flex-wrap:wrap}.spare-blue .sponsor-card .ad-example-adcopy{flex-basis:calc(100% - 56px)}.spare-blue .sponsor-card .ad-example-action{margin-left:52px}.spare-blue .ad-example-adcopy strong{font-size:14px}.spare-blue .ad-example-brandmark{width:36px;height:36px}.spare-blue .sponsor-browser{padding:14px}.spare-blue .sponsor-browser .ad-example-adcopy strong{font-size:14px}.spare-blue .example-browser .ad-example-workbody{min-height:350px}.spare-blue .sponsor-bar{max-width:calc(100% - 16px);bottom:85px;padding:20px 12px 14px;flex-wrap:wrap}.spare-blue .sponsor-bar .ad-example-adcopy{flex-basis:calc(100% - 46px)}.spare-blue .sponsor-bar .ad-example-action{margin-left:44px}.spare-blue .sponsor-window{width:calc(100% - 20px);right:10px;bottom:24px;padding:22px 18px;gap:14px 10px}.spare-blue .sponsor-window .ad-example-adcopy strong{font-size:22px}.spare-blue .ad-example-figure figcaption{grid-template-columns:1fr;gap:10px}.spare-blue .ad-example-figure figcaption h3{font-size:20px}}