.spark-preview{position:fixed;inset:0;width:min(680px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;margin:auto;border:2px solid #25251f;border-radius:18px;background:#fff9ea;color:#25251f;box-shadow:6px 7px 0 #25251f;overflow:hidden}
.spark-preview[open]{display:flex;flex-direction:column}
.spark-preview::backdrop,.spark-preview-fallback-backdrop{background:#25251f70;backdrop-filter:blur(2px)}
.spark-preview::backdrop{animation:spark-dim .25s ease-out}
.spark-preview-fallback-backdrop{position:fixed;inset:0;z-index:999}
.spark-preview[aria-modal="true"]{z-index:1000}
body .spark-preview .spark-preview-header{display:block;position:relative;flex:none;padding:24px 30px 25px;border-bottom:1px solid #25251f;background:var(--spark-bg,#f4d357);color:var(--spark-ink,#25251f);height:auto;max-width:none;margin:0;width:100%}
.spark-preview-category{display:flex;align-items:center;gap:11px;padding-right:40px;font:600 12px/1.3 var(--body);letter-spacing:.02em}
.spark-preview-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid currentColor;border-radius:8px;color:var(--spark-accent,var(--spark-ink));font:500 26px/1 var(--display)}
.spark-preview-header h2{font:700 36px/1.08 var(--display);letter-spacing:-.035em;margin:15px 0 10px;max-width:550px;color:inherit}
.spark-preview-header p{font:400 16px/1.45 var(--body);margin:0;max-width:570px;color:inherit}
.spark-preview-close{position:absolute;right:14px;top:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font:400 27px/1 var(--body)}
.spark-preview-close:hover{background:#fff9ea26}
.spark-preview-close svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.spark-preview-reading{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px 30px 23px;background:#fff9ea}
.spark-preview-sections{display:grid;grid-template-columns:1fr 1fr;column-gap:27px;row-gap:20px}
.spark-preview-sections section:last-child{grid-column:1/-1}
.spark-preview-sections h3{font:700 14px/1.35 var(--body);margin:0 0 7px;color:#25251f}
.spark-preview-sections p,.spark-preview-build{font:400 16px/1.55 var(--body);margin:0;color:#51594b}
.spark-preview-build{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:build}
.spark-preview-build li{counter-increment:build;border:1px solid #25251f28;border-radius:8px;padding:11px 12px;background:#fffdf780;font-size:16px;line-height:1.45}
.spark-preview-build li:before{content:counter(build,decimal-leading-zero);display:block;font:700 12px/1 var(--display);color:#2243ee;margin-bottom:8px}
.spark-preview-quip{display:flex;align-items:baseline;gap:10px;font:500 15px/1.4 var(--body);margin:21px 0 0;padding-top:15px;border-top:1px solid #25251f20;color:#51594b}
.spark-preview-quip>span:first-child{color:#2243ee;font-weight:700;white-space:nowrap}.spark-preview-quip[hidden]{display:none}
body .spark-preview .spark-preview-footer{flex:none;display:flex;justify-content:flex-end;padding:16px 30px;border-top:1px solid #25251f28;background:#fff9ea;position:relative;margin:0;width:100%;color:#25251f}
.spark-preview-use{display:flex;align-items:center;justify-content:center;gap:17px;min-height:45px;padding:12px 20px;border:1px solid #25251f;border-radius:8px;background:#2243ee;color:#fff9ea;box-shadow:2px 3px 0 #25251f;font:600 15px/1.25 var(--body)}
.spark-preview-use:hover{background:#1735d0}.spark-preview-close:focus-visible,.spark-preview-use:focus-visible{outline:3px solid currentColor;outline-offset:3px}.spark-preview-use:focus-visible{outline-color:#2243ee}
@keyframes spark-dim{from{background:#25251f00}to{background:#25251f70}}
@media(max-width:600px){.spark-preview{width:calc(100% - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:16px;box-shadow:4px 5px 0 #25251f}body .spark-preview .spark-preview-header{padding:20px 21px 21px}.spark-preview-header h2{font-size:32px;padding-right:10px}.spark-preview-close{right:12px;top:12px}.spark-preview-reading{padding:21px}.spark-preview-sections{grid-template-columns:1fr;gap:21px}.spark-preview-build{grid-template-columns:1fr;gap:8px}.spark-preview-build li{display:flex;gap:12px;font-size:16px}.spark-preview-build li:before{margin:4px 0 0;flex:0 0 18px}body .spark-preview .spark-preview-footer{padding:15px 21px}.spark-preview-use{width:100%}.spark-preview-quip{align-items:flex-start;flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.spark-preview::backdrop{animation:none}}
.spark-preview-status{position:fixed;z-index:1100;left:50%;bottom:18px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 36px);margin:0;padding:12px 16px;border:1px solid #25251f;border-radius:9px;background:#fff9ea;box-shadow:2px 3px 0 #25251f;color:#25251f;font:500 15px/1.4 var(--body)}
.spark-preview-status:empty{display:none}

.spark-preview-category{flex-wrap:wrap;column-gap:10px;row-gap:5px}.spark-preview-subcategory{font-weight:400;opacity:.85}.spark-preview-subcategory:before{content:'·';margin-right:10px}.spark-preview-icon .spark-type-icon{width:24px;height:24px}.spark-preview-icon{color:var(--spark-ink)}