.xp{gap:16px;display:grid}.xp-work{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:start;gap:20px;display:grid}.xp-photo{gap:12px;min-width:0;display:grid}.xp-drop{text-align:center;border:2px dashed var(--line-2);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;justify-items:center;gap:9px;padding:clamp(24px,4.5vw,46px);transition:border-color .15s,background .15s;display:grid}.xp-drop:hover,.xp-drop.is-dragover{border-color:var(--brand-2);background:var(--surface-2)}.xp-drop:focus-within{outline:2.5px solid var(--brand);outline-offset:3px}.xp-drop[hidden]{display:none}.xp-drop strong{font-size:19px}.xp-art{border-radius:10px;width:120px;height:90px}.xp-frame{gap:8px;min-width:0;margin:0;display:grid}.xp-frame[hidden]{display:none}.xp-frame img{object-fit:contain;border-radius:var(--radius);background:var(--surface-2);width:100%;height:auto;max-height:min(70vh,640px);box-shadow:0 0 0 1px var(--line-2);display:block}.xp-frame.is-busy img{opacity:.55}.xp-cap{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.xp-cap-btns{flex-wrap:wrap;gap:8px;display:flex}.xp-cap-btns [hidden]{display:none}.xp-new{cursor:pointer}.xp-new:focus-within{outline:2.5px solid var(--brand);outline-offset:2px}.xp-done{justify-items:start;gap:6px;display:grid}.xp-done[hidden]{display:none}.xp-done .hint{margin:0}.xp-msg{color:var(--ink-2);margin:0;font-size:14px}.xp-msg:empty{display:none}.xp-msg.is-error{color:var(--danger)}.xp-panel{gap:14px;min-width:0;display:grid}.xp-group{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.xp-group legend{color:var(--ink);margin-bottom:8px;padding:0;font-size:15px;font-weight:750}.xp-styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.xp-style{min-width:0;font:inherit;color:var(--ink);text-align:left;background:var(--surface);border:1px solid var(--line-2);cursor:pointer;border-radius:10px;align-content:start;gap:4px;padding:5px 5px 7px;display:grid}.xp-style img{aspect-ratio:4/3;border-radius:6px;width:100%;height:auto;display:block}.xp-style:hover{border-color:var(--brand-2)}.xp-style:focus-visible{outline:2.5px solid var(--brand);outline-offset:2px}.xp-style[aria-checked=true]{border-color:var(--brand-2);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 35%, transparent);background:color-mix(in srgb, var(--brand-soft) 55%, var(--surface))}.xp-style-name{overflow-wrap:anywhere;padding:0 2px;font-size:13px;font-weight:700;line-height:1.25}.xp-chosen{color:var(--ink-2);margin:0;font-size:13.5px}.xp-note{gap:6px;font-size:14px;font-weight:700;display:grid}.xp-note .muted{font-weight:500}.xp-note input{width:100%;min-width:0;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;font-weight:400}.xp-note input:focus-visible{outline:2.5px solid var(--brand);outline-offset:1px}.xp .ai-levels-seg{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-levels-why{color:var(--ink-2);margin:-4px 0 0;font-size:13.5px;line-height:1.4}.xp-check:empty{display:none}.xp-go{justify-content:center;width:100%}.xp-status{color:var(--ink-2);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600}.xp-status:empty{display:none}.xp-status.is-error{color:var(--danger)}@media (width<=900px){.xp-work{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.xp .ai-levels-seg{grid-template-columns:1fr}.xp-style-name{font-size:12.5px}}.xp-list[data-astro-cid-24yko4tm]{columns:2;column-gap:32px;margin:0;padding-left:1.2em}.xp-list[data-astro-cid-24yko4tm] li[data-astro-cid-24yko4tm]{break-inside:avoid;margin-bottom:6px}@media (width<=640px){.xp-list[data-astro-cid-24yko4tm]{columns:1}}