.lottie-container{width:88%;height:88%;display:grid;place-items:center;z-index:1}.lottie-container svg{max-width:100%;max-height:100%}
.empty-preview{display:grid;place-items:center;text-align:center;gap:6px;color:#97979f;z-index:1}.empty-preview span{font-size:42px;color:#c2b9ff}.empty-preview strong{font-size:12px;color:#777}.empty-preview small{font-size:10px}.no-tokens{text-align:center;color:#999;font-size:11px;padding:30px 18px;line-height:1.5}.dropzone.dragging{border-color:#7556f5;background:#f1efff}
.color-editor{position:fixed;right:25px;bottom:25px;z-index:5;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.color-editor>div{min-width:120px}.color-editor strong{display:block;font-size:11px;margin-top:4px}.color-editor input[type=color]{width:31px;height:31px;padding:0;border:0;background:transparent}.color-editor input[type=range]{width:80px;accent-color:#7556f5}.color-editor>span:last-child{font:10px 'DM Mono';color:#888;width:31px}
.fixture-btn{position:fixed;left:275px;bottom:25px;z-index:5;padding:11px 15px;border-radius:999px;background:#19191d;color:#fff;box-shadow:var(--shadow);font-weight:700;font-size:11px}.fixture-btn:disabled{opacity:.55}
@media(max-width:700px){.color-editor{left:14px;right:14px;bottom:14px;justify-content:space-between}.color-editor>div{min-width:100px}.fixture-btn{left:14px;bottom:82px}}