.experience-artifact{--artifact-accent:#ad3e55;min-width:0;color:var(--text);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:.7rem clamp(1rem,2vw,1.8rem);display:grid}[data-theme=dark] .experience-artifact{--artifact-accent:#eea3ae}.experience-artifact__disclosure{color:var(--text-muted);grid-column:1/-1;margin:0;font-size:.76rem;line-height:1.6}.experience-artifact__input,.experience-artifact__result{min-width:0;padding-block:.85rem}.experience-artifact__result{border-inline-start:3px solid var(--artifact-accent);background:color-mix(in oklab, var(--artifact-accent) 6%, var(--surface));padding-inline:1.1rem}.experience-artifact .experience-artifact__label,.compared-preset h5{color:var(--text-soft);font:550 .78rem/1.5 var(--font-mono);overflow-wrap:anywhere;margin:0 0 .45rem}.experience-artifact .experience-artifact__text,.compared-preset p{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:1.65}.experience-artifact--excerpt blockquote{border-inline-start:2px solid var(--border);padding-inline-start:.9rem}.experience-artifact__text mark,.artifact-code mark{color:inherit;background:color-mix(in oklab, var(--artifact-accent) 18%, transparent);text-decoration:underline;-webkit-text-decoration-color:var(--artifact-accent);text-decoration-color:var(--artifact-accent);text-underline-offset:.2em}.experience-artifact--code,.experience-artifact--items,.experience-artifact--result{grid-template-columns:minmax(0,1fr)}.artifact-code{color:#eff2ed;background:#192630;border:1px solid #42535e;border-radius:6px;min-width:0;overflow:hidden}.artifact-code__bar,.artifact-index__tools,.preset-comparison__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.artifact-code__bar{border-bottom:1px solid #40505a;padding:.2rem .85rem}.artifact-code__bar h3,.artifact-code__bar button{color:#dce7eb;font:550 .8rem/1.4 var(--font-mono);align-items:center;gap:.5rem;margin:0;display:inline-flex}.artifact-code__bar button{cursor:pointer;background:0 0;border:0;min-height:38px;padding:.35rem}.artifact-code pre{font:.95rem/1.85 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;padding:1.15rem}.artifact-code code{font:inherit}.artifact-code mark{color:#fff2e5;background:#704656;text-decoration-color:#ffc6ba}.artifact-code__status{color:#d5e4df;padding:0 .85rem .6rem;font-size:.8rem;display:block}.experience-artifact--items{gap:.55rem}.experience-artifact--items .experience-artifact__input{border-bottom:1px solid var(--border)}.experience-artifact--items .experience-artifact__result{background:0 0;border:0;padding:.5rem 0 0}.artifact-index{border-block:1px solid var(--border);grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:stretch;margin-top:1rem;display:grid}.artifact-index .experience-artifact__items{flex-direction:column;gap:0;margin:0;padding:.45rem 0;list-style:none;display:flex}.artifact-index .experience-artifact__items li{border:0;min-width:0;margin:0;padding:0;display:block}.artifact-index .experience-artifact__items button{text-align:start;overflow-wrap:anywhere;width:100%;min-height:44px;font:inherit;color:var(--text-soft);border:0;cursor:pointer;background:0 0;border-inline-start:3px solid #0000;align-items:center;gap:.6rem;padding:.6rem .8rem;font-size:.88rem;display:flex}.artifact-index button svg{flex:none}.artifact-index .experience-artifact__items button[aria-pressed=true]{border-color:var(--artifact-accent);color:var(--text);background:var(--surface-soft);font-weight:650}.artifact-index__detail{background:var(--surface-soft);min-width:0;padding:1rem 1.15rem}.artifact-index__detail h4{color:var(--text);overflow-wrap:anywhere;margin:0 0 .5rem;font-size:1.05rem}.artifact-index__detail p{color:var(--text-soft);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:.94rem;line-height:1.65}.artifact-index--sequence{grid-template-columns:minmax(0,1fr)}.artifact-index--sequence .experience-artifact__items{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));padding:0;display:grid}.artifact-index--sequence .experience-artifact__items button{border-block-end:2px solid #0000;border-inline-start:0;align-items:baseline;height:100%}.artifact-index__ordinal{white-space:nowrap;flex:none}.artifact-index__ordinal,.artifact-index__tools span{font:.78rem var(--font-mono);font-variant-numeric:tabular-nums}.artifact-index__tools{justify-content:flex-start;gap:.4rem .7rem;margin-top:.85rem}.artifact-index__tools button{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:4px;align-items:center;gap:.4rem;padding:.3rem .45rem;font-size:.8rem;display:inline-flex}.artifact-index__tools button[aria-pressed=true]{border-color:var(--artifact-accent)}.artifact-index__tools button:disabled{opacity:.35;cursor:default}.preset-comparison__head{margin-bottom:.75rem}.preset-comparison__head label{color:var(--text-soft);align-items:center;gap:.5rem;min-width:0;max-width:100%;font-size:.8rem;display:flex}.preset-comparison select{background:var(--surface);border:1px solid var(--border);min-width:0;max-width:100%;min-height:40px;color:var(--text);font:inherit;border-radius:4px;padding:.45rem}.preset-comparison__columns{border-block:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.compared-preset{min-width:0;padding:1rem}.compared-preset+.compared-preset{border-inline-start:1px solid var(--border);background:var(--surface-soft)}.compared-preset h4{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:1.05rem}.compared-preset>div{margin-top:.85rem}.compared-preset ul{margin-bottom:0;padding-inline-start:1.2rem}.compared-preset li{color:var(--text-soft);overflow-wrap:anywhere;margin-top:.5rem;font-size:.86rem;line-height:1.6}.compared-preset pre{white-space:pre-wrap;overflow-wrap:anywhere;font:.85rem/1.6 var(--font-mono)}@media (prefers-reduced-motion:no-preference){.demo-changed-copy{animation:.18s cubic-bezier(.2,.8,.3,1) both demo-result-arrive;display:block}@keyframes demo-result-arrive{0%{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:679px){.experience-artifact,.artifact-index{grid-template-columns:minmax(0,1fr)}.artifact-index:not(.artifact-index--sequence) .experience-artifact__items{flex-flow:wrap;gap:.2rem}.artifact-index:not(.artifact-index--sequence) .experience-artifact__items button{width:auto}.compared-preset{padding:.65rem}}@media (max-width:430px){.preset-comparison__columns{grid-template-columns:minmax(0,1fr)}.compared-preset+.compared-preset{border-inline-start:0;border-block-start:1px solid var(--border)}}.example-plan{border-block:1px solid var(--border);background:var(--surface-soft);margin:1.1rem 0;padding:1rem}.example-plan header,.example-plan li{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.example-plan header{flex-wrap:wrap}.example-plan h3{margin:0;font-size:1rem}.example-plan button{min-height:40px;font:inherit;cursor:pointer;color:var(--text);background:0 0;border:0;align-items:center;gap:.45rem;padding:.4rem;font-size:.83rem;display:inline-flex}.example-plan header button{border:1px solid var(--border);background:var(--surface);border-radius:4px}.example-plan header button[aria-pressed=true]{border-color:var(--primary)}.example-plan p{color:var(--text-soft);margin:.4rem 0 0;font-size:.85rem}.example-plan ul{margin:.4rem 0;padding:0;list-style:none}.example-plan li{border-bottom:1px solid var(--border)}.example-plan .example-plan__jump{text-align:start;overflow-wrap:anywhere;flex:1;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.example-plan__jump span{color:var(--text-muted)}.example-plan .example-plan__save{color:var(--primary)}