[data-x-skin] .x-artprep-box{container:artprep/inline-size}[data-x-skin] .x-artprep-box .x-artprep.x-artprep :is(p,ul,li,figure,h2,fieldset){margin:0}[data-x-skin] .x-artprep-box .x-artprep.x-artprep h2.x-artprep-legend{font-size:var(--x-fs-base);line-height:var(--x-leading)}[data-x-skin] .x-artprep-box .x-artprep.x-artprep .x-artprep-prompt p{font-size:var(--x-fs-sm);line-height:var(--x-leading-relaxed)}[data-x-skin] .x-artprep-box .x-artprep.x-artprep :is(.x-artprep-note,.x-artprep-checks li){font-size:var(--x-fs-xs)}[data-x-skin] .x-artprep-box .x-artprep.x-artprep .x-artprep-note{font-size:var(--x-fs-sm)}[data-x-skin] .x-artprep{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}[data-x-skin] .x-artprep-choices{flex-direction:column;gap:28px;min-width:0;display:flex}[data-x-skin] .x-artprep-step{border:0;min-width:0;margin:0;padding:0}[data-x-skin] .x-artprep-legend{font-size:var(--x-fs-base);font-weight:var(--x-fw-bold);color:var(--x-fg);align-items:center;gap:10px;margin:0 0 14px;padding:0;display:flex}[data-x-skin] .x-artprep-num{background:var(--x-surface-dark);width:26px;height:26px;color:var(--x-fg-on-dark);font-size:var(--x-fs-xs);font-weight:var(--x-fw-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}[data-x-skin] .x-artprep-grid{gap:10px;display:grid}[data-x-skin] .x-artprep-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}[data-x-skin] .x-artprep-opt{border:1px solid var(--x-border-subtle);border-radius:var(--x-radius-lg);background:var(--x-surface);cursor:pointer;transition:border-color var(--x-motion-fast) var(--x-ease), background var(--x-motion-fast) var(--x-ease);flex-direction:column;gap:4px;padding:14px 16px;display:flex;position:relative}[data-x-skin] .x-artprep-opt:hover{border-color:var(--x-border)}[data-x-skin] .x-artprep-opt[data-checked]{border-color:var(--x-fg);box-shadow:inset 0 0 0 1px var(--x-fg)}[data-x-skin] .x-artprep-opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}[data-x-skin] .x-artprep-opt:has(input:focus-visible){outline:2px solid var(--x-ring);outline-offset:2px}[data-x-skin] .x-artprep-opt[data-kind=thumb]{flex-direction:row;align-items:flex-start;gap:12px}[data-x-skin] .x-artprep-opt-body{flex-direction:column;gap:4px;min-width:0;display:flex}[data-x-skin] .x-artprep-opt-title{font-size:var(--x-fs-sm);font-weight:var(--x-fw-semibold);color:var(--x-fg);flex-wrap:wrap;align-items:center;gap:6px;display:flex}[data-x-skin] .x-artprep-opt-text{font-size:var(--x-fs-xs);line-height:var(--x-leading);color:var(--x-fg-muted)}[data-x-skin] .x-artprep-badge{border-radius:var(--x-radius-pill);background:var(--x-surface-sunken);font-size:var(--x-fs-2xs);font-weight:var(--x-fw-semibold);color:var(--x-fg-muted);padding:2px 8px}[data-x-skin] .x-artprep-thumb{border:1px solid var(--x-border-subtle);border-radius:var(--x-radius);background:var(--x-surface);width:52px;height:52px;color:var(--x-fg);flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-x-skin] .x-artprep-thumb svg{width:34px;height:34px}[data-x-skin] .x-artprep-result{border:1px solid var(--x-border-subtle);border-radius:var(--x-radius-lg);background:var(--x-surface-sunken);flex-direction:column;gap:14px;min-width:0;padding:22px;display:flex;position:sticky;top:96px}[data-x-skin] .x-artprep-result>.x-artprep-legend{margin:0}[data-x-skin] .x-artprep-note{font-size:var(--x-fs-sm);line-height:var(--x-leading);color:var(--x-fg-muted);margin:0}[data-x-skin] .x-artprep-note strong{color:var(--x-fg)}[data-x-skin] .x-artprep-example{flex-direction:column;gap:10px;margin:0;display:flex}[data-x-skin] .x-artprep-example-title{font-size:var(--x-fs-xs);font-weight:var(--x-fw-semibold);letter-spacing:var(--x-tracking-wide);text-transform:uppercase;color:var(--x-fg-muted)}[data-x-skin] .x-artprep-pair{aspect-ratio:var(--artprep-ar);width:min(100%, calc(280px * var(--artprep-ar)));border:1px solid var(--x-border-subtle);border-radius:var(--x-radius);background:var(--x-border-subtle);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}[data-x-skin] .x-artprep-shot{background:var(--x-surface);min-width:0;position:relative}[data-x-skin] .x-artprep-box .x-artprep.x-artprep .x-artprep-shot img{object-fit:contain;border-radius:0;width:100%;max-width:none;height:100%;display:block}[data-x-skin] .x-artprep-tag{border-radius:var(--x-radius-pill);background:var(--x-surface);color:var(--x-fg);border:1px solid var(--x-border-subtle);box-shadow:var(--x-shadow-xs);font-size:var(--x-fs-2xs);font-weight:var(--x-fw-semibold);padding:3px 8px;position:absolute;bottom:8px;left:8px}[data-x-skin] .x-artprep-tag[data-tone=dark]{background:var(--x-surface-dark);color:var(--x-fg-on-dark);border-color:#0000}[data-x-skin] .x-artprep-example figcaption{font-size:var(--x-fs-xs);color:var(--x-fg-muted);justify-content:space-between;align-items:center;gap:12px;display:flex}[data-x-skin] .x-artprep-pager{flex-shrink:0;gap:4px;display:inline-flex}[data-x-skin] .x-artprep-pager button{border:1px solid var(--x-border-subtle);background:var(--x-surface);width:28px;height:28px;color:var(--x-fg-muted);font-family:inherit;font-size:var(--x-fs-xs);font-weight:var(--x-fw-semibold);cursor:pointer;border-radius:50%;padding:0}[data-x-skin] .x-artprep-pager button[aria-pressed=true]{background:var(--x-surface-dark);color:var(--x-fg-on-dark);border-color:#0000}[data-x-skin] .x-artprep-pager button:focus-visible{outline:2px solid var(--x-ring);outline-offset:2px}[data-x-skin] .x-artprep-prompt{border:1px solid var(--x-border-subtle);border-radius:var(--x-radius);background:var(--x-surface);padding:16px 18px}[data-x-skin] .x-artprep-prompt p{font-size:var(--x-fs-sm);line-height:var(--x-leading-relaxed);color:var(--x-fg);-webkit-user-select:all;user-select:all;margin:0}[data-x-skin] .x-artprep-copy{width:100%}[data-x-skin] .x-artprep-warn{align-items:flex-start;gap:10px;display:flex}[data-x-skin] .x-artprep-warn svg{flex-shrink:0;margin-top:2px}[data-x-skin] .x-artprep-link{font:inherit;font-weight:var(--x-fw-semibold);color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}[data-x-skin] .x-artprep-checks{font-size:var(--x-fs-xs);line-height:var(--x-leading);color:var(--x-fg-muted);flex-direction:column;gap:8px;margin:0;padding:0 0 0 18px;display:flex}[data-x-skin] .x-artprep-checks strong{color:var(--x-fg);font-weight:var(--x-fw-semibold)}[data-x-skin] .x-artprep-fix{border-top:1px solid var(--x-border-subtle);padding-top:12px}[data-x-skin] .x-artprep-fix summary{cursor:pointer;font-size:var(--x-fs-sm);font-weight:var(--x-fw-semibold);color:var(--x-fg)}[data-x-skin] .x-artprep-fixlist{flex-direction:column;gap:8px;margin-top:12px;display:flex}[data-x-skin] .x-artprep-fixbtn{border:1px solid var(--x-border-subtle);border-radius:var(--x-radius);background:var(--x-surface);text-align:left;cursor:pointer;transition:border-color var(--x-motion-fast) var(--x-ease);grid-template-columns:1fr auto;gap:4px 12px;padding:12px 14px;font-family:inherit;display:grid}[data-x-skin] .x-artprep-fixbtn:hover{border-color:var(--x-border)}[data-x-skin] .x-artprep-fixbtn:focus-visible{outline:2px solid var(--x-ring);outline-offset:2px}[data-x-skin] .x-artprep-fixtitle{font-size:var(--x-fs-sm);font-weight:var(--x-fw-semibold);color:var(--x-fg)}[data-x-skin] .x-artprep-fixtext{font-size:var(--x-fs-xs);line-height:var(--x-leading);color:var(--x-fg-muted);grid-column:1/-1}[data-x-skin] .x-artprep-fixcta{font-size:var(--x-fs-xs);font-weight:var(--x-fw-semibold);color:var(--x-fg);grid-area:1/2;align-items:center;gap:6px;display:inline-flex}@container artprep (max-width:760px){[data-x-skin] .x-artprep{grid-template-columns:minmax(0,1fr);gap:28px}[data-x-skin] .x-artprep-result{padding:18px;position:static}[data-x-skin] .x-artprep-choices{display:contents}[data-x-skin] .x-artprep-example{order:1}}@container artprep (max-width:480px){[data-x-skin] .x-artprep-grid[data-cols="2"]{grid-template-columns:minmax(0,1fr)}}