@font-face {
    font-family: 'IranYekan';
    src: url('../fonts/IranYekan.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
#resinar-ar-root { direction: rtl; font-family: 'IranYekan', sans-serif; color:#222; }
.resinar-top-bar { position: fixed; top:10px; right:10px; z-index:1000; display:flex; gap:8px; align-items:center; background: rgba(255,255,255,0.9); padding:8px; border-radius:8px; }
.resinar-top-bar h3 { margin:0 12px 0 0; font-size:16px; }
.resinar-btn { background:#0b78d1; color:#fff; padding:8px 12px; border-radius:8px; border:none; cursor:pointer; font-size:14px; }
#resinar-canvas-wrap { position:fixed; inset:0; z-index:1; background:transparent; }
#resinar-canvas { width:100%; height:100%; display:block; }
.resinar-gallery { position:fixed; bottom:10px; left:10px; right:10px; z-index:1001; display:flex; gap:8px; overflow:auto; background: rgba(255,255,255,0.95); padding:8px; border-radius:8px; }
.resinar-thumb { width:110px; flex:0 0 auto; text-align:center; cursor:pointer; }
.resinar-thumb img { width:100%; height:80px; object-fit:cover; border-radius:6px; }
.resinar-modal { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; z-index:2000; background: rgba(0,0,0,0.5); }
.resinar-modal-inner { background:#fff; padding:18px; border-radius:10px; width:320px; }
