:root{--card-bg: #f8f4ef}html,body,#root{height:100%;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-root{height:100%}.card-preview{background:var(--card-bg);border:1px solid #ccc;border-radius:8px;padding:12px 12px 92px;width:100%;height:100%;box-sizing:border-box;position:relative}.card-header{display:flex;align-items:center;gap:12px}.persona{width:56px;height:56px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;position:relative}.persona{flex:0 0 auto}.persona .ms-Icon{font-size:20px}.persona .ms-Icon{font-size:1.2rem}.titles{margin-left:8px;flex:1 1 auto;min-width:0}.titles .title{font-weight:600;font-size:1.1rem;overflow:hidden;white-space:nowrap}.titles .subtype{color:#444}.artwork{width:100%;aspect-ratio:10 / 7;background:#e3e3e3;margin:12px 0;display:flex;align-items:center;justify-content:center;object-fit:cover;border-radius:8px;overflow:hidden}.artwork img{width:100%;height:100%;object-fit:cover;display:block}.reactEasyCrop_Container{background:#222}.description{margin-bottom:8px}.flavor{font-style:italic;color:#555}.token-message{margin-bottom:8px;color:#2b2b2b}.token-message__table{width:100%;border-collapse:collapse;table-layout:auto}.token-message__lines{display:flex;flex-direction:column;height:100%;flex:1}.token-message__lines .token-message__rule{display:block;width:100%;border-bottom:2px solid currentColor;box-sizing:border-box}.token-message__row--spacer td{height:10px;padding:0}.token-message__label-cell,.token-message__empty-cell,.token-message__rule-cell{padding:0;vertical-align:bottom}.token-message__label-cell,.token-message__empty-cell{width:1%;white-space:nowrap}.token-message__label-cell{padding-right:16px;font-weight:700;text-align:left}.token-message__rule-cell{width:auto}.token-message__rule{display:block;width:100%;height:78px;border-bottom:2px solid currentColor;box-sizing:border-box}.card-header{margin-bottom:8px}.card-footer{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:8px}.chip{background:#fff;border:1px solid #ccc;padding:6px 8px;border-radius:16px}.fluent-dark-preview .card-preview{background:#1b1a19;border:1px solid #3b3a39;color:#f3f2f1}.fluent-dark-preview .card-preview .flavor,.fluent-dark-preview .card-preview .description{color:#e1dfdd}.fluent-dark-preview .card-preview .token-message{color:#f3f2f1}.fluent-dark-preview .card-preview .titles .subtype{color:#c8c6c4}.fluent-dark-preview .card-preview .persona{background:#2b2b2b;color:#fff}.fluent-dark-preview .card-preview .chip{background:#2a2a2a;border:1px solid #3c3c3c;color:#e1e1e1}.fluent-dark-preview .card-canvas{background-color:#1b1a19!important}.fluent-dark-preview .artwork{background:#2a2a2a}.fluent-dark-preview .card-preview .titles .title{color:#fff}