.adventure-art:empty{display:none}.adventure-art figure{margin:0 0 .4rem}.adventure-art img{display:block;width:100%;height:auto;object-fit:cover;border-radius:10px;border:1px solid var(--rule)}.portrait-art img{max-width:140px;max-height:180px;object-fit:cover}.character-glance .portrait-art{flex:0 0 70px}.character-glance .portrait-art img{max-width:70px;max-height:88px}.adventure-art figcaption{font-size:.85rem;color:var(--muted);margin-top:.3rem}.scene-art{margin-top:.8rem}.scene-art img{max-height:360px;object-fit:contain;background:var(--panel)}.scene-art .text-button{font-size:.9rem}.artwork-preview{margin:1rem 0}.artwork-preview img{display:block;max-width:100%;max-height:350px;object-fit:contain;border-radius:10px}.portrait-art .text-button{font-size:.85rem}.record-summary .portrait-art{float:right;margin-left:.7rem}@media(max-width:700px){.scene-art img{max-height:240px}.portrait-art img{max-width:100px;max-height:130px}.artwork-preview img{max-height:220px}}
.character-glance .glance-identity:has(.portrait-art figure){display:grid;grid-template-columns:70px minmax(0,1fr);gap:3px 10px;align-items:start;min-width:0}.character-glance .glance-identity:has(.portrait-art figure)>.portrait-art{grid-column:1;grid-row:1/span 2;min-width:0}.character-glance .glance-identity:has(.portrait-art figure)>b{grid-column:2;grid-row:1;min-width:0;line-height:1.25}.character-glance .glance-identity:has(.portrait-art figure)>.text-button{grid-column:2;grid-row:2;align-self:start}.character-glance .portrait-art figure{margin:0}.character-glance .portrait-art img{width:70px;height:70px;max-height:70px;object-fit:cover}.character-glance .portrait-art figcaption{display:none}.character-glance .portrait-art .text-button{font-size:10px;min-height:20px;line-height:1.2;padding:3px 0;white-space:normal}.character-glance .glance-identity>.text-button{min-height:24px;line-height:1.25}.character-glance .glance-identity:has(.portrait-art):not(:has(.portrait-art figure)){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:start}.character-glance .glance-identity:has(.portrait-art):not(:has(.portrait-art figure))>.portrait-art{display:contents}.character-glance .glance-identity:has(.portrait-art):not(:has(.portrait-art figure))>.portrait-art>.text-button{grid-column:2;grid-row:1}.character-glance .glance-identity:has(.portrait-art):not(:has(.portrait-art figure))>b{grid-column:1;grid-row:1}.character-glance .glance-identity:has(.portrait-art):not(:has(.portrait-art figure))>.text-button{grid-column:1;grid-row:2}@media(max-width:400px){.character-glance .glance-identity:has(.portrait-art figure){grid-template-columns:56px minmax(0,1fr);gap:3px 8px}.character-glance .portrait-art img{width:56px;height:56px}.character-glance .portrait-art .text-button{font-size:9px}}
.portrait-generation{border:1px solid var(--rule);background:var(--panel2);border-radius:12px;padding:18px;margin:18px 0}.portrait-generation h3{margin:0 0 10px;font-size:20px}.portrait-generation>label{display:block;margin:14px 0}.portrait-generation textarea,.portrait-generation select{display:block;width:100%;margin-top:6px;font-size:16px}.portrait-generation .portrait-cost{padding:10px 12px;border-left:2px solid var(--gilt);background:var(--panel);font-size:14px;line-height:1.6;margin:16px 0}.portrait-generation .portrait-result{color:var(--gilt);font-size:13px;margin-bottom:0}.portrait-upload{border:1px solid var(--hair);border-radius:10px;padding:0 14px;margin:16px 0}.portrait-upload>summary{min-height:44px;align-content:center;cursor:pointer;font-weight:700}.portrait-upload>label{display:block;margin:10px 0}.portrait-upload input{display:block;max-width:100%;margin:8px 0}.portrait-upload>p{font-size:13px}.portrait-generation .actions .btn{min-height:44px}.portrait-generation .actions .text-button{font-size:13px}@media(max-width:500px){.portrait-generation{padding:14px}.portrait-generation .actions{align-items:stretch;flex-direction:column}.portrait-generation .actions .text-button{min-height:36px}}