.sf-drawing-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;font-family:inherit}.sf-drawing-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.sf-drawing-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937}.sf-drawing-controls{display:flex;gap:1rem;align-items:center}.sf-drawing-colors{display:flex;gap:.5rem}.sf-color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s;padding:0}.sf-color-btn:hover{transform:scale(1.1)}.sf-color-btn.active{border-color:#1f2937;transform:scale(1.1)}.sf-drawing-board{position:relative;width:100%;height:400px;background:#fff;display:grid;place-items:center}.sf-drawing-template{position:absolute;font-family:Traditional Arabic,Scheherazade New,Amiri,Noto Naskh Arabic,serif;font-size:250px;color:#f3f4f6;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.sf-drawing-canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none}