.aoi-data-pile{--dp-ink:#241529;--dp-paper:#fff6df;--dp-flow:linear-gradient(115deg,#51d6df,#a16bd0 27%,#e719af 50%,#ff607e 74%,#ffe35a);box-sizing:border-box;position:relative;isolation:isolate;width:100%;max-width:760px;min-width:0;margin:24px 0 32px;border:3px solid var(--dp-ink);box-shadow:8px 8px 0 var(--dp-ink);background:var(--dp-paper);color:var(--dp-ink);text-align:left;font-family:Arial,Helvetica,sans-serif;container-type:inline-size}.aoi-data-pile *{box-sizing:border-box}.aoi-data-pile [hidden]{display:none!important}.aoi-data-pile .dp-header{display:flex;align-items:center;gap:22px;padding:24px 26px 22px;background:var(--dp-flow);border-bottom:3px solid var(--dp-ink)}.aoi-data-pile .dp-stamp{display:block;flex:0 0 112px;transform:rotate(-13deg);background:#ffdf3e;color:#201327;border:3px solid var(--dp-ink);padding:13px 9px;box-shadow:4px 4px 0 var(--dp-ink);font:900 18px/1.05 Arial,sans-serif;white-space:pre-line;text-align:center;overflow-wrap:anywhere}.aoi-data-pile .dp-brand{font:700 9px/1.5 monospace;letter-spacing:.12em}.aoi-data-pile h2{font:900 clamp(24px,6cqw,40px)/1.02 Arial,sans-serif;letter-spacing:-.05em;padding:0;border:0;color:var(--dp-ink);margin:7px 0 8px;overflow-wrap:anywhere}.aoi-data-pile .dp-edition{font:700 11px/1.4 monospace;margin:0}.aoi-data-pile .dp-body{padding:24px;background:repeating-linear-gradient(2deg,transparent 0 23px,#8b6a3010 23px 24px)}.aoi-data-pile .dp-introduction{font:700 15px/1.4 Arial,sans-serif;margin:0 0 8px;white-space:pre-line}.aoi-data-pile .dp-instruction{font:12px/1.5 monospace;margin:0 0 18px;white-space:pre-line}.aoi-data-pile .dp-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;position:relative}.aoi-data-pile .dp-photo{display:flex;flex-direction:column;min-width:0;border:1px solid #a89d87;padding:9px 9px 0;background:#fffcf1;color:var(--dp-ink)!important;text-decoration:none!important;box-shadow:3px 4px 0 #24152929;overflow:hidden}.aoi-data-pile .dp-photo img{width:100%;height:190px;object-fit:contain;display:block;margin:0!important;border-radius:0!important;background:#eee5d6}.aoi-data-pile .dp-photo>span{display:block;font:700 11px/1.35 monospace;padding:10px 2px;overflow-wrap:anywhere}.aoi-data-pile.is-enhanced .dp-stack{height:clamp(290px,72cqw,480px);display:block;margin:16px 0 6px}.aoi-data-pile.is-enhanced .dp-photo{position:absolute;left:50%;top:50%;width:70%;height:72%;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--angle));z-index:var(--z);transition:transform .24s ease,box-shadow .24s;box-shadow:4px 7px 10px #24152945;cursor:pointer}.aoi-data-pile.is-enhanced .dp-photo img{height:calc(100% - 42px);min-height:0;flex:1;object-fit:cover}.aoi-data-pile.is-enhanced .dp-photo>span{height:42px;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:7px 2px}.aoi-data-pile.is-enhanced .dp-photo.is-selected{width:88%;height:94%;transform:translate(-50%,-50%) rotate(0deg);z-index:30;border:2px solid #6d2995;box-shadow:8px 9px 0 #30173b42}.aoi-data-pile.is-enhanced .dp-photo.is-selected img{object-fit:contain}.aoi-data-pile .dp-selectors{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:16px 0}.aoi-data-pile .dp-selectors button,.aoi-data-pile .dp-retry{min-height:44px;min-width:44px;border:2px solid var(--dp-ink);background:var(--dp-paper);color:var(--dp-ink);font:800 13px/1 monospace;cursor:pointer;padding:10px}.aoi-data-pile .dp-selectors button[aria-pressed=true]{background:#d9ec99;box-shadow:3px 3px 0 var(--dp-ink)}.aoi-data-pile .dp-detail{padding:18px 0 4px;border-top:2px solid var(--dp-ink)}.aoi-data-pile .dp-detail h3{font:800 22px/1.2 Arial,sans-serif;margin:0 0 9px;color:var(--dp-ink);overflow-wrap:anywhere}.aoi-data-pile .dp-detail p{font:14px/1.6 Arial,sans-serif;margin:0 0 16px;white-space:pre-line}.aoi-data-pile .dp-open{display:inline-block;background:#291832;color:#fff6df!important;padding:12px 16px;border:2px solid #291832;box-shadow:4px 4px 0 #b9db6e;text-decoration:none!important;font:800 13px/1.3 Arial,sans-serif}.aoi-data-pile :focus-visible{outline:3px solid #8b23ba;outline-offset:4px}.aoi-data-pile .dp-photo:focus-visible{outline-offset:-4px}.aoi-data-pile .dp-status{font:12px/1.5 monospace;margin-top:12px}.aoi-data-pile .dp-retry{margin-top:9px}.aoi-data-pile .dp-image-error{display:grid;place-items:center;text-align:center;min-height:100px;flex:1;padding:18px;background:#e8dfcf;font:13px/1.5 monospace}
@container(max-width:420px){.aoi-data-pile .dp-header{padding:22px 15px;gap:15px}.aoi-data-pile .dp-stamp{flex-basis:82px;font-size:14px;padding:11px 5px}.aoi-data-pile .dp-body{padding:18px 14px}.aoi-data-pile .dp-brand{font-size:8px}.aoi-data-pile .dp-selectors{gap:5px}.aoi-data-pile .dp-selectors button{min-width:38px;padding:8px}.aoi-data-pile .dp-instruction{font-size:11px}}
@container(max-width:279px){.aoi-data-pile .dp-header{flex-direction:column;align-items:flex-start}.aoi-data-pile .dp-stamp{flex-basis:auto;transform:rotate(-5deg)}.aoi-data-pile .dp-stack,.aoi-data-pile.is-enhanced .dp-stack{display:grid;height:auto;grid-template-columns:1fr;gap:16px}.aoi-data-pile.is-enhanced .dp-photo,.aoi-data-pile.is-enhanced .dp-photo.is-selected{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none}.aoi-data-pile.is-enhanced .dp-photo img{height:150px;flex:auto;object-fit:contain}.aoi-data-pile .dp-selectors{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.aoi-data-pile *{transition:none!important;animation:none!important}}