#panel{position:fixed;left:24px;bottom:24px;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:12px;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 24px #0000001f;font:13px/1 system-ui,sans-serif;color:#333}.row{display:flex;align-items:center;gap:10px}.backgrounds{gap:8px}.bg{width:44px;height:32px;border:2px solid transparent;border-radius:6px;background-size:cover;background-position:center;cursor:pointer;transition:border-color .15s}.bg:hover{border-color:#bbb}.bg.selected{border-color:#333}.model{flex:1;white-space:nowrap;padding:7px 10px;border:1px solid #ddd;border-radius:7px;background:#fff;font:inherit;color:#666;cursor:pointer}.model.selected{border-color:#222;color:#222}#export{padding:9px 14px;border:none;border-radius:8px;background:#222;color:#fff;font:inherit;cursor:pointer}#export:hover{background:#000}#dropzone{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;font:500 20px system-ui,sans-serif;color:#333;opacity:0;pointer-events:none;transition:opacity .15s}#dropzone.active{opacity:1}#dropzone span{padding:24px 40px;border:2px dashed #999;border-radius:14px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#f2f2f2}#view{display:block;width:100%;height:100%}