#ff-shade{position:fixed;inset:0;background:#24190e77;z-index:9900}
#ff-editor.panel{width:min(520px,94vw);height:auto;max-height:92dvh;z-index:9901}
#ff-editor .panel-head h2{font-size:27px}
#ff-editor .ff-body{padding:12px 18px 16px;overflow:auto;color:#5a351c}
#ff-name{text-align:center;margin:0 0 4px;font-size:21px}
#ff-size{text-align:center;margin:0;font-size:13px}
#ff-preview{display:block;width:100%;height:220px;object-fit:contain;background:radial-gradient(#fffdf6,#eedfc7);border-radius:18px;margin:8px 0}
.ff-view{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px}
.ff-view select{font:inherit;border:1px solid #d1ac76;padding:5px;border-radius:7px}
#ff-colors{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#ff-colors label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;background:#fff8e9;border:2px solid #ebc58f;border-radius:12px;font-size:13px}
#ff-colors input{width:42px;height:30px;border:0;background:transparent;cursor:pointer}
.ff-presets{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:12px 0}
#ff-editor button:not(.close),.ff-card button{font:700 14px system-ui;border:2px solid #c48a42;border-radius:10px;background:#fff7e5;color:#673a1c;padding:7px 10px;cursor:pointer}
.ff-footer{display:flex;justify-content:flex-end;gap:10px}
#ff-editor #ff-apply{background:#679f39;color:white;border-color:#3c7723}
#ff-message{font-size:12px;min-height:18px;text-align:center}
.ff-card{cursor:default}.ff-card p{font-size:12px}.ff-card>img{width:100%;height:115px;object-fit:contain}
#ff-demo{position:fixed;left:14px;top:85px;max-width:265px;padding:13px 16px;background:#fff7e6ed;border:2px solid #d19545;border-radius:14px;color:#5a351c;z-index:10;font:13px/1.5 system-ui}
#ff-demo p{margin:7px 0}body:has(.panel:not(.hidden)) #ff-demo{visibility:hidden}
#ff-demo>button{display:block;padding:7px 11px;font:700 13px system-ui;color:#643a20;border:2px solid #c28a47;border-radius:9px;background:#fff5df;cursor:pointer;margin-top:8px}
body:has(#ff-demo) #missoes-box,body:has(#ff-demo) #teste-uniforme-lab{display:none!important}
@media(max-width:600px){#ff-demo{top:auto;bottom:90px;font-size:11px;max-width:220px}#ff-preview{height:160px}#ff-editor .panel-head h2{font-size:22px}}