/* Only what unipeg.css doesn't have: raster art inside their svg slots + the post form. Everything else is theirs. */
.upeg-card__svg img,.preview-image__svg img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;transform-origin:center;transition:transform .34s cubic-bezier(.2,.9,.3,1);will-change:transform}
.upeg-card:hover .upeg-card__svg img{transform:scale(.92)}
.app-background{z-index:0}
.app__page{position:relative;z-index:1}
.app-background__art{border-radius:4px;overflow:hidden}
/* our art is a 3D render, not pixel art: their 3-4px blur turns it into a smudge */
.app-background .app-background__art img,.app-background--inner .app-background__art img{filter:blur(1px);transform:none}
.app-background__art{background:var(--plate)}                                   /* gallery: coloured plates like unipeg */
.app-background--quiet .app-background__art{width:80px;height:80px}             /* text pages: same plates, a bit smaller */
.app-header__logo-img{background:transparent;object-fit:contain;}
.page-home__logo{height:120px;width:auto;display:block;margin-bottom:24px}
.app-header__dropdown-menu[hidden]{display:none}
.app-header__dropdown-menu:not([hidden]){display:flex;flex-direction:column}
.scramble{display:inline-block;font-variant-numeric:tabular-nums}

/* post page */
.post-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:start}
.post-form{display:flex;flex-direction:column;gap:8px;max-width:640px}
.post-form__lead{font-size:16px;line-height:1.55;color:var(--text-secondary);margin:0 0 16px}
.post-form__label{font-family:ui-monospace,SF Mono,Menlo,Monaco,Cascadia Mono,IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);margin-top:16px}
.post-form__hint{font-size:13px;color:var(--text-tertiary);margin:4px 0 20px}
.input--area{min-height:180px;resize:vertical;line-height:1.5;font-family:inherit;font-size:16px}
.post-result{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--border-default);border-radius:4px;background:var(--background-surface)}
.post-result__card{max-width:220px;margin-top:12px}
.traits-list--single{grid-template-columns:1fr}
.collection-meta{max-width:720px;margin-bottom:32px}
.rune-thesis{font-size:15px;line-height:1.65;color:var(--text-secondary);margin:12px 0 0;white-space:pre-wrap}
@media (max-width:900px){.post-layout{grid-template-columns:1fr;gap:24px}}

a.cta-button,a.btn{text-decoration:none}
.page-collection__empty .empty-state{align-items:flex-start;text-align:left}
[hidden]{display:none!important}